<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 ----------> <div class="container"> <div class="row"> <div class="centered"> <!-- Logo --> <a href="#" class="logo"></a> <!-- Nav --> <ul id="top-nav"> <li><a href="#">Функционал</a></li> <li><a href="#">Цены</a></li> <li><a href="#">Документы</a></li> <li><a href="#">Личный кабинет</a></li> </ul> <!-- Phone block --> <div class="phone"> <a href="#" class="open-more-modal modal-link">оставить заявку</a><br> <a href="tel:+749994444" class="phone-link">+7 (499) 921 02 07</a> </div> </div> </div> </div>

.centered { width: 1100px; margin: 0 auto; position: relative; } .logo { display: block; width: 98px; height: 33px; background: url(../images/logo.png) -100px 0 no-repeat; position: absolute; left: 60px; top: 14px; } #top-nav { top: 0; left: 210px; } #top-nav li { float: left; position: relative; list-style: none; } #top-nav li a { display: block; color: #78939f; font: 16px/59px Square; padding: 0 43px; } .phone { position: absolute; top: 11px; right: 0; text-align: right; color: #0099ff; font: 14px/14px Square; }

.centered { width: 1100px; margin: 0 auto; position: relative; } .logo { display: block; width: 98px; height: 33px; background: url(../images/logo.png) -100px 0 no-repeat; position: absolute; left: 60px; top: 14px; } #top-nav { top: 0; left: 210px; } #top-nav li { float: left; position: relative; list-style: none; } #top-nav li a { display: block; color: #78939f; font: 16px/59px Square; padding: 0 43px; }