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 -->
Copy

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 -->
Copy