diff --git a/src/App.js b/src/App.js
deleted file mode 100644
index f4fad47..0000000
--- a/src/App.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import React from 'react';
-import f22 from './img/raptor-1040097_1920.png'
-import harrier from './img/av-8b-harrier-1986422_1920.jpg'
-import './app.css';
-import './header.css'
-
-class App extends React.Component {
- render() {
- const items = Array(100).fill(1).map((x, y) => x + y)
- .map(x => );
-
- return (
-
-
- Hugos Lieblingsflugzeuge
-
-
-
-
- {items}
-
-
-
-
-
-
-
{this.state.name}
-
+
+
+ Hugos Lieblingsflugzeuge
+
+
+
+
+
+
+ );
+ }
+}
+
+export default App;
+
+class Navigation extends React.Component {
+ render() {
+ return (
+
+ )
+ }
+}
+
+class Footer extends React.Component {
+ render() {
+ return (
+
+ )
+ }
+}
\ No newline at end of file
diff --git a/src/content.js b/src/content.js
new file mode 100644
index 0000000..8fe216c
--- /dev/null
+++ b/src/content.js
@@ -0,0 +1,43 @@
+import React from 'react';
+import f22 from './img/raptor-1040097_1920.png'
+import harrier from './img/av-8b-harrier-1986422_1920.jpg'
+
+class Content extends React.Component {
+ render() {
+ const items = Array(100).fill(1).map((x, y) => x + y)
+ .map(x => );
+
+ return (
+
+ {items}
+
+
+ )
+ }
+}
+
+export default Content;
+
+
+class ModelImage extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ img: '',
+ name: '',
+ }
+ }
+
+ static getDerivedStateFromProps(props) {
+ return {img: props.img, name: props.name};
+ }
+
+ render() {
+ return (
+
+
+
{this.state.name}
+