Back to Contact
Contact

Contact Design 3

Beautiful Bootstrap contact block — copy & paste ready.

#bootstrap#contact

Live preview

Source code

html
<div class="container py-5">
  <div class="row g-5">
    <div class="col-md-5">
      <h2 class="fw-bold">Get in touch</h2>
      <p class="text-secondary">We'd love to hear from you. Send us a message and we'll respond shortly.</p>
      <p><i class="bi bi-telephone text-primary me-2"></i> +880 1987733320</p>
      <p><i class="bi bi-envelope text-primary me-2"></i> info.codeshikhi@gmail.com</p>
    </div>
    <div class="col-md-7">
      <form class="row g-3">
        <div class="col-md-6"><input class="form-control" placeholder="Your name"></div>
        <div class="col-md-6"><input 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="5" placeholder="Message"></textarea></div>
        <div class="col-12"><button class="btn btn-primary px-4">Send message</button></div>
      </form>
    </div>
  </div>
</div>

More designs in this section