April 10, 2026

Bootstrap Snippet Contact us Form

<div class="container">
       <div class="row mt-5">
           <div class="col-sm-6 col-md-6">
               <div class="contact-bg">
                   <h4>Drop us A Line</h4>
                   <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi ducimus rem voluptate? </p>
                   <form action="">
                       <label for="name">Name</label>
                       <input id="name" type="text" name="" id="" class="form-control">
                       <label for="email">Email</label>
                       <input id="email" type="text" name="" id="" class="form-control">
                       <label for="message">Mobile</label>
                       <textarea name="" id="message" cols="30" rows="5" class="form-control"></textarea>
                       <button class="mt-2 btn btn-primary">Send Message</button>
                   </form>
               
               </div>
           </div>
           <div class="col-sm-6 col-md-6">
                   <div class="contact-bg">
                         <h4>Quick Contact</h4>
                         <div class="quick-contact-widget"> 
                               <span><i class="fa fa-phone" aria-hidden="true"></i> (800) 123 45 67 </span>
                               <span><i class="fa fa-envelope" aria-hidden="true"></i>info@anilbasnet.com </span>
                               <span><i class="fa fa-map-marker"></i> 121 King Street, Melbourne,
                                   Victoria 3000, Australia </span>
                           </div>
                       </div>
                       <div class="p-2 white-bg mt-3">
                               <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d448183.73912804417!2d76.81306640115254!3d28.646677246352574!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cfd5b347eb62d%3A0x37205b715389640!2sDelhi!5e0!3m2!1sen!2sin!4v1536257189401" width="100%" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
                       </div>
           </div>
       </div>
   </div>

 

body { background: #f6f8f9;}
      .contact-bg {background: #fff; box-shadow: 0 0 29px #efeded; padding: 40px; }
      .contact-bg h4 { margin-bottom: 15px;}
      form label { margin-top: 15px;     margin-bottom: 0px;} 
      .form-control { border-radius: 0px;}
      .btn-primary { border-radius: 0px; font-weight: 500;}
      .quick-contact-widget span { display: block; margin-bottom: 10px; font-size: 15px; line-height: 2; display: table; clear: both; }
      .quick-contact-widget span i { font-size: 14px; padding-right: 10px; color: #222; border: 1px solid #ddd; 	display: inline-block; text-align: center; padding: 12px; height: 40px; width: 40px; margin-right: 10px; border-radius: 100%; float: left;}
      .white-bg { background: #fff; }

 

Leave a Reply

Your email address will not be published. Required fields are marked *