index.html

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8">
        <title>ELETRONIC SHOP</title>
        <link rel="stylesheet" href="style.css">
    </head>

    <header class = "cabecalho">
        <h1>ELETRONIC SHOP</h1>

             <ul>
                <li>MEUS PRODUTOS</li>
                <li>MINHAS COMPRAS</li>
                <li>SAIBA MAIS</li>
             </ul>

    </header>

    <body> 
    
        <h1 id = "titulo-1">Sobre a Eletronic Shop</h1>

    <section class = "sessao-1">
        <p class = "paragrafo-1">Localizada no coração da cidade a <strong>Eletronic Shop</strong> traz para o mercado o que há de melhor para os seus circuitos eletrônicos. 
        Fundada em 2019, a Eletronic Shop já é destaque na cidade e conquista novos clientes a cada dia pelo custo-benefício dos serviços prestados.</p>

        <p class = "paragrafo-2"><em>Nossa missão é: <strong>"Proporcionar os melhores componentes eletrônicos para a construção de um circuito eficiente e de qualidade"</strong>.</em></p>

        <p>Oferecemos profissionais experientes e qualificados para te ajudar no que for preciso. E ainda, contamos com um atendimento que possui padrão de excelência e agilidade, garantindo assim a satisfação dos nossos clientes.</p>

    </section>

        <section class = "conteudo">
            <h2 id = "subtitulo">Benefícios</h2>
        
            <ul class = "lista-1">
                <li>Atendimento aos Clientes</li>
                <li>Espaço diferenciado</li>
                <li>Localização</li>
                <li>Profissionais Qualificados</li>
            </ul>

            <div class = "lista-ordenada">
                <ol>
                    <li>HORÁRIO DE ATENDIMENTO</li>
                    <li>MEUS PRODUTOS</li>
                </ol>
            </div>

            <ul>
                <li>HORÁRIO DE ATENDIMENTO</li>
                <li>MEUS PRODUTOS</li>
            </ul>

            <h3 id = "subtitulo-1">Confira os nossos produtos</h3>
        
            <img id = "logo" src="arduino_ide.webp" alt="arduino">
            <img id = "imagem-2" src="hikari-multimetro.png" alt="multimetro">
            
        </section>

        <footer class = "rodape">

                <p>Para mais informações entre em contato através das nossas redes sociais:</p>
                <p>@eletronic_shop</p>
                <p>Facebook: Eletronic Shop</p>
                <p>TEL: (42)99999-9999</p>
    
        </footer>

    </body>
</html>
