} />
+
diff --git a/src/components/Article.js b/src/components/Article.js
new file mode 100644
index 0000000..3bd827a
--- /dev/null
+++ b/src/components/Article.js
@@ -0,0 +1,12 @@
+import React from 'react';
+import './css/Articles.css';
+
+const Article = ({match}) => {
+ return (
+
+ "Article: " {match}
+
+ );
+}
+
+export default Article;
\ No newline at end of file
diff --git a/src/components/Articles.js b/src/components/Articles.js
new file mode 100644
index 0000000..0698d2d
--- /dev/null
+++ b/src/components/Articles.js
@@ -0,0 +1,53 @@
+import React from 'react';
+import './css/Articles.css';
+import Theater from './subcomponents/Theater';
+import Article from './Article';
+import { Route, Link } from 'react-router-dom';
+
+
+class Articles extends React.Component {
+ /**
+ * Articles -
+ */
+
+ componentDidMount() {
+
+ document.title = "Articles";
+
+ }
+
+ renderArticles() {
+
+ return (
+
+ "Articles"
+
+ );
+ }
+
+ article(match) {
+ return (
+
+ {match.params.id}
+
+ );
+ }
+
+ render() {
+
+ return (
+
+
+ {return this.article(match)}} />
+ {this.renderArticles()}
+
+ );
+ }
+}
+
+
+export default Articles;
\ No newline at end of file
diff --git a/src/components/css/Articles.css b/src/components/css/Articles.css
new file mode 100644
index 0000000..e69de29