diff --git a/news.html b/news.html
index 82ea81d..d4505aa 100644
--- a/news.html
+++ b/news.html
@@ -31,53 +31,39 @@
 
 				<!-- Дроп/блок новости 1-->
 				<div class="post_box">
-					<div class="post_name">
-						<h3>Loaded post header</h3>
+					<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" href="news/">read more...</a>
+					<a class="content_butt readmore" href="news/">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>
+						<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" href="news/">read more...</a>
+					<a class="content_butt readmore" 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>
diff --git a/news/post_page.html b/news/post_page.html
new file mode 100644
index 0000000..82ea81d
--- /dev/null
+++ b/news/post_page.html
@@ -0,0 +1,84 @@
+<!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>
\ No newline at end of file
diff --git a/style.css b/style.css
index 616c13a..43aef45 100644
--- a/style.css
+++ b/style.css
@@ -152,6 +152,7 @@ p, a, ul, 	li{
 }
 .post_name{
 	margin-bottom: 20px;
+	text-transform: uppercase;
 }
 .post_description{
 	margin-bottom: 20px;
@@ -162,3 +163,10 @@ p, a, ul, 	li{
   overflow: hidden;
   -webkit-line-clamp: 2; /* Ограничение на 2 строки */
 }
+.post_date{
+	float: right;
+}
+.readmore{
+
+
+}
\ No newline at end of file
