Newsletter-SignUP/Failure.html at main · MSB-s-Projects/Newsletter-SignUP · 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
51
52
53
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Meta tags  -->
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- HTML title  -->
    <title>Sign Up Failed</title>
  </head>
  <body>
    <!-- Jumbotron -->
    <div
      class="p-12 text-center relative overflow-hidden bg-no-repeat bg-cover rounded-lg"
      style="
        background-image: url('https://mdbcdn.b-cdn.net/img/new/slides/041.webp');
        height: 400px;
      "
    >
      <div
        class="absolute top-0 right-0 bottom-0 left-0 w-full h-full overflow-hidden bg-fixed"
        style="background-color: rgba(0, 0, 0, 0.6)"
      >
        <div class="flex justify-center items-center h-full">
          <div class="text-white">
            <h2 class="font-semibold text-4xl mb-4">Uh Oh!</h2>
            <h4 class="font-semibold text-xl mb-6">
              There was a problem signing you up. Please try again or contact
              the developer!
            </h4>
            <form action="/failure" method="post">
              <button
                class="inline-block px-7 py-3 mb-1 border-2 border-gray-200 text-gray-200 font-medium text-sm leading-snug uppercase rounded hover:bg-black hover:bg-opacity-5 focus:outline-none focus:ring-0 transition duration-150 ease-in-out"
                href="#!"
                type="submit"
                role="button"
                data-mdb-ripple="true"
                data-mdb-ripple-color="light"
              >
                Try Again
              </button>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- Jumbotron -->
  </body>
</html>