2
respostas

Front-end HTML e CSS

Ainda tenho dúvida quanto a estrutura HTML.

2 respostas

Olá, Cosme.

Tudo bem?

Do que você precisa? Pode escrever a sua dúvida aqui! Lembrando que nenhuma dúvida é boba, se precisar manda o seu código aqui também.

Valeu Cosme, estou aguardando :)

Renan, toda as vezes que começo um site, sempre me deparo com os nomes das 'Tags', e quais usa-las. por exemplo quais nomes das classes e quais nomes das ID colocar. E como chamá-las. Quando estou em aula ou fazendo um bootcamp, estes tipos de aprendizados são enriquecedor porém quando estou sozinho fazendo eu travo, não consigo desempenhar. E logo desisto, porque não consigo construir o código limpo. Me ajuda a entender como posso melhorar isso, Renan!

Na aula de HTML e CSS

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap"
    rel="stylesheet" />

Barbearia Alura

Sobre a Barbearia Alura

    <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o
        seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada
        dia.</p>

    <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos
                clientes"</strong>.</em></p>

    <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de
        excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
</div>

<div class="beneficios">
    <h3 class="titulo-centralizado">Benefícios</h3>

    <ul>
        <li class="itens">Atendimento aos Clientes</li>
        <li class="itens">Espaço diferenciado</li>
        <li class="itens">Localização</li>
        <li class="itens">Profissionais Qualificados</li>
    </ul>

    <img src="assets/img/beneficios.jpg" class="imagembeneficios">
</div>