<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 ----------> <footer> <div class="content container-fluid"> <div class="row"> <div class="col-sm-6"> <p>Наши контакты:<span class="phone">(+992)44 610 2102, info@ef-ca.tj</span> </p> <p>All contents © 2016 <a href="http://ef-ca.tj">Eurasian Foundation Central Asia - Tajikistan</a>. All rights reserved.</p> </div> <!-- col-sm-6 --> <div class="col-sm-6"> <nav class="navbar navbar-default" role="navigation"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">Cтраница на Фейсбуке</a> </li> <li><a href="#">Cтраница в Youtube</a> </li> </ul> </nav> </div> <!-- col-sm-6 --> </div> <!-- row --> </div> <!-- content container --> </footer> <!--footer-->

footer { background: #586D74; color: white; font-size: .8em; padding: 20px 0 40px 0; } footer a { color: #E0E6AE; } footer a:hover { color: #EEC856 !important; } footer .phone { font-size: 1.4em; font-weight: 700; color: #E0E6AE; } footer .navbar { margin-bottom: 0; min-height: 0; } footer .navbar-default { background-color: transparent; border: none; margin-right: 40px; } footer .navbar-nav>li a { padding-top: 0; padding-bottom: 0; text-decoration: underline; color: #EEC856 !important; }