added lecture task
This commit is contained in:
53
labs/lab4/lec-zaaaymKHSE-task.html
Normal file
53
labs/lab4/lec-zaaaymKHSE-task.html
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
<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>
|
||||||
11
labs/lab4/pugExample.pug
Normal file
11
labs/lab4/pugExample.pug
Normal file
@@ -0,0 +1,11 @@
|
|||||||
|
ol(type="I")
|
||||||
|
li
|
||||||
|
ul(type="disc")
|
||||||
|
li
|
||||||
|
a(href="#") Haml
|
||||||
|
|
||||||
|
li Pug
|
||||||
|
li Препроцессоры CSS
|
||||||
|
ul(type="circle")
|
||||||
|
li SAAS
|
||||||
|
li Stylus
|
||||||
Reference in New Issue
Block a user