diff --git a/index.html b/index.html
index 31bd3037..4a54e414 100644
--- a/index.html
+++ b/index.html
@@ -18,29 +18,175 @@
     <link rel="stylesheet" href="css/mdb.min.css" />
   </head>
   <body>
-    <!-- Start your project here-->
-    <div class="container">
-      <div class="d-flex justify-content-center align-items-center" style="height: 100vh;">
-        <div class="text-center">
-          <img
-            class="mb-4"
-            src="https://mdbootstrap.com/img/logo/mdb-transparent-250px.png"
-            style="width: 250px; height: 90px;"
-          />
-          <h5 class="mb-3">Thank you for using our product. We're glad you're with us.</h5>
-          <p class="mb-3">MDB Team</p>
-          <a
-            class="btn btn-primary btn-lg"
-            href="https://mdbootstrap.com/docs/standard/getting-started/"
-            target="_blank"
-            role="button"
-            >Start MDB tutorial</a
-          >
+  <!-- Start your project here-->
+  <!-- Container for demo purpose -->
+  <div class="container my-5 py-5">
+    <!--Counter-->
+    <section class="text-center">
+      <!-- Time Counter -->
+      <h1 class="mb-0 text-black">Black November <span class="text-danger fw-bold">Waiting List</span></h1>
+      <hr class="my-5">
+      <p class="text-black lead">All offers will be <span class="text-danger fw-bold">limited</span>.
+        Don't lose your chance, be the <span class="text-danger fw-bold">first</span> to get notified.</p>
+    </section>
+    <!--Counter-->
+    <!-- Section: Waiting List -->
+    <section class="my-5">
+      <style>
+        .fw-900 {
+          font-weight: 900;
+        }
+      </style>
+      <div class="bg-dark text-white text-center text-xl-start rounded-6">
+        <div class="container px-4" style="padding-top: 5rem; padding-bottom: 5rem;">
+          <div class="row mx-xl-1 d-flex justify-content-center justify-xl-content-start align-items-center">
+            <div class="col-md-10 col-lg-7 col-xl-7">
+              <h2 class="fs-1 fw-900">Join the waiting list <span class="text-danger fw-bold">NOW</span>
+              </h2>
+              <p class="lead fw-normal mb-4 pb-md-1 pb-xl-0 mb-xl-0">
+                You will only receive emails related to the Black November promotions and after the promotion is over,
+                you will be unsubscribed. We won't spam you.
+              </p>
+            </div>
+            <div class="col-md-10 col-lg-7 col-xl-5">
+              <div class="d-md-flex mb-3 mb-md-2 ms-xl-4">
+                <div class="flex-fill me-md-1 mb-3 mb-md-0">
+                  <form action="https://app.convertkit.com/forms/2663020/subscriptions" class="seva-form formkit-form"
+                    method="post" data-sv-form="2663020" data-uid="30443eba65" data-format="inline" data-version="5"
+                    data-options="{&quot;settings&quot;:{&quot;after_subscribe&quot;:{&quot;action&quot;:&quot;message&quot;,&quot;success_message&quot;:&quot;Success! Now check your email to confirm your subscription.&quot;,&quot;redirect_url&quot;:&quot;https://mdbootstrap.com/confirm/&quot;},&quot;analytics&quot;:{&quot;google&quot;:null,&quot;facebook&quot;:null,&quot;segment&quot;:null,&quot;pinterest&quot;:null,&quot;sparkloop&quot;:null,&quot;googletagmanager&quot;:null},&quot;modal&quot;:{&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;powered_by&quot;:{&quot;show&quot;:false,&quot;url&quot;:&quot;https://convertkit.com?utm_campaign=poweredby&amp;utm_content=form&amp;utm_medium=referral&amp;utm_source=dynamic&quot;},&quot;recaptcha&quot;:{&quot;enabled&quot;:true},&quot;return_visitor&quot;:{&quot;action&quot;:&quot;show&quot;,&quot;custom_content&quot;:&quot;&quot;},&quot;slide_in&quot;:{&quot;display_in&quot;:&quot;bottom_right&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15},&quot;sticky_bar&quot;:{&quot;display_in&quot;:&quot;top&quot;,&quot;trigger&quot;:&quot;timer&quot;,&quot;scroll_percentage&quot;:null,&quot;timer&quot;:5,&quot;devices&quot;:&quot;all&quot;,&quot;show_once_every&quot;:15}},&quot;version&quot;:&quot;5&quot;}">
+                    <!--Errors-->
+                    <ul class="text-danger fw-bold" data-element="errors" data-group="alert"></ul>
+                    <!--Fields-->
+                    <div data-element="fields" data-stacked="false"
+                      class="d-flex d-inline-block justify-content-center">
+                      <!--Email address-->
+                      <div class="form-outline form-white w-100">
+                        <input type="text" id="form1" name="email_address" required="" type="email"
+                          class="form-control form-control-lg" />
+                        <label class="form-label" for="form1">Your email address</label>
+                      </div>
+                      <!--Button-->
+                      <button class="btn btn-danger ms-2" data-element="submit">
+                        JOIN
+                      </button>
+                    </div>
+                  </form>
+                </div>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
-    </div>
-    <!-- End your project here-->
-
+      <p class="text-muted text-center">
+        <small>By subscribing you agree to receive Black November notifications from the data
+          administrator StartupFlow s.c. Kijowska 7, Warsaw.
+          <a href="https://mdbootstrap.com/general/privacy-policy/" class="text-decoration-underline text-reset">Privacy
+            Policy</a>.
+        </small>
+      </p>
+    </section>
+    <!-- Section: Waiting List -->
+    <!--Products-->
+    <section class="my-5 pt-5">
+      <p class="lead text-center">Explore products that will be discounted:</p>
+      <!--Row-->
+      <div class="row">
+        <!--Standard-->
+        <div class="col-md-3">
+          <div class="card shadow-2-strong">
+            <div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
+              <img src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/bootstrap-standard.webp"
+                class="img-fluid" />
+              <a href="https://mdbootstrap.com/docs/standard/pro/" target="_blank">
+                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15)"></div>
+              </a>
+            </div>
+            <div class="card-body">
+              <h5 class="card-title">MDB Standard PRO</h5>
+              <p class="card-text">
+                Components, templates, plugins, premium support and much more for the <strong>latest Bootstrap v5 as
+                  well as v4</strong>.
+              </p>
+              <div class="text-end">
+                <a href="https://mdbootstrap.com/docs/standard/pro/" type="button"
+                  class="btn btn-sm btn-link text-muted" target="_blank">View product <i
+                    class="fas fa-external-link-alt"></i></a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--Angular-->
+        <div class="col-md-3">
+          <div class="card shadow-2-strong">
+            <div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
+              <img src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/angular.webp" class="img-fluid" />
+              <a href="https://mdbootstrap.com/docs/b5/angular/pro/" target="_blank">
+                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15)"></div>
+              </a>
+            </div>
+            <div class="card-body">
+              <h5 class="card-title">MDB Angular PRO</h5>
+              <p class="card-text">
+                Components, templates, plugins, premium support and much more for the <strong>latest Bootstrap v5 as
+                  well as v4</strong>.
+              </p>
+              <div class="text-end">
+                <a href="https://mdbootstrap.com/docs/b5/angular/pro/" type="button" class="btn btn-sm btn-link text-muted"
+                  target="_blank">View product <i class="fas fa-external-link-alt"></i></a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--React-->
+        <div class="col-md-3">
+          <div class="card shadow-2-strong">
+            <div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
+              <img src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/react.webp" class="img-fluid" />
+              <a href="https://mdbootstrap.com/docs/b5/react/pro/" target="_blank">
+                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15)"></div>
+              </a>
+            </div>
+            <div class="card-body">
+              <h5 class="card-title">MDB React PRO</h5>
+              <p class="card-text">
+                Components, templates, plugins, premium support and much more for the <strong>latest Bootstrap v5 as
+                  well as v4</strong>.
+              </p>
+              <div class="text-end">
+                <a href="https://mdbootstrap.com/docs/b5/react/pro/" type="button" class="btn btn-sm btn-link text-muted"
+                  target="_blank">View product <i class="fas fa-external-link-alt"></i></a>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--Vue-->
+        <div class="col-md-3">
+          <div class="card shadow-2-strong">
+            <div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
+              <img src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/vue.webp" class="img-fluid" />
+              <a href="https://mdbootstrap.com/docs/b5/vue/pro/" target="_blank">
+                <div class="mask" style="background-color: rgba(251, 251, 251, 0.15)"></div>
+              </a>
+            </div>
+            <div class="card-body">
+              <h5 class="card-title">MDB Vue PRO</h5>
+              <p class="card-text">
+                Components, templates, plugins, premium support and much more for the <strong>latest Bootstrap v5 as
+                  well as v4</strong>.
+              </p>
+              <div class="text-end">
+                <a href="https://mdbootstrap.com/docs/b5/vue/pro/" type="button" class="btn btn-sm btn-link text-muted"
+                  target="_blank">View product <i class="fas fa-external-link-alt"></i></a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+    <!--Products-->
+  </div>
+  <!-- Container for demo purpose -->
+  <!-- End your project here-->
     <!-- MDB -->
     <script type="text/javascript" src="js/mdb.min.js"></script>
     <!-- Custom scripts -->
