"ME FOOTER DEMO"
Bootstrap 4.1.1 Snippet by helloganesh

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <!--footer starts from here--> <footer class="footer"> <div class="container bottom_border"> <div class="row"> <div class=" col-sm-4 col-md col-sm-4 col-12 col"> <h5 class="headin5_amrc col_white_amrc pt2"><img src="https://market-expertise.com/wp-content/uploads/2020/01/ME-Logo-new-new-logo-white.png" width="200px"></h5> <!--headin5_amrc--> <p class="mb10">Market Expertise is a proficient B2B enterprise, trusted to deliver quality research and value-added to services through its industry practice of more <br>than 8 years.</p> <p><i class="fa fa-phone"></i> +91-895-600-8984 / 85 </p> <p><i class="fa fa fa-envelope"></i> info@mepune.com </p> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Quick links</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="#">Market Research</a></li> <li><a href="#">Survey Programming</a></li> <li><a href="#">Data Vault</a></li> <li><a href="#">Lead Generation</a></li> <li><a href="#">Digital Marketing Services</a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Legal</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Cookies Policy</a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-6 col"> <h5 class="headin5_amrc col_white_amrc pt2">Brands</h5> <!--headin5_amrc--> <ul class="footer_ul_amrc"> <li><a href="#"><img src="https://www.hello-prospect.com/wp-content/uploads/2019/07/White-logo.png" width="150px"></a></li><br> <li><a href="#"><img src="https://www.hello-prospect.com/wp-content/uploads/2018/11/hp_new_logo.png" width="150px"></a></a></li><br> <li><a href="#"><img src="https://www.hello-prospect.com/wp-content/uploads/2020/01/Tmb_logo_Final.png" width="150px"></a></li> </ul> <!--footer_ul_amrc ends here--> </div> <div class=" col-sm-4 col-md col-12 col"> <h5 class="headin5_amrc col_white_amrc pt2">Visit</h5> <!--headin5_amrc ends here--> <ul class="footer_ul_amrc"> <li><a href="#">IN : Office No 302,The Chambers, Viman Nagar, Pune - 411014, Maharashtra, India</p></li> <li><a href="#">USA : 300 Cadman Plaza West, One Pierrepont Plaza, 12th Floor Brooklyn NY 11201 USA</p></li> </ul> <!--footer_ul2_amrc ends here--> </div> </div> </div> <div class="container"> <ul class="foote_bottom_ul_amrc"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Solution</a></li> <li><a href="#">Career</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact Us</a></li> </ul> <!--foote_bottom_ul_amrc ends here--> <p class="text-center">© 2020 Market Expertise. All Rights Reserved.</p> <ul class="social_footer_ul"> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#"><i class="fab fa-twitter"></i></a></li> <li><a href="#"><i class="fab fa-linkedin"></i></a></li> <li><a href="#"><i class="fab fa-instagram"></i></a></li> </ul> <!--social_footer_ul ends here--> </div> </footer> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
/*footer*/ .col_white_amrc { color:#FFF;} footer { width:100%; background-color:#263238; min-height:250px; padding:10px 0px 25px 0px ;} .pt2 { padding-top:40px ; margin-bottom:20px ;} footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;} .mb10 { padding-bottom:15px ;} .footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; } .footer_ul_amrc li {padding:0px 0px 5px 0px;} .footer_ul_amrc li a{ color:#CCC;} .footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;} .fleft { float:left;} .padding-right { padding-right:10px; } .footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;} .footer_ul2_amrc li p { display:table; } .footer_ul2_amrc li a:hover { text-decoration:none;} .footer_ul2_amrc li i { margin-top:5px;} .bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;} .foote_bottom_ul_amrc { list-style-type:none; padding:0px; display:table; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } .foote_bottom_ul_amrc li { display:inline;} .foote_bottom_ul_amrc li a { color:#999; margin:0 12px;} .social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none; } .social_footer_ul li { padding-left:20px; padding-top:10px; float:left; } .social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;} .social_footer_ul li i { width:20px; height:20px; text-align:center;}

Related: See More


Questions / Comments: