Space Blog

Subscribe and get our monthly newsletter in your inbox.
HTML
              
                <!-- Hero -->
                <div class="bg-primary-dark overflow-hidden">
                  <div class="container position-relative content-space-1 content-space-md-2">
                    <div class="w-md-65 w-lg-50 mx-md-auto">
                      <!-- Heading -->
                      <div class="text-center mb-5">
                        <h1 class="text-white">Space Blog</h1>
                        <p class="lead text-white">Subscribe and get our monthly newsletter in your inbox.</p>
                      </div>
                      <!-- End Heading -->

                      <form>
                        <!-- Input Card -->
                        <div class="input-card input-card-sm mb-10">
                          <div class="input-card-form">
                            <input type="text" class="form-control" placeholder="Your email address" aria-label="Your email address">
                          </div>
                          <button type="button" class="btn btn-primary">Subscribe now</button>
                        </div>
                        <!-- End Input Card -->
                      </form>
                    </div>

                    <!-- Background Shapes -->
                    <div class="position-absolute" style="top: -6rem; left: -6rem;">
                      <img src="../assets/svg/components/shape-1-soft-light.svg" alt="SVG" width="500" style="width: 12rem;">
                    </div>
                    <div class="position-absolute" style="bottom: -6rem; right: -7rem;">
                      <img src="../assets/svg/components/shape-7-soft-light.svg" alt="SVG" width="250">
                    </div>
                    <!-- End Background Shapes -->
                  </div>
                </div>
                <!-- End Hero -->