Logo v4.3.1
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v4.3.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Content
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid List
  • Directory
    Grid List
  • Testimonials
  • Blogs
    Grid List
  • Tables
  • E-commerce
  • Pricing
  • Team Sections
  • Breadcrumb
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • Countdown
  • FAQ
  • Lists
  • Collapse/Accordion
  • Comments
  • Feedback & Reviews
  • User Profile
  • Sidebar Examples
  • Calendar View
  • Notification
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Account
  • Wizard & Steps
  • Contact / Footer
  • Contact Sections
  • Footer

Forms: Subscribe

Component #1

  • Preview
  • HTML

Get started with Front

Terms & conditions applied.

              
                <!-- Subscribe -->
                <div class="container content-space-2 content-space-lg-3">
                  <div class="w-md-75 w-lg-50 text-center mx-md-auto">
                    <div class="row justify-content-lg-between">
                      <!-- Heading -->
                      <div class="mb-5">
                        <h2>Get started with Front</h2>
                      </div>
                      <!-- End Heading -->

                      <form>
                        <!-- Input Card -->
                        <div class="input-card input-card-sm border mb-3">
                          <div class="input-card-form">
                            <label for="subscribeFormEg1" class="form-label visually-hidden">Enter email</label>
                            <input type="text" class="form-control form-control-lg" id="subscribeFormEg1" placeholder="Enter email" aria-label="Enter email">
                          </div>
                          <button type="button" class="btn btn-primary btn-lg">Get started</button>
                        </div>
                        <!-- End Input Card -->
                      </form>

                      <p><a href="../page-terms.html">Terms & conditions</a> applied.</p>
                    </div>
                  </div>
                </div>
                <!-- End Subscribe -->
              
            

Component #2

  • Preview
  • HTML
Subscribe

Get the latest from Front

You can unsubscribe at any time. Read our privacy policy

              
                <!-- Subscribe -->
                <div class="bg-light">
                  <div class="container content-space-2">
                    <div class="w-md-75 w-lg-50 text-center mx-md-auto">
                      <div class="row justify-content-lg-between">
                        <!-- Heading -->
                        <div class="mb-5">
                          <span class="text-cap">Subscribe</span>
                          <h2>Get the latest from Front</h2>
                        </div>
                        <!-- End Heading -->

                        <form>
                          <!-- Input Card -->
                          <div class="input-card input-card-pill input-card-sm border mb-3">
                            <div class="input-card-form">
                              <label for="subscribeFormEg2" class="form-label visually-hidden">Enter email</label>
                              <input type="text" class="form-control form-control-lg" id="subscribeFormEg2" placeholder="Enter email" aria-label="Enter email">
                            </div>
                            <button type="button" class="btn btn-primary btn-lg rounded-pill">Subscribe</button>
                          </div>
                          <!-- End Input Card -->
                        </form>

                        <p class="small">You can unsubscribe at any time. Read our <a href="#">privacy policy</a></p>
                      </div>
                    </div>
                  </div>
                </div>
                <!-- End Subscribe -->