"Contact Form"
Bootstrap 3.2.0 Snippet by martinfrancisco

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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="container text-center card"> <div class="row header"> <div class="col-md-12"> </div> </div> <div class="col-md-6"> <legend>Social Media</legend> <div class="social-box"> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-body"> <p class="p-mini"> <a href="https://facebook.com/niseorg"> <i class='icon-facebook-sign'></i> </a> </p> </div> <div class="panel-footer"> Facebook </div> </div> </div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-body"> <p class="p-mini"> <a href="https://twitter.com/niseorg"> <i class='icon-twitter-sign'></i> </a> </p> </div> <div class="panel-footer"> Twitter </div> </div> </div> <div class="col-md-4"> <div class="panel panel-default"> <div class="panel-body"> <p class="p-mini"> <a href="https://plus.google.com/niseorg"> <i class='icon-google-plus-sign'></i> </a> </p> </div> <div class="panel-footer"> Google+ </div> </div> </div> </div> <div style="margin-top: 50px;"> <legend>Need more info?</legend> <p class="text-align: left;"> <address> <strong>Organization Name</strong><br> Email: nelson@arena.co.ke<br> Twitter: @twitterAccount<br> Telephone: +254 178 623 151 </address> </p> </div> </div> <div class="col-md-6"> <legend>Send us a message</legend> <form action="http://dev/nise/section/contact" method="post" accept-charset="utf-8"> <label for="name">Name</label> <input type="text" name="name" value="" class="form-control" placeholder="Enter your name..." /> <label for="contact">Email Address / Telephone</label> <input type="text" name="contact" value="" class="form-control" placeholder="Enter your email or telephone..." /> <label for="msg">Name</label> <textarea name="msg" cols="40" rows="10" class="form-control" rows="3" placeholder="Enter your message..."></textarea> <button type="submit" class="btn btn-primary">Send Message</button> </form> </div> </div> <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">

Related: See More


Questions / Comments: