"footer by john niro yumang"
Bootstrap 3.3.0 Snippet by progjonner

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> <link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css"> <html> </body> <div class="container-fluid"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12"> <h3>LATEST POST</h3> <ul class="w3-ul w3-hoverable"> <li>BROWSER UPDATE</li> <li>MOBILE SUPPORT</li> <li>DESKTOP</li> <li>FIRMWARE</li> <li>COOKIES</li> <li>CACHE</li> <li>ADMIN SUPPORT</li> <li>BUGG</li> <li>OPEN GRAPH</li> </ul> </div> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12"> <h3>RESOURCES</h3> <ul class="w3-ul w3-hoverable"> <li>BOOTSTRAP</li> <li>W3SCHOOL W3-CSS</li> <li>KICKSTRAP</li> <li>STACK-OVERFLOW</li> </ul> </div> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12"> <h3>SERVICE</h3> <ul class="w3-ul w3-hoverable"> <li>WEB GRAPHICS</li> <li>WEB DEVELOPEMENT</li> <li>DEVICE MANAGEMENT</li> <li>RESEARCH DEVELOPEMENT</li> <li>24 HOURS OPERATION</li> <li>TECHNICAL SUPPORT</li> </ul> </div> <div class="col-lg-3 col-md-12 col-sm-12 col-xs-12"> <h3>CONTACT US</h3> <ul class="w3-ul w3-hoverable"> <li> <label for="usr">Name:</label> <input type="text" class="form-control input-sm" id="usr"> </li> <li> <label for="usr">Email:</label> <input type="text" class="form-control input-sm" id="usr"> </li> <li> <label for="usr">Mobile:</label> <input type="text" class="form-control input-sm" id="usr"> </li> <li> <label for="usr">Subject:</label> <input type="text" class="form-control input-sm" id="usr"> </li> <li> <button class="w3-btn w3-blue w3-xlarge "> CONTACT NOW</button> </li> </ul> </div> </div> </div> </div> <hr> </body> </html>
.container {background-color:#084053;color:white;} .container-fluid {background-color:#084053;} .container button {width:100%;} .container ul li {cursor:pointer;}

Related: See More

Datepicker
Bootstrap 4 Footer Design
login and signup by john niro yumang
Footer using Bootstrap 4

Questions / Comments: