<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-12"> <h2>Contact Us</h2> <div class="contact"> <form class="contact-form" action="" method="post"> <input type="text" name="name" placeholder="name" required> <input type="email" name="email" placeholder="email" required> <textarea name="message" rows="10" placeholder="message" required></textarea> <input class="submit-button" type="submit"> </form> </div> </div>

@import url('https://fonts.googleapis.com/css?family=Poppins'); body { font-family: 'Poppins', sans-serif; } h2 { font-weight:bold; font-family: 'Poppins', sans-serif; text-align:center; } .contact-form input, .contact-form textarea { font-size: 17px; width: 100%; padding: 15px; border: 2px solid #9e9e9e; margin: 10px 0px; color:#3b74af; } .contact-form .submit-button { background: #3b74af; color: #FFF; cursor: pointer; border:none; }