"My footer tbil"
Bootstrap 3.3.0 Snippet by BatumDen

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:400,300,500,700&subset=latin,latin-ext"> <!--footer start from here--> <footer> <div class="container"> <div class="row"> <div class="col-md-4 col-sm-6 footerleft "> <div class="logofooter"><a href="https://tbilinfo.ru/"><img src="https://tbilinfo.ru/files/logo.png" alt="TbilInfo.ru"><span>   TbilInfo.ru</span></a></div> <p>Городской путиводитель по Тбилисскому району включеющий в себя 8 сельских поселений с самой свежей и полной справочной информацией о коммерческих, государственных, благотворительных и иных организациях.</p> <p><i class="fa fa-map-pin"></i> Тбилисский район, станица Тбилисская</p> <p><i class="fa fa-phone"></i> Телефон: +7 *** *** ** **</p> <p><i class="fa fa-envelope"></i> E-mail: info@tbilinfo.ru</p> </div> <div class="col-md-2 col-sm-6 paddingtop-bottom"> <h6 class="heading7">GENERAL LINKS</h6> <ul class="footer-ul"> <li><a href="https://tbilinfo.ru"> Главная</a></li> <li><a href="https://tbilinfo.ru/index.php/ru/145/na_karte"> На карте</a></li> <li><a href="https://tbilinfo.ru/index.php/ru/147/rekomenduemye"> Рекомендуемые</a></li> <li><a href="https://tbilinfo.ru/index.php/ru/142/o_rayone"> О районе</a></li> <li><a href="https://tbilinfo.ru/index.php/ru/4/kontakty"> Контакты</a></li> <li><a href="https://tbilinfo.ru/index.php/ru/157/novosti_proekta"> Новости проекта</a></li> <li><a href="https://tbilinfo.ru/index.php/ru/184/kategorii_i_podkategorii"> Категории и подкатегории</a></li> </ul> </div> <div class="col-md-3 col-sm-6 paddingtop-bottom"> <h6 class="heading7">Ссылки</h6> <ul class="footer-ul"> <li><a href="#"> Политика конфиденциальности</a></li> <li><a href="#"> Реклама на сайте</a></li> <li><a href="#"> #</a></li> <li><a href="#"> #</a></li> <li><a href="#"> #</a></li> <li><a href="#"> Вход / Регистрация</a></li> <li><a href="#"> Выйти</a></li> </ul> </div> <div class="col-md-3 col-sm-6 paddingtop-bottom"> <div class="fb-page" data-href="https://vk.com/tbilinfo" data-tabs="timeline" data-height="300" data-small-header="false" style="margin-bottom:15px;" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"> <div class="fb-xfbml-parse-ignore"> <blockquote cite="https://vk.com/tbilinfo"><a href="https://vk.com/tbilinfo">ВКонтакте</a></blockquote> </div> </div> </div> </div> </div> </footer> <!--footer start from here--> <div class="copyright"> <div class="container"> <div class="col-md-6"> <p>© 2017 Все права защищены</p> </div> <div class="col-md-6"> <ul class="bottom_ul"> <li><a href="#">tbilinfo.ru</a></li> <li><a href="#">О проекте</a></li> <li><a href="#">Агенты</a></li> <li><a href="#">Вопрос ответ</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Карта сайта</a></li> </ul> </div> </div> </div>
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300); @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700); footer { background-color:#1E88E5; min-height:350px; font-family: 'Roboto', sans-serif; } .footerleft { margin-top:50px; padding:0 36px; } .logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;} .footerleft p { color:#fff; font-size:12px !important; font-family: 'Roboto', sans-serif; margin-bottom:15px;} .footerleft p i { width:20px; color:#fff;} .paddingtop-bottom { margin-top:50px;} .footer-ul { list-style-type:none; padding-left:0px; margin-left:2px;} .footer-ul li { line-height:29px; font-size:12px;} .footer-ul li a { color:#fff; transition: color 0.2s linear 0s, background 0.2s linear 0s; } .footer-ul i { margin-right:10px;} .footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#fff; } .social:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } .icon-ul { list-style-type:none !important; margin:0px; padding:0px;} .icon-ul li { line-height:75px; width:100%; float:left;} .icon { float:left; margin-right:5px;} .copyright { min-height:40px; background-color:#1565C0;} .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;} .heading7 { font-size:14px; font-weight:700; color:#6BBDF8; margin-bottom:22px;} .post p { font-size:12px; color:#FFF; line-height:20px;} .post p span { display:block; color:#8f8f8f;} .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;} .bottom_ul li { float:left; line-height:40px;} .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;} .bottom_ul li a { color:#FFF; font-size:12px;}

Related: See More


Questions / Comments:

wow

Teuku Hilman Revanda () - 7 years ago - Reply 0