Open jkjovemkel opened 1 month ago
<!DOCTYPE html> <html lang="pt"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>blin_store95 - Acessórios Modernos</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; } header { background-color: #222; color: #fff; padding: 20px 0; text-align: center; } header h1 { margin: 0; font-size: 2.5em; letter-spacing: 2px; } nav { text-align: center; padding: 15px; background-color: #333; } nav a { color: #fff; text-decoration: none; margin: 0 15px; font-size: 1.2em; } nav a:hover { text-decoration: underline; } section { padding: 50px 20px; text-align: center; } .about, .products, .testimonials, .contact { background-color: #fff; margin: 20px auto; max-width: 1200px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 10px; } .about h2, .products h2, .testimonials h2, .contact h2 { margin-bottom: 20px; font-size: 2em; color: #222; } .about p, .products p, .testimonials p, .contact p { font-size: 1.1em; line-height: 1.6; color: #555; } .products img { max-width: 100%; height: auto; border-radius: 10px; margin: 10px 0; } .contact form { max-width: 600px; margin: 0 auto; text-align: left; } .contact input, .contact textarea { width: 100%; padding: 15px; margin: 10px 0; border: 1px solid #ccc; border-radius: 5px; } .contact button { background-color: #222; color: #fff; padding: 15px; border: none; border-radius: 5px; cursor: pointer; font-size: 1.1em; } .contact button:hover { background-color: #555; } footer { background-color: #222; color: #fff; padding: 20px 0; text-align: center; } </style> </head> <body> <header> <h1>blin_store95</h1> <p>Acessórios Modernos</p> </header> <nav> <a href="#about">Sobre Nós</a> <a href="#products">Produtos</a> <a href="#testimonials">Testemunhos</a> <a href="#contact">Contactos</a> </nav> <section id="about" class="about"> <h2>Sobre Nós</h2> <p>Bem-vindo à blin_store95! Somos uma loja especializada em acessórios modernos que complementam o seu estilo. A nossa missão é oferecer produtos de alta qualidade que sejam ao mesmo tempo elegantes e funcionais.</p> </section> <section id="products" class="products"> <h2>Produtos</h2> <p>Confira a nossa seleção de acessórios modernos e encontre a peça perfeita para si.</p> <img src="exemplo-produto.jpg" alt="Imagem de um produto"> <p>[Mais detalhes sobre os produtos aqui]</p> </section> <section id="testimonials" class="testimonials"> <h2>Testemunhos</h2> <p>"A blin_store95 tem os melhores acessórios que já comprei. Excelente qualidade e design incrível!" - Cliente Satisfeito</p> <p>"Recomendo 100%. Produtos top e atendimento excelente!" - Cliente Satisfeito</p> </section> <section id="contact" class="contact"> <h2>Contactos</h2> <p>Entre em contato connosco para saber mais sobre os nossos produtos ou fazer um pedido especial.</p> <form action="#" method="post"> <input type="text" name="name" placeholder="Seu nome" required> <input type="email" name="email" placeholder="Seu email" required> <textarea name="message" placeholder="Sua mensagem" rows="5" required></textarea> <button type="submit">Enviar</button> </form> </section> <footer> <p>© 2024 blin_store95. Todos os direitos reservados.</p> </footer> </body> </html>
HTML