79 lines
2.6 KiB
HTML
79 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="style.css">
|
|
<title>The App</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="page_container">
|
|
<div class="nav_box">
|
|
<a href="index.html" class="logo_home"><img src="logo.svg" class="logo" alt="logo"></a>
|
|
<h2>News</h2>
|
|
|
|
<!-- burger menu -->
|
|
<input type="checkbox" id="burger-toggle" class="burger-toggle">
|
|
<label for="burger-toggle" class="burger">
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
</label>
|
|
|
|
<div class="navigation">
|
|
<a class="nav_butt_2" href="about.html">About Us</a>
|
|
<a class="nav_butt_2" href="news.html">News</a>
|
|
<a class="nav_butt_2" href="download.html">Download</a>
|
|
<a class="nav_butt_2" href="contact.html">Contact</a>
|
|
<a class="nav_butt_2" href="">###</a>
|
|
<a class="nav_butt_2" href="">###</a>
|
|
</div>
|
|
</div>
|
|
<div class="content_wrap">
|
|
<div class="content_box">
|
|
|
|
|
|
|
|
<!-- Дроп/блок новости 1-->
|
|
<div class="post_box">
|
|
<div class="post_date">
|
|
<p>18/11/2024</p>
|
|
</div>
|
|
|
|
<div class="post_name">
|
|
<h3>loaded post header</h3>
|
|
</div>
|
|
|
|
<div class="post_description multiline">
|
|
<p>only 2 first lines will be shown</p>
|
|
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias debitis facere eveniet temporibus aliquid inventore impedit ipsum rerum quia reprehenderit cum, itaque sint quis optio error pariatur. Suscipit sunt, corrupti commodi repudiandae minima, ducimus temporibus.</p>
|
|
</div>
|
|
<a class="content_butt readmore" href="news/post_page.html">read more...</a>
|
|
|
|
</div>
|
|
|
|
<!-- Дроп/блок новости 2-->
|
|
<div class="post_box">
|
|
<div class="post_date">
|
|
<p>18/11/2024</p>
|
|
</div>
|
|
|
|
<div class="post_name">
|
|
<h3>loaded post header</h3>
|
|
</div>
|
|
|
|
<div class="post_description multiline">
|
|
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias debitis facere eveniet temporibus aliquid inventore impedit ipsum rerum quia reprehenderit cum, itaque sint quis optio error pariatur. Suscipit sunt, corrupti commodi repudiandae minima, ducimus temporibus.</p>
|
|
</div>
|
|
<a class="content_butt readmore" href="news/">read more...</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body> |