В рамках данного урока сделаем шапку сайта состоящую из верхнего меню, блока с логотипом и рекламой, и нижнего меню.
Весь этот блок будет выглядеть так
Делать все будем на основе прошлого урока, т.е. меню по сути уже сверстаны, осталось промеж них добавить блок с меню и рекламой, html разметка блока будет такая
<header class="mt-2 mb-2" role="banner">
<div class="container">
<div class="row">
<div class="col-md-3 logotip">
<a href="/"><img src="images/logo2retina.png" alt="web-revenue.ru"></a>
</div>
<div class="col-md-9 top-add">
<a rel="nofollow" href="#" target="_blank"><img src="images/static728x90_1.png"></a>
</div>
</div>
</div>
</header>
и немного css
img{max-width:100%;height:auto}
.logotip img{max-height:90px;width:auto}
@media (min-width: 768px) {
.top-add{text-align: right}
}
@media (max-width: 767px) {
.logotip{text-align: center;margin-bottom: 10px}
}
