Back to Contact
Contact

Minimal Inline Contact

#contact

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 rounded-4 border shadow-sm bg-white">
        <h3 class="fw-bold">Say hello</h3>
        <p class="text-muted">Have a question? Drop us a line.</p>
        <form class="row g-2">
          <div class="col-md-6"><input class="form-control" placeholder="Name"></div>
          <div class="col-md-6"><input type="email" class="form-control" placeholder="Email"></div>
          <div class="col-12"><input class="form-control" placeholder="Subject"></div>
          <div class="col-12"><textarea class="form-control" rows="3" placeholder="Your message…"></textarea></div>
          <div class="col-12 d-grid"><button class="btn btn-dark">Send message</button></div>
        </form>
      </div>
    </div>
  </div>
</div>

More designs in this section