# Forms: Subscribe

## Component #1

- Preview
- HTML

## Get started with Front

Enter email

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

Enter email

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