84 lines
2.8 KiB
HTML
84 lines
2.8 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>
|
|
<div class="navigation">
|
|
<a class="nav_butt_2" href="about.html">About Us</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="news.html">News</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_name">
|
|
<h3>Loaded post header</h3>
|
|
</div>
|
|
<div class="post_description multiline">
|
|
<p>only 2 first lines will be shown</p>
|
|
</div>
|
|
<a class="content_butt" href="news/">read more...</a>
|
|
</div>
|
|
|
|
<!-- Дроп/блок новости 2-->
|
|
<div class="post_box">
|
|
<div class="post_name">
|
|
<h3>Loaded post header</h3>
|
|
</div>
|
|
<div class="post_description multiline">
|
|
<p>only 2 first lines will be shown</p>
|
|
</div>
|
|
<a class="content_butt" href="news/">read more...</a>
|
|
</div>
|
|
|
|
<!-- Дроп/блок новости 3-->
|
|
<div class="post_box">
|
|
<div class="post_name">
|
|
<h3>Loaded post header</h3>
|
|
</div>
|
|
<div class="post_description multiline">
|
|
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora suscipit non exercitationem consequatur, animi eveniet enim. Nam, error. Facilis iusto amet id architecto est, praesentium velit quibusdam enim deleniti ipsam ea molestias ullam tempore aperiam.</p>
|
|
</div>
|
|
|
|
<a class="content_butt" href="news/">read more...</a>
|
|
</div>
|
|
|
|
<!-- Дроп/блок новости 4-->
|
|
<div class="post_box">
|
|
<div class="post_name">
|
|
<h3>Loaded post header</h3>
|
|
</div>
|
|
<div class="post_description multiline">
|
|
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora suscipit non exercitationem consequatur, animi eveniet enim. Nam, error. Facilis iusto amet id architecto est, praesentium velit quibusdam enim deleniti ipsam ea molestias ullam tempore aperiam.</p>
|
|
</div>
|
|
|
|
<a class="content_butt" href="news/">read more...</a>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body> |