NewsLetter/signup.html at main · Garvit23/NewsLetter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="generator" content="Jekyll v3.8.5">
  <title>News Letter Sign-up</title>

  <link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/sign-in/">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

      <style>
          .bd-placeholder-img {
              font-size: 1.125rem;
              text-anchor: middle;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
          }

          @media (min-width: 768px) {
              .bd-placeholder-img-lg {
                  font-size: 3.5rem;
              }
          }
      </style>

  <!-- Custom styles for this template -->
  <link href="css/styles.css" rel="stylesheet">
</head>

<body class="text-center">
  <form  action="/" class="form-signin" method="POST">
    <img class="mb-4" src="images/newsletter.png" alt="" width="72" height="72">
    <h1 class="h3 mb-3 font-weight-normal">Sign up to my newsletter!</h1>

    <input type="text" name="fName" placeholder="First Name" class="top form-control" required autofocus >
    <input type="text" name="lName" placeholder="Last Name" class="mid form-control" required>
    <input type="email" name="email" placeholder="Email" class="bottom form-control"required>

    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign UP!</button>
    <p class="mt-5 mb-3 text-muted">&copy; 2021</p>
  </form>
</body>

</html>