Aydogdy
/
hhm-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

NewsArticle page created

This commit is contained in:
Kakabay 2023-01-31 14:45:28 +05:00
parent 56af93d966
commit 8fa95f845a
2 changed files with 54 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/News.tsx
View File

@ -1,7 +0,0 @@
import React from 'react';
const News = () => {
return <div>News</div>;
};
export default News;

54
src/pages/NewsArticle.tsx Normal file
View File

@ -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;