diff --git a/.eslintrc.js b/.eslintrc.js
index ae5bc658e5020bc3c168172de2412f92cd9c5a32..5803798cdc303788a1ef350c8a4e9e93ad79fd18 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -11,4 +11,10 @@ module.exports = {
   env: {
     browser: true,
   },
+
+  rules: {
+    'react/prop-types': 0,
+    '@typescript-eslint/explicit-function-return-type': 2,
+    'object-curly-newline': 0,
+  },
 };
diff --git a/src/components/News.tsx b/src/components/News.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..d674e392308f147b57dbfa910004eb7aae255b22
--- /dev/null
+++ b/src/components/News.tsx
@@ -0,0 +1,44 @@
+import { Grid, makeStyles, Typography } from '@material-ui/core';
+import React from 'react';
+
+interface NewsProps {
+  title: string;
+  content: string;
+  author: string;
+  createDate: string;
+}
+
+const useStyles = makeStyles((theme) => ({
+  container: {
+    borderRadius: '8px',
+    backgroundColor: '#E5E5E5',
+    margin: theme.spacing(2),
+    padding: theme.spacing(1),
+  },
+}));
+
+const News: React.FC<NewsProps> = ({ title, content, author, createDate }) => {
+  const classes = useStyles();
+  return (
+    <Grid className={classes.container} container direction="column">
+      <Grid item>
+        <Typography variant="h6">{title}</Typography>
+      </Grid>
+      <Grid item>
+        <Typography variant="body1">{content}</Typography>
+      </Grid>
+      <Grid item container justify="flex-end">
+        <Grid item>
+          <Typography variant="subtitle2">
+            <i>{author}</i>
+          </Typography>
+          <Typography variant="subtitle2">
+            <i>{createDate}</i>
+          </Typography>
+        </Grid>
+      </Grid>
+    </Grid>
+  );
+};
+
+export default News;
diff --git a/src/components/NewsContainer.tsx b/src/components/NewsContainer.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..95ecd05e6e7e50271a917ca327b4db184c8644b0
--- /dev/null
+++ b/src/components/NewsContainer.tsx
@@ -0,0 +1,30 @@
+import { Grid } from '@material-ui/core';
+import React from 'react';
+import News from './News';
+
+interface Props {}
+
+const NewsContainer: React.FC = () => {
+  const lorem = `
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae ullamcorper ligula. Praesent pretium ultrices pretium. Morbi purus lorem, elementum ut tempor quis, condimentum et nisl. Maecenas quis justo ac nibh dapibus porttitor. Nam felis mauris, ornare ut imperdiet eget, ultricies at leo. Integer in risus iaculis libero efficitur mollis. Quisque eget congue lorem, nec tincidunt tellus. Etiam auctor fermentum quam, non consequat tellus tempor at. Vivamus tellus orci, eleifend vel erat sed, viverra luctus sem.
+  Fusce viverra vehicula purus a elementum. Duis non orci mattis, tincidunt lorem ac, hendrerit lacus. Cras id feugiat nulla. Aenean mi quam, vulputate sit amet volutpat posuere, aliquet nec dolor. Nulla facilisi. Donec quis ullamcorper neque, in eleifend lorem. Quisque id nisl justo. Donec tristique a risus vitae consequat. Vestibulum quis velit magna. Aenean ultrices sapien vel justo varius finibus sit amet a turpis. Cras efficitur, ante at elementum sodales, elit enim fringilla mi, nec consectetur lacus lacus a nunc. Praesent condimentum porta accumsan. Phasellus sed dapibus nisl, eget tempor felis.
+  `;
+  return (
+    <Grid container spacing={2}>
+      <News
+        title="Az eső hír"
+        author="Anonymus"
+        content={lorem}
+        createDate={new Date().toLocaleDateString()}
+      />
+      <News
+        title="Második"
+        author="Anonymus"
+        content={lorem}
+        createDate={new Date().toLocaleDateString()}
+      />
+    </Grid>
+  );
+};
+
+export default NewsContainer;
diff --git a/src/components/NewsPage.tsx b/src/components/NewsPage.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..82b744c859b836b9467d60e5eab4a9ec08cf1306
--- /dev/null
+++ b/src/components/NewsPage.tsx
@@ -0,0 +1,11 @@
+import { Container } from '@material-ui/core';
+import React from 'react';
+import NewsContainer from './NewsContainer';
+
+const NewsPage: React.FC = () => (
+  <Container>
+    <NewsContainer />
+  </Container>
+);
+
+export default NewsPage;
diff --git a/src/core/components/Footer.tsx b/src/core/components/Footer.tsx
index 000b6629c5ecc9bc2ac55a025aefdac03f0692b1..23bc3e2fab51c1e4464a64ba5d630da394961d41 100644
--- a/src/core/components/Footer.tsx
+++ b/src/core/components/Footer.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
 
-const Footer = () => <div>Footer</div>;
+const Footer: React.FC = () => <div>Footer</div>;
 
 export default Footer;
diff --git a/src/core/components/Header.tsx b/src/core/components/Header.tsx
index fef7cc09770da760fa21d9477d1a207269712d44..c176c094a6db89383ccc43271a804bbc0e19ca96 100644
--- a/src/core/components/Header.tsx
+++ b/src/core/components/Header.tsx
@@ -73,7 +73,7 @@ const Header: React.FC = () => {
           <Grid className={classes.navItem} item container justify="flex-start">
             <Tabs
               value={value}
-              onChange={(event, val) => {
+              onChange={(event, val): void => {
                 setValue(val);
               }}
               TabIndicatorProps={{ className: classes.indicator }}
@@ -83,7 +83,7 @@ const Header: React.FC = () => {
                   key={item.id}
                   className={classes.tab}
                   label={item.title}
-                  onClick={() => {
+                  onClick={(): void => {
                     history.push(item.redirectTo);
                   }}
                 />
diff --git a/src/core/components/MainRouting.tsx b/src/core/components/MainRouting.tsx
index 215bf9a5f041c3d0b482a62b964f916dc1ae099b..0fbdfe5a262e29071d8171c0d43962645a43f3a4 100644
--- a/src/core/components/MainRouting.tsx
+++ b/src/core/components/MainRouting.tsx
@@ -1,12 +1,15 @@
 import React from 'react';
 import { Route, Switch } from 'react-router';
+import NewsPage from '../../components/NewsPage';
 
 const MainRouting: React.FC = () => (
   <Switch>
     <Route path="/" exact>
       Hello
     </Route>
-    <Route path="/news">News</Route>
+    <Route path="/news">
+      <NewsPage />
+    </Route>
   </Switch>
 );