newsletter.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./newsletter.css">
    <title>Newsletter</title>
</head>
<body>
    <div class="box">
    <form action="/action_page.php">
        <div class="container">
          <h2>Subscribe to our Newsletter</h2>
          <p>Lorem ipsum text about why you should subscribe to our newsletter blabla. Lorem ipsum text about why you should subscribe to our newsletter blabla.</p>
        </div>
      
        <div class="container" style="background-color:#c2cfe1">
          <input type="text" placeholder="Name" name="name" required>
          <input type="text" placeholder="Email address" name="mail" required>
          <label>
            <input type="checkbox" name="subscribe"> Weekly Newsletter
            <label>
              <input type="checkbox" checked="checked" name="subscribe" required> Monthly Newsletter
            </label>
          </label>
        </div>
      
        <div class="container">
          <input type="submit" value="Subscribe">
        </div>
      </form>
    </div>
    <script src="./newsletter.js"></script>
</body>
</html>