labenuexercicios · bruhoffman · May 21, 2024 · Dec 13, 2024
diff --git a/img/logo.avif b/img/logo.avif
diff --git a/img/tenis_1.jpg b/img/tenis_1.jpg
diff --git a/img/tenis_2.webp b/img/tenis_2.webp
diff --git a/img/tenis_3.jpg b/img/tenis_3.jpg
diff --git a/img/wireframe.drawio.png b/img/wireframe.drawio.png
diff --git a/index.html b/index.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="pt-br">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>4-Confort</title>
+</head>
+
+<body>
+    <nav>
+        <img src="img/logo.avif" alt="4Confort" width="100" height="100">
+        <div>
+            <ul>
+                <li><a href="#nossosprodutos">Nossos Produtos</a></li>
+                <li><a href="#quemsomos">Quem somos</a></li>
+                <li><a href="#contato">Contato</a></li>
+            </ul>
+            <button>Login</button>
+        </div>
+    </nav>
+    <div>
+        <div>
+            <h2 id="quemsomos">Quem Somos</h2>
+            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae blanditiis temporibus aspernatur,
+                doloremque reprehenderit odio adipisci aliquid quisquam hic itaque totam dignissimos voluptas dolore
+                sequi ratione voluptatum corrupti repudiandae deserunt.</p>
+            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae blanditiis temporibus aspernatur,
+                doloremque
+                reprehenderit odio adipisci aliquid quisquam hic itaque totam dignissimos voluptas dolore sequi
+                ratione voluptatum
+                corrupti repudiandae deserunt.</p>
+        </div>
+        <img src="img/tenis_1.jpg" alt="Tenis Branco" width="300" height="300">
+    </div>
+    <div>
+        <h2 id="nossosprodutos">Nossos Produtos</h2>
+        <div>
+            <div>
+                <img src="img/tenis_1.jpg" alt="Tenis Branco" width="150" height="150">
+            </div>
+            <div>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium voluptatem voluptate eius
+                    doloremque et obcaecati numquam expedita, pariatur sunt placeat.</p>
+            </div>
+        </div>
+        <div>
+            <div>
+                <img src="img/tenis_2.webp" alt="Tenis Cinza" width="150" height="150">
+            </div>
+            <div>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium voluptatem voluptate eius
+                    doloremque et obcaecati numquam expedita, pariatur sunt placeat.</p>
+            </div>
+        </div>
+        <div>
+            <div>
+                <img src="img/tenis_3.jpg" alt="Tenis Marron" width="150" height="150">
+            </div>
+            <div>
+                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium voluptatem voluptate eius
+                    doloremque et obcaecati numquam expedita, pariatur sunt placeat.</p>
+            </div>
+        </div>
+    </div>
+    <div>
+        <h2 id="contato">Contato</h2>
+        <form>
+            <div>
+                <label for="nome">Nome:</label>
+                <input type="text" id="nome" name="nome">
+                <label for="email">E-mail:</label>
+                <input type="email" id="email" name="email">
+                <label for="telefone">Telefone:</label>
+                <input type="tel" id="telefone" name="telefone">
+
+            </div>
+            <div>
+                <button>Cadastrar contato</button>
+            </div>
+        </form>
+    </div>
+    <div>
+        <h2 id="faq">FAQ / Perguntas Frequentes</h2>
+        <h4>Como consulto a Nota fiscal Eletrônica (NF-e)?</h4>
+        <p> Você pode consultar a nota fiscal eletrônica do seu pedido, pelo site da Receita Federal:
+            https://www.nfe.fazenda.gov.br/</p>
+        <h4>Ainda não recebi meu pedido, o que fazer?</h4>
+        <p>Se você não recebeu sua compra, primeiro confirme a previsão de entrega em “Meus Pedidos”. É só acessar seu
+            cadastro.</p>
+        <h4>Como acompanhar a entrega do meu pedido?</h4>
+        <p>Acessar a página “Meus Pedidos”, selecionar sua compra e então, acompanhar o envio. Lá você vai encontrar
+            todo o passo a
+            passo do pedido até a realização da entrega. Após o produto ser entregue para a transportadora, será
+            habilitado o link
+            do rastreamento, abaixo do ícone “Pedido em separação”.</p>
+    </div>
+</body>
+
+<footer>
+    <div>
+        <a href="#">Facebook</a>
+        <a href="#">Instagram</a>
+    </div>
+    <div>
+        <p>Telefone de contato: 0800-070-7070</p>
+    </div>
+</footer>
+
+</html>