<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <meta http-equiv=”X-UA-Compatible” content=”ie=edge”> <title>Email Capture Landing Page</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f7f7f7; color: #333; text-align: center; } .container { max-width: 600px; margin: 50px auto; background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1); } h1 { font-size: 32px; margin-bottom: 20px; color: #2c3e50; } p { font-size: 18px; margin-bottom: 30px; color: #7f8c8d; } .email-input { padding: 10px; width: 80%; max-width: 400px; border-radius: 4px; border: 1px solid #ddd; font-size: 16px; margin-bottom: 20px; } .cta-button { padding: 12px 30px; background-color: #3498db; color: #fff; border: none; border-radius: 4px; font-size: 18px; cursor: pointer; transition: background-color 0.3s ease; } .cta-button:hover { background-color: #2980b9; } footer { margin-top: 40px; font-size: 14px; color: #7f8c8d; } footer a { color: #3498db; text-decoration: none; } </style> </head> <body> <div class=”container”> <h1>Join Our Newsletter!</h1> <p>Stay updated with the latest news, offers, and tips. Enter your email below to subscribe.</p> <!– Email Form –> <form action=”YOUR_FORM_ACTION_URL” method=”POST”> <input type=”email” name=”email” class=”email-input” placeholder=”Enter your email” required> <br> <button type=”submit” class=”cta-button”>Subscribe Now</button> </form> </div> <footer> <p>We value your privacy. <a href=”#”>Learn more about our privacy policy</a>.</p> </footer> </body> </html>
