Back to Form
Form

Newsletter Two-field Signup

#form

Live preview

Source code

html
<div class="container py-5">
  <div class="p-5 bg-dark text-white rounded-4">
    <div class="row g-3 align-items-center">
      <div class="col-md-6">
        <h3 class="fw-bold">Get weekly tips</h3>
        <p class="text-white-50 mb-0">Free Bootstrap tips, tutorials & freebies — every Monday.</p>
      </div>
      <div class="col-md-6">
        <form class="row g-2">
          <div class="col-md-6"><input class="form-control" placeholder="Your name"></div>
          <div class="col-md-6"><input type="email" class="form-control" placeholder="Email"></div>
          <div class="col-12 d-grid"><button class="btn btn-warning fw-bold">Subscribe free</button></div>
        </form>
      </div>
    </div>
  </div>
</div>

More designs in this section