Welcome User
Login
Register
responsive footer
Alok Nandan
HTML
CSS
JS
Preview
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <br><br> <div class="section"> <div class="container-fluid"> <div class="row"> <div class="col-sm-3 box"><h4 class="fh">CONTACT</h4> <div> <ul class="ful"> <li>About us</li> <li>Contact us</li> <li>Short Code</li> <li>info@gmail.com</li> </ul> </div> </div> <div class="col-sm-3 box box"><h4 class="fh">INFORMATION</h4> <div> <ul class="ful"> <li>Special Products</li> <li>Special Products</li> <li>Special Products</li> <li>Special Products</li> </ul> </div> </div> <div class="col-sm-3 box"><h4 class="fh">CATEGORY</h4> <div> <ul class="ful"> <li>Beverage</li> <li>Personal Care</li> <li>Household</li> <li>Special Products</li> </ul> </div></div> <div class="col-sm-3 box"><h4 class="fh">OUR PROFILE</h4> <div> <ul class="ful"> <li>store</li> <li>My cart</li> <li>Login</li> <li>Create Acount</li> </ul> </div></div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-sm-12 fbox bg-primary"><h4 class="ffh pull-left">ABOUT US</h4><h4 class="ffh pull-right">CONTACT US</h4></div> </div> </div> </div> </body> </html>
.section{background-color:#000000eb;min-height:400px;} .box{min-height:300px;} .fh{font-weight:800;color:#ff2e2e;padding: 42px 0px 19px 41px;} .fbox{height:100px;background-color:#ff2e2e;} .ful{list-style-type:none;color:#fff;line-height: 32px;font-family: arial; text-transform: uppercase;} .ffh{color: #fff;padding: 35px;font-weight: 700;}
View Another Modules
Dynamic Pagination
Dynamic Pagination
Bootstrap Table
Bootstrap Table
Customize Aler Message
Customize Aler Message
Registration Form
Registration Form
Hover Effect
Hover Effect
login and registration form
login and registration form
