Logo v2.1
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v2.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Foundations
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid
  • Testimonials
  • Blogs
    Grid List
  • Pricing
  • Team Sections
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • FAQ
  • Lists
  • Comments
  • User Profile
  • Sidebar Nav Examples
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Contact / Footer
  • Contact Sections
  • Footer

Subscribe Form Layouts

Component #1

  • Preview
  • HTML

Ready to get started?

Click below to access the Space API or join the Discord channel to share your solutions with the world

Create a free account
              
                <!-- CTA -->
                <div class="bg-soft-success">
                  <div class="container content-space-1 content-space-md-3">
                    <div class="row">
                      <div class="col-md-5 col-lg-6 mb-5 mb-lg-0">
                        <h3>Ready to get started?</h3>
                        <p class="fs-6">Click below to access the Space API or join the Discord channel to share your solutions with the world</p>
                      </div>
                      <!-- End Col -->

                      <div class="col-md-7 col-lg-6">
                        <form>
                          <!-- Input Card -->
                          <div class="input-card input-card-sm mb-3">
                            <div class="input-card-form">
                              <input type="text" class="form-control form-control-lg" placeholder="Your business email" aria-label="Your business email">
                            </div>
                            <button type="button" class="btn btn-primary btn-lg">Request a demo</button>
                          </div>
                          <!-- End Input Card -->
                        </form>

                        <a class="link" href="../page-login.html">Create a free account <i class="bi-chevron-right small ms-1"></i></a>
                      </div>
                      <!-- End Col -->
                    </div>
                    <!-- End Row -->
                  </div>
                </div>
                <!-- End CTA -->
              
            

Component #2

  • Preview
  • HTML

Subscribe for Beta and be the first to try our Web Application!

Create a free account
              
                <!-- Subscribe -->
                <div class="container content-space-1">
                  <!-- Heading -->
                  <div class="w-lg-65 text-center mx-lg-auto mb-7">
                    <h3>Subscribe for Beta and be the first to try our Web Application!</h3>
                  </div>
                  <!-- End Heading -->

                  <div class="text-center mx-auto" style="max-width: 32rem;">
                    <form>
                      <!-- Input Card -->
                      <div class="input-card input-card-sm border mb-5">
                        <div class="input-card-form">
                          <input type="text" class="form-control form-control-lg" placeholder="Your email" aria-label="Your email">
                        </div>
                        <button type="button" class="btn btn-primary btn-lg" id="heroNameAddOn">Subscribe</button>
                      </div>
                      <!-- End Input Card -->
                    </form>

                    <a class="link" href="../page-login.html">Create a free account <i class="bi-chevron-right small ms-1"></i></a>
                  </div>
                </div>
                <!-- End Subscribe -->