<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 ----------> <!-- Footer --> <section id="footer"> <div class="container"> <div class="row text-center text-xs-center text-sm-left text-md-left"> <div class="col-xs-12 col-sm-4 col-md-3"> <h5>Kurumsal</h5> <ul class="list-unstyled quick-links"> <li><a href="https://www.viccoshop.com.tr/vicco-hakkimizda"><i class="fa fa-angle-double-right"></i>Hakkımızda</a></li> <li><a href="https://www.viccoshop.com.tr/magazalarimiz"><i class="fa fa-angle-double-right"></i>Mağazalarımız</a></li> <li><a href="https://www.viccoshop.com.tr/musteri-hizmetleri"><i class="fa fa-angle-double-right"></i>Üyelik Koşulları</a></li> <li><a href="https://www.viccoshop.com.tr/guvenlik-sozlesmesi"><i class="fa fa-angle-double-right"></i>Güvenlik Sözleşmesi</a></li> <li><a href="https://www.viccoshop.com.tr/iletisim.aspx"><i class="fa fa-angle-double-right"></i>İletişim</a></li> </ul> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <h5>Müşteri Hizmetleri</h5> <ul class="list-unstyled quick-links"> <li><a href="https://www.viccoshop.com.tr/sss"><i class="fa fa-angle-double-right"></i>Sıkça Sorulan Sorular</a></li> <li><a href="https://www.viccoshop.com.tr/siparis-ve-iade-degisim"><i class="fa fa-angle-double-right"></i>İade ve Değişim</a></li> <li><a href="https://www.viccoshop.com.tr/kargo-ve-teslimat"><i class="fa fa-angle-double-right"></i>Kargo ve Teslimat</a></li> <li><a href="https://www.viccoshop.com.tr/banka-hesaplarimiz"><i class="fa fa-angle-double-right"></i>Banka Hesaplarımız</a></li> <li><a href="https://www.viccoshop.com.tr/siparistakip.aspx"><i class="fa fa-angle-double-right"></i>Sipariş Takibi</a></li> </ul> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <h5>Kategoriler</h5> <ul class="list-unstyled quick-links"> <li><a href="https://www.viccoshop.com.tr/dna"><i class="fa fa-angle-double-right"></i>DNA</a></li> <li><a href="https://www.viccoshop.com.tr/oyo"><i class="fa fa-angle-double-right"></i>OYO</a></li> <li><a href="https://www.viccoshop.com.tr/Arama?1&kelime=ilk%20adım"><i class="fa fa-angle-double-right"></i>İlk Adımlar</a></li> <li><a href="https://www.viccoshop.com.tr/Arama?1&kelime=babet"><i class="fa fa-angle-double-right"></i>Babetler</a></li> <li><a href="https://www.viccoshop.com.tr/Arama?1&kelime=Sandalet"><i class="fa fa-angle-double-right"></i>Sandaletler</a></li> </ul> </div> <div class="col-xs-12 col-sm-4 col-md-3"> <img src="https://www.viccoshop.com.tr/Uploads/Images/logo.png" width="100%" height="30%" /> <br> <br> <img src="https://www.viccoshop.com.tr/Uploads/Images/bankafooter.png" width="100%" /> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-5"> <ul class="list-unstyled list-inline social text-center"> <li class="list-inline-item"><a href="https://facebook.com/ViccoFamily" target="_blank"><i class="fa fa-facebook"></i></a></li> <li class="list-inline-item"><a href="https://twitter.com/Vicco" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="list-inline-item"><a href="https://instagram.com/Vicco" target="_blank"><i class="fa fa-instagram"></i></a></li> <li class="list-inline-item"><a href="https://www.youtube.com/user/ViccoFamily" target="_blank"><i class="fa fa-youtube"></i></a></li> <li class="list-inline-item"><a href="mailto:info@viccoshop.com.tr" target="_blank"><i class="fa fa-envelope"></i></a></li> </ul> </div> </div> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 mt-2 mt-sm-2 text-center text-white"> <br> <p class="h6"><a class="text-green ml-2" href="https://www.viccoshop.com.tr" target="_blank"><strong>Vicco</strong></a><font color="#000000">© 2019 Tüm Hakları Saklıdır.</font></p><font color="#000000"> </font></div><font color="#000000"> </font></div><font color="#000000"> </font></div><font color="#000000"> </font></section><font color="#000000"> <!-- ./Footer -->

/* Footer */ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); section { padding: 60px 0; } section .section-title { text-align: center; color: #007b5e; margin-bottom: 50px; text-transform: uppercase; } #footer { background: #ffffff !important; } #footer h5{ padding-left: 10px; border-left: 3px solid #eeeeee; padding-bottom: 6px; margin-bottom: 20px; color:#000000; } #footer a { color: #000000; text-decoration: none !important; background-color: transparent; -webkit-text-decoration-skip: objects; } #footer ul.social li{ padding: 3px 0; } #footer ul.social li a i { margin-right: 5px; font-size:25px; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } #footer ul.social li:hover a i { font-size:30px; margin-top:-10px; } #footer ul.social li a, #footer ul.quick-links li a{ color:#000000; } #footer ul.social li a:hover{ color:#3b5998; } #footer ul.quick-links li{ padding: 3px 0; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; } #footer ul.quick-links li:hover{ padding: 3px 0; margin-left:5px; font-weight:700; } #footer ul.quick-links li a i{ margin-right: 5px; } #footer ul.quick-links li:hover a i { font-weight: 700; } @media (max-width:767px){ #footer h5 { padding-left: 0; border-left: transparent; padding-bottom: 0px; margin-bottom: 10px; } }