Alena/Figma_itproger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

section_news

Browse Source
This commit is contained in:
Alena Trushcheva
2026-03-09 19:49:23 +03:00
parent f71f914a65
commit ffca9f3c31
15 changed files with 268 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
news.html
View File

@@ -17,10 +17,10 @@
<li class="item">
<a class="link" href="/">Home</a>
</li>
<li class="item"><a class="link" href="/about.html">About us</a></li>
<li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li>
<li class="item active"><a class="link" href="/news.html">News</a></li>
<li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
<li class="item"><a class="link" href="./about.html">About us</a></li>
<li class="item"><a class="link" href="./portfolio.html">Portfolio</a></li>
<li class="item active"><a class="link" href="./news.html">News</a></li>
<li class="item btn"><a class="link" href="./contacts.html">Contacts</a></li>
</ul>
</nav>
</header>
@@ -33,6 +33,154 @@
</div>
</div>
<div class="news container">
<div class="news_separation">
<div class="news_left">
<div class="news_post">
<img class="news_image" src="images/news/left/1.png" alt="img">
<div class="news_content">
<div class="news_title">
John smash
</div>
<div class="news_time">
.5min
</div>
<h1 class="news_h1">Lorem Ipsum is simply dummy text dummy text</h1>
<p class="news_p">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,
</p>
<p class="news_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
</div>
<div class="news_line"></div>
<div class="news_post">
<img class="news_image" src="images/news/left/2.png" alt="img">
<div class="news_content">
<div class="news_title">
John smash
</div>
<div class="news_time">
.5min
</div>
<h1 class="news_h1">Lorem Ipsum is simply dummy text dummy text</h1>
<p class="news_p">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries,
</p>
</div>
</div>
<h1 class="news_h1">Lorem Ipsum</h1>
<p class="news_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
</div>
<div class="news_right">
<!-- 1 -->
<div class="news_items">
<div class="news_item">
<img class="news_item_img" src="images/news/RIGHT/1.png" alt="">
<div class="news_cont">
<div class="news_cont_title">
<h4 class="news_item_h4">John smash</h4>
<div class="news_item_time">
.5min
</div>
</div>
<h2 class="news_item_h2">Lorem Ipsum is simply dummy text dummy text ? </h2>
</div>
</div>
</div>
<!-- 2 -->
<div class="news_items">
<div class="news_item">
<img class="news_item_img" src="images/news/RIGHT/2.png" alt="">
<div class="news_cont">
<div class="news_cont_title">
<h4 class="news_item_h4 news_item_h4_2">John smash</h4>
<div class="news_item_time">
.5min
</div>
</div>
<h2 class="news_item_h2">Lorem Ipsum is simply dummy text dummy text ? </h2>
</div>
</div>
</div>
<!-- 3 -->
<div class="news_items">
<div class="news_item">
<img class="news_item_img" src="images/news/RIGHT/3.png" alt="">
<div class="news_cont">
<div class="news_cont_title">
<h4 class="news_item_h4 news_item_h4_3">John smash</h4>
<div class="news_item_time">
.5min
</div>
</div>
<h2 class="news_item_h2">Lorem Ipsum is simply dummy text dummy text ? </h2>
</div>
</div>
</div>
<!-- 4 -->
<div class="news_items">
<div class="news_item">
<img class="news_item_img" src="images/news/RIGHT/4.png" alt="">
<div class="news_cont">
<div class="news_cont_title">
<h4 class="news_item_h4 news_item_h4_4">John smash</h4>
<div class="news_item_time">
.5min
</div>
</div>
<h2 class="news_item_h2">Lorem Ipsum is simply dummy text dummy text ? </h2>
</div>
</div>
</div>
<!-- 5 -->
<div class="news_items">
<div class="news_item">
<img class="news_item_img" src="images/news/RIGHT/5.png" alt="">
<div class="news_cont">
<div class="news_cont_title">
<h4 class="news_item_h4 news_item_h4_5">John smash</h4>
<div class="news_item_time">
.5min
</div>
</div>
<h2 class="news_item_h2">Lorem Ipsum is simply dummy text dummy text ? </h2>
</div>
</div>
</div>
<!-- 6 -->
<div class="news_items">
<div class="news_item">
<img class="news_item_img" src="images/news/RIGHT/6.png" alt="">
<div class="news_cont">
<div class="news_cont_title">
<h4 class="news_item_h4 news_item_h4_6">John smash</h4>
<div class="news_item_time">
.5min
</div>
</div>
<h2 class="news_item_h2">Lorem Ipsum is simply dummy text dummy text ? </h2>
</div>
</div>
</div>
<!-- 7 -->
<div class="news_items">
<div class="news_item">
<img class="news_item_img" src="images/news/RIGHT/7.png" alt="">
<div class="news_cont">
<div class="news_cont_title">
<h4 class="news_item_h4 news_item_h4_7">John smash</h4>
<div class="news_item_time">
.5min
</div>
</div>
<h2 class="news_item_h2">Lorem Ipsum is simply dummy text dummy text ? </h2>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="blocks container">
<div class="footer_info">