From 8fa95f845a4b61cbede378b3322cee2583e74870 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Tue, 31 Jan 2023 14:45:28 +0500
Subject: [PATCH] NewsArticle page created

---
 src/pages/News.tsx        |  7 -----
 src/pages/NewsArticle.tsx | 54 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 7 deletions(-)
 delete mode 100644 src/pages/News.tsx
 create mode 100644 src/pages/NewsArticle.tsx

diff --git a/src/pages/News.tsx b/src/pages/News.tsx
deleted file mode 100644
index 9363a0b..0000000
--- a/src/pages/News.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import React from 'react';
-
-const News = () => {
-  return <div>News</div>;
-};
-
-export default News;
diff --git a/src/pages/NewsArticle.tsx b/src/pages/NewsArticle.tsx
new file mode 100644
index 0000000..750ad9e
--- /dev/null
+++ b/src/pages/NewsArticle.tsx
@@ -0,0 +1,54 @@
+// Components
+import Aside from '../components/aside/Aside';
+// Images
+import placeholder from '../assets/images/placeholder3.png';
+
+const NewsArticle = () => {
+  return (
+    <div className="news-article">
+      <div className="container">
+        <div className="news-article-inner">
+          <div className="news-article-content">
+            <div className="news-article-status">
+              <h3 className="news-article-category">Спорт</h3>
+              <h3 className="news-article-date">15:23, 21 января 2023</h3>
+            </div>
+            <h2 className="news-article-title">
+              В федерации футбола Туркменистана подвели итоги прошедшего года и наметили курс на
+              2023 год
+            </h2>
+            <div className="news-article-image">
+              <img src={placeholder} alt="image" />
+            </div>
+            <p className="news-article-text">
+              Lorem ipsum dolor sit amet consectetur. Vestibulum eget elementum urna tincidunt diam
+              commodo mauris ac sodales. Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor
+              sit amet consectetur. Lorem ipsum dolor sit amet consectetur. Vestibulum eget
+              elementum urna tincidunt diam commodo mauris ac sodales. Lorem ipsum dolor sit amet
+              consectetur. Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet
+              consectetur. Vestibulum eget elementum urna tincidunt diam commodo mauris ac sodales.
+              Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur. Lorem
+              ipsum dolor sit amet consectetur. Vestibulum eget elementum urna tincidunt diam
+              commodo mauris ac sodales. Lorem ipsum dolor sit amet consectetur. Vestibulum eget
+              elementum urna tincidunt diam commodo mauris ac sodales. Lorem ipsum dolor sit amet
+              consectetur. Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet
+              consectetur. Vestibulum eget elementum urna tincidunt diam commodo mauris ac sodales.
+              Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur. Lorem
+              ipsum dolor sit amet consectetur. Vestibulum eget elementum urna tincidunt diam
+              commodo mauris ac sodales. Lorem ipsum dolor sit amet consectetur. Vestibulum eget
+              elementum urna tincidunt diam commodo mauris ac sodales. Lorem ipsum dolor sit amet
+              consectetur. Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet
+              consectetur. Vestibulum eget elementum urna tincidunt diam commodo mauris ac sodales.
+              Lorem ipsum dolor sit amet consectetur. Lorem ipsum dolor sit amet consectetur. Lorem
+              ipsum dolor sit amet consectetur. Vestibulum eget elementum urna tincidunt diam
+              commodo mauris ac sodales.
+            </p>
+          </div>
+          <Aside />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NewsArticle;