<!DOCTYPE html> <html> <head> <title>Minha Landing Page</title> <style> .container { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px; max-width: 1200px; margin: 0 auto; } .gallery { flex-basis: 50%; } .gallery img { display: block; width: 100%; margin-bottom: 20px; } .contact-form { flex-basis: 45%; } .contact-form input[type="text"], .contact-form textarea { display: block; width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px; font-size: 16px; } .contact-form input[type="submit"] { background-color: #4CAF50; color: #fff; border: none; border-radius: 5px; padding: 10px; cursor: pointer; font-size: 16px; } .whatsapp-button { background-color: #25D366; color: #fff; border: none; border-radius: 5px; padding: 10px; cursor: pointer; font-size: 16px; } .whatsapp-button a { color: #fff; text-decoration: none; } </style> </head> <body> <div class="container"> <div class="gallery"> <img src="img1.jpg" alt="Foto do apartamento"> <img src="img2.jpg" alt="Foto do apartamento"> <img src="img3.jpg" alt="Foto do apartamento"> <img src="img4.jpg" alt="Foto do apartamento"> </div> <div class="contact-form"> <h2>Entre em contato</h2> <form> <label for="nome">Nome:</label> <input type="text" id="nome" name="nome"> <label for="email">Email:</label> <input type="text" id="email" name="email"> <label for="mensagem">Mensagem:</label> <textarea id="mensagem" name="mensagem"></textarea> <input type="submit" value="Enviar"> </form> <div class="whatsapp-button"> <a href="https://api.whatsapp.com/send?phone=NUMERO_DO_SEU_WHATSAPP&text=Ol%C3%A1%2C%20gostaria%20de%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20apartamento." target="_blank">Converse comigo no WhatsApp</a> </div> </div> </div> </body> </html>