Back to Form
Form

Clean Contact Form

#form

Live preview

Source code

html
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-md-8">
      <div class="p-4 p-md-5 border rounded-4 bg-white shadow-sm">
        <h3 class="fw-bold">Contact us</h3>
        <p class="text-muted">Fill out the form and we'll reply within one business day.</p>
        <form class="row g-3">
          <div class="col-md-6"><label class="form-label small fw-semibold">First name</label><input class="form-control"></div>
          <div class="col-md-6"><label class="form-label small fw-semibold">Last name</label><input class="form-control"></div>
          <div class="col-md-6"><label class="form-label small fw-semibold">Email</label><input type="email" class="form-control"></div>
          <div class="col-md-6"><label class="form-label small fw-semibold">Phone</label><input type="tel" class="form-control"></div>
          <div class="col-12"><label class="form-label small fw-semibold">Message</label><textarea class="form-control" rows="4"></textarea></div>
          <div class="col-12"><button class="btn btn-primary btn-lg w-100">Send message</button></div>
        </form>
      </div>
    </div>
  </div>
</div>

More designs in this section