<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:700&subset=cyrillic-ext" rel="stylesheet">
</head>
<body>
<section class="header">
<div class="container">
<img src="img/logo.png" class="logotype"/>
<div class="panel">
<ul class="panel_services">
<li class="panel_services_list">Инфраструктура</li>
<li class="panel_services_list">Планировки и цены</li>
<li class="panel_services_list">Материалы и отделки</li>
<li class="panel_services_list">Документы</li>
<li class="panel_services_list">Контакты</li>
</ul>
</div>
<div class="phone">
<div class="numbers">
+7(495)544-23-12 </div>
<a href="#" class="phone_button"> Заказать звонок </a>
</div>
</div>
</section>
</body>
</html>*{
margin:0;
padding:0;
}
body {
font-family: 'Roboto Slab', serif;
padding: 0px;
margin: 0px;
}
.container {
width: 1950px;
}
.header {
}
.logotype {
margin-left: 370px;
float: left;
}
.panel_services_list {
list-style-type: none;
display: inline;
margin-left: 25px;
width: 700px;
}
.panel_services {
margin-left: 0;
padding-left: 0;
font-family: 'Roboto Slab', serif;
float: right;
margin-right: 500px;
display: inline-block;
}
.phone {
float: right;
}