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