|  | 
| 1 |  | -<div class="container"> | 
| 2 |  | -  <div class="d-flex justify-content-center align-items-center" style="height: 100vh;"> | 
| 3 |  | -    <div class="text-center"> | 
| 4 |  | -      <img class="mb-4" src="https://mdbootstrap.com/img/logo/mdb-transparent-250px.png" | 
| 5 |  | -        style="width: 250px; height: 90px;" /> | 
| 6 |  | -      <h5 class="mb-3">Thank you for using our product. We're glad you're with us.</h5> | 
| 7 |  | -      <p class="mb-3">MDB Team</p> | 
| 8 |  | -      <a class="btn btn-primary btn-lg" href="https://mdbootstrap.com/docs/standard/getting-started/" target="_blank" | 
| 9 |  | -        role="button">Start MDB tutorial</a> | 
| 10 |  | -      <p class="mt-4"><a href="https://mdbootstrap.com/sale/free/"><i class="far fa-lg fa-surprise"></i> Free users | 
| 11 |  | -          buy cheaper .. </a></p> | 
|  | 1 | +<div class="container my-5 py-5"> | 
|  | 2 | +  <!--Counter--> | 
|  | 3 | +  <section class="text-center"> | 
|  | 4 | +    <!-- Time Counter --> | 
|  | 5 | +    <h1 class="mb-0 text-black"> | 
|  | 6 | +      Black November <span class="text-danger fw-bold">Waiting List</span> | 
|  | 7 | +    </h1> | 
|  | 8 | +    <hr class="my-5" /> | 
|  | 9 | +    <p class="text-black lead"> | 
|  | 10 | +      All offers will be <span class="text-danger fw-bold">limited</span>. Don't | 
|  | 11 | +      lose your chance, be the <span class="text-danger fw-bold">first</span> to | 
|  | 12 | +      get notified. | 
|  | 13 | +    </p> | 
|  | 14 | +     | 
|  | 15 | +  </section> | 
|  | 16 | +  <!--Counter--> | 
|  | 17 | +   | 
|  | 18 | +  <!-- Section: Waiting List --> | 
|  | 19 | +  <section class="my-5"> | 
|  | 20 | +     | 
|  | 21 | +    <style> | 
|  | 22 | +      .fw-900 { | 
|  | 23 | +        font-weight: 900; | 
|  | 24 | +      } | 
|  | 25 | +    </style> | 
|  | 26 | +     | 
|  | 27 | +    <div class="bg-dark text-white text-center text-xl-start rounded-6"> | 
|  | 28 | +      <div | 
|  | 29 | +        class="container px-4" | 
|  | 30 | +        style="padding-top: 5rem; padding-bottom: 5rem" | 
|  | 31 | +      > | 
|  | 32 | +        <div | 
|  | 33 | +          class=" | 
|  | 34 | +            row | 
|  | 35 | +            mx-xl-1 | 
|  | 36 | +            d-flex | 
|  | 37 | +            justify-content-center justify-xl-content-start | 
|  | 38 | +            align-items-center | 
|  | 39 | +          " | 
|  | 40 | +        > | 
|  | 41 | +          <div class="col-md-10 col-lg-7 col-xl-7"> | 
|  | 42 | +            <h2 class="fs-1 fw-900"> | 
|  | 43 | +              Join the waiting list <span class="text-danger fw-bold">NOW</span> | 
|  | 44 | +            </h2> | 
|  | 45 | +            <p class="lead fw-normal mb-4 pb-md-1 pb-xl-0 mb-xl-0"> | 
|  | 46 | +              You will only receive emails related to the Black November | 
|  | 47 | +              promotions and after the promotion is over, you will be | 
|  | 48 | +              unsubscribed. We won't spam you. | 
|  | 49 | +            </p> | 
|  | 50 | +          </div> | 
|  | 51 | +          <div class="col-md-10 col-lg-7 col-xl-5"> | 
|  | 52 | +            <div class="d-md-flex mb-3 mb-md-2 ms-xl-4"> | 
|  | 53 | +               | 
|  | 54 | +              <div class="flex-fill me-md-1 mb-3 mb-md-0"> | 
|  | 55 | +                <form | 
|  | 56 | +                  action="https://app.convertkit.com/forms/2663020/subscriptions" | 
|  | 57 | +                  class="seva-form formkit-form" | 
|  | 58 | +                  method="post" | 
|  | 59 | +                  data-sv-form="2663020" | 
|  | 60 | +                  data-uid="30443eba65" | 
|  | 61 | +                  data-format="inline" | 
|  | 62 | +                  data-version="5" | 
|  | 63 | +                  data-options='{"settings":{"after_subscribe":{"action":"message","success_message":"Success! Now check your email to confirm your subscription.","redirect_url":"https://mdbootstrap.com/confirm/"},"analytics":{"google":null,"facebook":null,"segment":null,"pinterest":null,"sparkloop":null,"googletagmanager":null},"modal":{"trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"powered_by":{"show":false,"url":"https://convertkit.com?utm_campaign=poweredby&utm_content=form&utm_medium=referral&utm_source=dynamic"},"recaptcha":{"enabled":true},"return_visitor":{"action":"show","custom_content":""},"slide_in":{"display_in":"bottom_right","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15},"sticky_bar":{"display_in":"top","trigger":"timer","scroll_percentage":null,"timer":5,"devices":"all","show_once_every":15}},"version":"5"}' | 
|  | 64 | +                > | 
|  | 65 | +                  <!--Errors--> | 
|  | 66 | +                  <ul | 
|  | 67 | +                    class="text-danger fw-bold" | 
|  | 68 | +                    data-element="errors" | 
|  | 69 | +                    data-group="alert" | 
|  | 70 | +                  ></ul> | 
|  | 71 | +                   | 
|  | 72 | +                  <!--Fields--> | 
|  | 73 | +                  <div | 
|  | 74 | +                    data-element="fields" | 
|  | 75 | +                    data-stacked="false" | 
|  | 76 | +                    class="d-flex d-inline-block justify-content-center" | 
|  | 77 | +                  > | 
|  | 78 | +                    <!--Email address--> | 
|  | 79 | +                    <mdb-form-control class="form-white w-100"> | 
|  | 80 | +                      <input | 
|  | 81 | +                        mdbInput | 
|  | 82 | +                        type="text" | 
|  | 83 | +                        id="form1" | 
|  | 84 | +                        name="email_address" | 
|  | 85 | +                        required="" | 
|  | 86 | +                        type="email" | 
|  | 87 | +                        class="form-control form-control-lg" | 
|  | 88 | +                      /> | 
|  | 89 | +                      <label mdbLabel class="form-label" for="form1" | 
|  | 90 | +                        >Your email address</label | 
|  | 91 | +                      > | 
|  | 92 | +                    </mdb-form-control> | 
|  | 93 | +                     | 
|  | 94 | +                    <!--Button--> | 
|  | 95 | +                    <button class="btn btn-danger ms-2" data-element="submit"> | 
|  | 96 | +                      JOIN | 
|  | 97 | +                    </button> | 
|  | 98 | +                  </div> | 
|  | 99 | +                </form> | 
|  | 100 | +                 | 
|  | 101 | +              </div> | 
|  | 102 | +            </div> | 
|  | 103 | +             | 
|  | 104 | +          </div> | 
|  | 105 | +        </div> | 
|  | 106 | +      </div> | 
| 12 | 107 |     </div> | 
| 13 |  | -  </div> | 
|  | 108 | +    <p class="text-muted text-center"> | 
|  | 109 | +      <small | 
|  | 110 | +        >By subscribing you agree to receive Black November notifications from | 
|  | 111 | +        the data administrator StartupFlow s.c. Kijowska 7, Warsaw. | 
|  | 112 | +        <a | 
|  | 113 | +          href="https://mdbootstrap.com/general/privacy-policy/" | 
|  | 114 | +          class="text-decoration-underline text-reset" | 
|  | 115 | +          >Privacy Policy</a | 
|  | 116 | +        >. | 
|  | 117 | +      </small> | 
|  | 118 | +    </p> | 
|  | 119 | +     | 
|  | 120 | +  </section> | 
|  | 121 | +  <!-- Section: Waiting List --> | 
|  | 122 | +   | 
|  | 123 | +  <!--Products--> | 
|  | 124 | +  <section class="my-5 pt-5"> | 
|  | 125 | +    <p class="lead text-center">Explore products that will be discounted:</p> | 
|  | 126 | +     | 
|  | 127 | +    <!--Row--> | 
|  | 128 | +    <div class="row"> | 
|  | 129 | +       | 
|  | 130 | +      <!--Standard--> | 
|  | 131 | +      <div class="col-md-3"> | 
|  | 132 | +        <div class="card shadow-2-strong"> | 
|  | 133 | +          <div class="bg-image hover-overlay" mdbRipple rippleColor="light"> | 
|  | 134 | +            <img | 
|  | 135 | +              src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/bootstrap-standard.webp" | 
|  | 136 | +              class="img-fluid" | 
|  | 137 | +            /> | 
|  | 138 | +            <a | 
|  | 139 | +              href="https://mdbootstrap.com/docs/standard/pro/" | 
|  | 140 | +              target="_blank" | 
|  | 141 | +            > | 
|  | 142 | +              <div | 
|  | 143 | +                class="mask" | 
|  | 144 | +                style="background-color: rgba(251, 251, 251, 0.15)" | 
|  | 145 | +              ></div> | 
|  | 146 | +            </a> | 
|  | 147 | +          </div> | 
|  | 148 | +           | 
|  | 149 | +          <div class="card-body"> | 
|  | 150 | +            <h5 class="card-title">MDB Standard PRO</h5> | 
|  | 151 | +            <p class="card-text"> | 
|  | 152 | +              Components, templates, plugins, premium support and much more for | 
|  | 153 | +              the <strong>latest Bootstrap v5 as well as v4</strong>. | 
|  | 154 | +            </p> | 
|  | 155 | +            <div class="text-end"> | 
|  | 156 | +              <a | 
|  | 157 | +                href="https://mdbootstrap.com/docs/standard/pro/" | 
|  | 158 | +                type="button" | 
|  | 159 | +                class="btn btn-sm btn-link text-muted" | 
|  | 160 | +                target="_blank" | 
|  | 161 | +                >View product <i class="fas fa-external-link-alt"></i | 
|  | 162 | +              ></a> | 
|  | 163 | +            </div> | 
|  | 164 | +          </div> | 
|  | 165 | +        </div> | 
|  | 166 | +      </div> | 
|  | 167 | +      <!--Angular--> | 
|  | 168 | +      <div class="col-md-3"> | 
|  | 169 | +        <div class="card shadow-2-strong"> | 
|  | 170 | +          <div class="bg-image hover-overlay" mdbRipple rippleColor="light"> | 
|  | 171 | +            <img | 
|  | 172 | +              src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/angular.webp" | 
|  | 173 | +              class="img-fluid" | 
|  | 174 | +            /> | 
|  | 175 | +            <a | 
|  | 176 | +              href="https://mdbootstrap.com/docs/b5/angular/pro/" | 
|  | 177 | +              target="_blank" | 
|  | 178 | +            > | 
|  | 179 | +              <div | 
|  | 180 | +                class="mask" | 
|  | 181 | +                style="background-color: rgba(251, 251, 251, 0.15)" | 
|  | 182 | +              ></div> | 
|  | 183 | +            </a> | 
|  | 184 | +          </div> | 
|  | 185 | +           | 
|  | 186 | +          <div class="card-body"> | 
|  | 187 | +            <h5 class="card-title">MDB Angular PRO</h5> | 
|  | 188 | +            <p class="card-text"> | 
|  | 189 | +              Components, templates, plugins, premium support and much more for | 
|  | 190 | +              the <strong>latest Bootstrap v5 as well as v4</strong>. | 
|  | 191 | +            </p> | 
|  | 192 | +            <div class="text-end"> | 
|  | 193 | +              <a | 
|  | 194 | +                href="https://mdbootstrap.com/docs/b5/angular/pro/" | 
|  | 195 | +                type="button" | 
|  | 196 | +                class="btn btn-sm btn-link text-muted" | 
|  | 197 | +                target="_blank" | 
|  | 198 | +                >View product <i class="fas fa-external-link-alt"></i | 
|  | 199 | +              ></a> | 
|  | 200 | +            </div> | 
|  | 201 | +          </div> | 
|  | 202 | +        </div> | 
|  | 203 | +      </div> | 
|  | 204 | +      <!--React--> | 
|  | 205 | +      <div class="col-md-3"> | 
|  | 206 | +        <div class="card shadow-2-strong"> | 
|  | 207 | +          <div class="bg-image hover-overlay" mdbRipple rippleColor="light"> | 
|  | 208 | +            <img | 
|  | 209 | +              src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/react.webp" | 
|  | 210 | +              class="img-fluid" | 
|  | 211 | +            /> | 
|  | 212 | +            <a | 
|  | 213 | +              href="https://mdbootstrap.com/docs/b5/react/pro/" | 
|  | 214 | +              target="_blank" | 
|  | 215 | +            > | 
|  | 216 | +              <div | 
|  | 217 | +                class="mask" | 
|  | 218 | +                style="background-color: rgba(251, 251, 251, 0.15)" | 
|  | 219 | +              ></div> | 
|  | 220 | +            </a> | 
|  | 221 | +          </div> | 
|  | 222 | +           | 
|  | 223 | +          <div class="card-body"> | 
|  | 224 | +            <h5 class="card-title">MDB React PRO</h5> | 
|  | 225 | +            <p class="card-text"> | 
|  | 226 | +              Components, templates, plugins, premium support and much more for | 
|  | 227 | +              the <strong>latest Bootstrap v5 as well as v4</strong>. | 
|  | 228 | +            </p> | 
|  | 229 | +            <div class="text-end"> | 
|  | 230 | +              <a | 
|  | 231 | +                href="https://mdbootstrap.com/docs/b5/react/pro/" | 
|  | 232 | +                type="button" | 
|  | 233 | +                class="btn btn-sm btn-link text-muted" | 
|  | 234 | +                target="_blank" | 
|  | 235 | +                >View product <i class="fas fa-external-link-alt"></i | 
|  | 236 | +              ></a> | 
|  | 237 | +            </div> | 
|  | 238 | +          </div> | 
|  | 239 | +        </div> | 
|  | 240 | +      </div> | 
|  | 241 | +       | 
|  | 242 | +      <!--Vue--> | 
|  | 243 | +      <div class="col-md-3"> | 
|  | 244 | +        <div class="card shadow-2-strong"> | 
|  | 245 | +          <div class="bg-image hover-overlay" mdbRipple rippleColor="light"> | 
|  | 246 | +            <img | 
|  | 247 | +              src="https://v1.mdbootstrap.com/wp-content/uploads/2021/10/vue.webp" | 
|  | 248 | +              class="img-fluid" | 
|  | 249 | +            /> | 
|  | 250 | +            <a href="https://mdbootstrap.com/docs/b5/vue/pro/" target="_blank"> | 
|  | 251 | +              <div | 
|  | 252 | +                class="mask" | 
|  | 253 | +                style="background-color: rgba(251, 251, 251, 0.15)" | 
|  | 254 | +              ></div> | 
|  | 255 | +            </a> | 
|  | 256 | +          </div> | 
|  | 257 | +           | 
|  | 258 | +          <div class="card-body"> | 
|  | 259 | +            <h5 class="card-title">MDB Vue PRO</h5> | 
|  | 260 | +            <p class="card-text"> | 
|  | 261 | +              Components, templates, plugins, premium support and much more for | 
|  | 262 | +              the <strong>latest Bootstrap v5 as well as v4</strong>. | 
|  | 263 | +            </p> | 
|  | 264 | +            <div class="text-end"> | 
|  | 265 | +              <a | 
|  | 266 | +                href="https://mdbootstrap.com/docs/b5/vue/pro/" | 
|  | 267 | +                type="button" | 
|  | 268 | +                class="btn btn-sm btn-link text-muted" | 
|  | 269 | +                target="_blank" | 
|  | 270 | +                >View product <i class="fas fa-external-link-alt"></i | 
|  | 271 | +              ></a> | 
|  | 272 | +            </div> | 
|  | 273 | +          </div> | 
|  | 274 | +        </div> | 
|  | 275 | +      </div> | 
|  | 276 | +    </div> | 
|  | 277 | +  </section> | 
|  | 278 | +  <!--Products--> | 
| 14 | 279 | </div> | 
0 commit comments