"Contact Form"
Bootstrap 3.0.3 Snippet by silentcoding

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <div id="contact" class="map"> <iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d492648.81440094014!2d-73.740421967777!3d40.897138203570115!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x89c2f4f214dc56ef%3A0x505b8ddc076c319d!2s1460+Bronx+River+Ave%2C+Bronx%2C+NY+10472%2C+Birle%C5%9Fik+Devletler!3m2!1d40.8355564!2d-73.87640499999999!5e0!3m2!1str!2str!4v1484062277815" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen> </iframe> </div> <div class="contact"> <div class="container"> <div class="row"> <h1 class="text-center">SEND MESSAGE</h1> <div class="col-12 col-lg-7"> <form> <div class="form-group"> <label for="name">Name:</label> <input type="text" class="form-control" id="name" placeholder="Please enter your name"> </div> <div class="form-group"> <label for="surname">Surname:</label> <input type="text" class="form-control" id="surname" placeholder="Please enter your surname"> </div> <div class="form-group"> <label for="email">E-Mail:</label> <input type="email" class="form-control" id="email" placeholder="Please enter your emai"> </div> <div class="form-group"> <label for="message">Message:</label> <textarea id="message" class="form-control" rows="7" placeholder="Please enter your message" required></textarea> </div> <button type="submit" class="btn btn-default submit">Submit</button> </form> </div> <div class="col-12 col-lg-5 text-center"> <div class="contact-info"> <i class="fa fa-envelope"></i> <p>E-mail:info@gmail.com</p> <i class="fa fa-phone"></i> <p>Phone:+123 456 789</p> <i class="fa fa-home"></i> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus </div> </div> </div> </div> </div>
@import url('https://fonts.googleapis.com/css?family=Cairo'); body { font-family: 'Cairo', sans-serif; } h1 { color: #00a899; font-weight: 600; font-size: 25px; margin-bottom: 30px; } .contact .form-control { background: #e6e6e6; border: none; box-shadow: none; padding: 30px 10px; } .contact .submit { background: #00a899; border: none; border-radius: 0; color: #FFF; padding: 10px 30px; } .contact .fa { font-size: 20px; } .contact p { font-size: 18px; padding: 30px 0px; }

Related: See More


Questions / Comments: