53 lines
1.7 KiB
HTML
53 lines
1.7 KiB
HTML
<div class="search-bar">
|
|
<input type="text" class="search-bar__text-input">
|
|
<img src="search-icon.png" class="search-bar__icon">
|
|
</div>
|
|
|
|
<div class="nav-bar">
|
|
<div class="nav-bar__item nav-bar__item--active">Menu_1</div>
|
|
<div class="nav-bar__item">Menu_2</div>
|
|
<div class="nav-bar__item">Menu_3</div>
|
|
|
|
</div>
|
|
|
|
<div class="gallery">
|
|
<img src="image1.jpg" class="gallery__image gallery__image--upper">
|
|
<img src="image2.jpg" class="gallery__image">
|
|
<img src="image3.jpg" class="gallery__image gallery__image--upper">
|
|
<img src="image4.jpg" class="gallery__image">
|
|
</div>
|
|
|
|
<div class="article-list">
|
|
<div class="article-list__item">
|
|
<div class="article-list__item-header">
|
|
Header
|
|
</div>
|
|
<img src="image1.jpg" class="article-list__item-image article-list__item-image--left">
|
|
<div class="article-list__item-text">
|
|
lorem ipsum dolor sit amet
|
|
</div>
|
|
</div>
|
|
<div class="article-list__item">
|
|
<div class="article-list__item-header">
|
|
Header
|
|
</div>
|
|
<div class="article-list__item-text">
|
|
lorem ipsum dolor sit amet
|
|
</div>
|
|
</div>
|
|
<div class="article-list__item">
|
|
<img src="image1.jpg" class="article-list__item-image article-list__item-image--right">
|
|
<div class="article-list__item-header">
|
|
Header
|
|
</div>
|
|
<div class="article-list__item-text">
|
|
lorem ipsum dolor sit amet
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="footer">
|
|
<div class="footer__item footer__item--left">Aboba Abobvich 2023-2025</div>
|
|
<div class="footer__item footer__item--right">contacts</div>
|
|
</div> |