<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="//code.jquery.com/jquery-1.11.1.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"> <!-- instagram: www.instagram.com/programmingtutorial site: programlamadersleri.net --> <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="ikonlar"> <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 © 2018. 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; padding: 60px 0px; color: #FFF; } .footer h1 { font-weight: 600; font-size: 16px; margin-bottom:20px; } .footer ul li{ margin:10px 0px; } .footer ul li a { color: #FFF; text-decoration:none; } .footer ul li a:hover { color: #08ad9e; } .ikonlar .fa { font-size: 30px; padding: 10px; color: #adadad; }