diff --git a/about.html b/about.html
index 4d8fbd7..7c3c3a1 100644
--- a/about.html
+++ b/about.html
@@ -18,10 +18,10 @@
                     <li class="item">
                         <a class="link" href="/">Home</a>
                     </li>
-                    <li class="item active"><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"><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 active"><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"><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>
diff --git a/contacts.html b/contacts.html
index 96b00f9..9ff183a 100644
--- a/contacts.html
+++ b/contacts.html
@@ -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"><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"><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>
diff --git a/images/news/RIGHT/1.png b/images/news/RIGHT/1.png
new file mode 100644
index 0000000..31dafe7
Binary files /dev/null and b/images/news/RIGHT/1.png differ
diff --git a/images/news/RIGHT/2.png b/images/news/RIGHT/2.png
new file mode 100644
index 0000000..9de30e1
Binary files /dev/null and b/images/news/RIGHT/2.png differ
diff --git a/images/news/RIGHT/3.png b/images/news/RIGHT/3.png
new file mode 100644
index 0000000..5ead6d7
Binary files /dev/null and b/images/news/RIGHT/3.png differ
diff --git a/images/news/RIGHT/4.png b/images/news/RIGHT/4.png
new file mode 100644
index 0000000..951fa14
Binary files /dev/null and b/images/news/RIGHT/4.png differ
diff --git a/images/news/RIGHT/5.png b/images/news/RIGHT/5.png
new file mode 100644
index 0000000..95ff8ee
Binary files /dev/null and b/images/news/RIGHT/5.png differ
diff --git a/images/news/RIGHT/6.png b/images/news/RIGHT/6.png
new file mode 100644
index 0000000..1fedb9d
Binary files /dev/null and b/images/news/RIGHT/6.png differ
diff --git a/images/news/RIGHT/7.png b/images/news/RIGHT/7.png
new file mode 100644
index 0000000..0d9d0ee
Binary files /dev/null and b/images/news/RIGHT/7.png differ
diff --git a/images/news/left/1.png b/images/news/left/1.png
new file mode 100644
index 0000000..af309bb
Binary files /dev/null and b/images/news/left/1.png differ
diff --git a/images/news/left/2.png b/images/news/left/2.png
new file mode 100644
index 0000000..5e672f9
Binary files /dev/null and b/images/news/left/2.png differ
diff --git a/index.html b/index.html
index 2ca22b6..13301d9 100644
--- a/index.html
+++ b/index.html
@@ -18,10 +18,10 @@
                     <li class="item active">
                         <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"><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"><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>
diff --git a/news.html b/news.html
index fe842e7..9e784cb 100644
--- a/news.html
+++ b/news.html
@@ -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">
diff --git a/portfolio.html b/portfolio.html
index e0f4c70..689c4bd 100644
--- a/portfolio.html
+++ b/portfolio.html
@@ -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 active"><a class="link" href="/portfolio.html">Portfolio</a></li>
-                <li class="item"><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 active"><a class="link" href="./portfolio.html">Portfolio</a></li>
+                <li class="item"><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>
diff --git a/style.css b/style.css
index 1b6cbc1..cc0c633 100644
--- a/style.css
+++ b/style.css
@@ -689,12 +689,112 @@ textarea {
     border-radius: 10px;
     z-index: 0;
     background-color: #1C140F;
+    color: #fff;
+    line-height: 1.8;
 }
 .input_news input {
     position: relative;
 
 }
 
+/* -------------------------------------NEWS-CONTENT------------------------------------- */
+
+.news {
+}
+.container {
+}
+.news_separation {
+    display: flex;
+    gap: 80px;
+}
+.news_left {
+    flex-basis: 50%;
+}
+.news_post {
+}
+.news_image {
+    padding-bottom: 25px;
+}
+.news_content {
+}
+.news_title {
+    font-size: 16px;
+    line-height: 1.8;
+    padding: 15px 40px;
+    background-color: #2351F5;
+    display: inline-block;
+    margin-right: 15px;
+    margin-bottom: 30px;
+}
+.news_time {
+    display: inline;
+}
+.news_h1 {
+    line-height: 1.5;
+}
+.news_p {
+    font-weight: 100;
+    line-height: 1.8;
+}
+.news_line {
+    border-top: 0.1px solid rgba(255, 255, 255, 0.7);
+    padding-bottom: 80px;
+}
+.news_right {
+    flex-basis: 50%;
+}
+.news_items {
+}
+.news_item {
+    display: flex;
+    padding-bottom: 80px;
+}
+.news_item_img {
+    width: 100%;
+    height: 100%;
+}
+.news_cont {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 30px 0px 30px 30px;
+}
+.news_cont_title {
+    display: flex;
+    align-items: center;
+    gap: 20px;
+}
+.news_item_h4 {
+    padding: 15px 20px;
+    background-color: #FF8484;
+}
+.news_item_time {
+    font-size: 14px;
+}
+.news_item_h2 {
+    font-size: 23px;
+    font-weight: 500;
+    line-height: 1.8;
+}
+.news_item_h4_2 {
+    background-color: #2351F5;
+}
+.news_item_h4_3 {
+    background-color: #FF7C32;
+}
+.news_item_h4_4 {
+    background-color: #2351F5;
+}
+.news_item_h4_5 {
+    background-color: #23A54F;
+}
+.news_item_h4_6 {
+    background-color: #2351F5;
+}
+.news_item_h4_7 {
+    background-color: #9921C3;
+}
+
 /* -----------------------------------FOOTER------------------------------------------ */
 
 .footer {