"Footer (3 Column)"
Bootstrap 3.0.3 Snippet by silentcoding

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> <footer> <div class="footer"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center"> <h1>MENÜ</h1> <ul class="column list-unstyled"> <li><a href="index.html">Anasayfa</a></li> <li><a href="hakkimizda.html">Hakkımızda</a></li> <li><a href="galeri.html">Ürünlerimiz</a></li> <li><a href="sss.html">S.S.S</a></li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center"> <h1>ÜYELİK</h1> <ul class="column list-unstyled"> <li><a href="uyegiris.html">Üye Giriş</a></li> <li><a href="uyeol.html">Üye Ol</a></li> <li><a href="uyelik.html">Üyelik Sözleşmesi</a></li> </ul> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center"> <h1>İLETİŞİM</h1> <ul class="column list-unstyled"> <li>Adres</li> <li>Telefon</li> <li>Fax</li> </ul> </div> </div> </div> </div> <div class="icons"> <div class="container"> <div class="row text-center"> <a href="#"><span class="fa fa-facebook-square"></span></a> <a href="#"><span class="fa fa-twitter-square"></span></a> <a href="#"><span class="fa fa-linkedin-square"></span></a> <a href="#"><span class="fa fa-google-plus-square"></span></a> <p>Copyright © 2022. All rights reserved</p> </div> </div> </div> </footer>
@import url('https://fonts.googleapis.com/css?family=Poppins'); body { font-family: 'Poppins', sans-serif; } .footer { background: #595959; color: #FFF; padding: 60px 0; } .footer h1 { font-weight: 600; font-size: 16px; margin-bottom: 20px; } .footer ul li { margin: 10px 0; } .footer ul li a { color: #FFF; text-decoration: none; } .footer ul li a:hover { color: #08ad9e; } .icons .fa { color: #adadad; font-size: 30px; padding: 10px; }

Related: See More


Questions / Comments: