Website dando errado

[robertojohnny1 0]

Estou trabalhando em um projeto de website, e meu cliente pediu algo diferente do que eu faço, então estou enfrentando uma série de problemas e procuro ajuda para resolver os mesmo, segue meu código em JsFiddle para melhor visualização do código:

 

https://jsfiddle.net/5vv9La62/1/

 

Os meus problemas tem sido:

 

1. Os icones usados, ficam na parte superior do círculo, preciso colocá-los no centro.
2. Após colocar um menu fixo no topo, a imagem superior está sendo sobreposta pelo menu, eu deveria aumentar o tamanho da imagem ou realocar mais abaixo? Como fazer?
3. Na parte da galeria de imagens, os itens ficam à esquerda, queria que ficassem no centro da página.
4. Na segunda parte onde está escrito "make your appointment" não está tendo espaçamento de altura, só os textos em si.
5. Não está tendo espaçamento entre a primeira imagem e o primeiro texto.
6. A classe .separator está sobrepondo o menu quando a rolagem passa por cima.
7. Na parte do "about me" eu queria posicionar o texto de apresentação no centro certical com a imagem da photo, mas não tenho ideia de como fazer isso.

É isso, se eu fiz algo errado no código peço que reportem, obrigado.

[rikaschmitt 54]

Vamos lá, talvez ajude você:

 

1) Nos ícones, você pode consertar isso atribuindo um "padding-top: 6px;" na classe ".srounded";

 

2) Dá para colocar um "margin-top" na classe ".jumbotron-large" no tamanho da altura do header fixo, assim ele não ficará em cima da imagem;

 

3) Na div pai que estão as <img>, dá pra por um "text-align: center;" para alinhar as imagens no centro;

 

4) Você quer colocar a imagem como fundo? Talvez coloque como "background" então.. pois ela está definida como absolute com uma altura de 200px, porém a div pai não tem essa altura.. Ou você aplica a altura na div pai que estão os textos, ou aplica a imagem como background mesmo;

 

5) Não entendi;

 

6) Adiciona um "z-index: 5000;" por exemplo, na classe ".fixed-top";

 

7) Talvez se você criar uma <div> que englobe o título e o texto, aplicar uma altura fixa e atribuir "display: table-cell; vertical-align: middle;".

 

 

:P

[robertojohnny1 0]

Perfeito amigo, sanou minhas à respeito disso hahaha, agora vamos ver se consigo terminar esse layour e torná-lo responsivo =)

 

https://jsfiddle.net/qtzh5zmv/

 

Ficou muito bom, na minha opinião, pois até então apenas desenvolvia páginas estáticas em photoshop, essa está sendo uma das minhas primeiras experiências com linguagem dinâmica.

[rikaschmitt 54]

Me parece que está ok agora.

Layout simples e bonito, continue assim hehe.

[robertojohnny1 0]

Uma outra dúvida, que tenho quase a certeza que não é por aqui que eu devia perguntar, mas aproveitando, qual seria o preço que eu deveria cobrar por esse trabalho, pois como falei, não costumo programar websites :D :D

 

Ah, não está completo, ainda falta umas bastantes coisas pra se colocar aqui