diff --git a/imports/ui/About.jsx b/imports/ui/About.jsx
index 100ac31..10557eb 100644
--- a/imports/ui/About.jsx
+++ b/imports/ui/About.jsx
@@ -1,9 +1,36 @@
 import React from 'react'
+import { Container, Row, Col} from 'react-bootstrap';
+
 
 export default function About() {
     return (
-        <div>
-            About
-        </div>
+        <>
+            <Container>
+                    <Row className="justify-content-md-center">
+                        <Col md="auto">
+                            <h1>About</h1>
+                        </Col>
+                    </Row>
+                    <Row className="justify-content-md-center">
+                        <a>This is the frontend for the SmartGarden project in Embedded Systems.</a>
+                    </Row>
+
+                    <hr  style={{
+                        color: '#000000',
+                        backgroundColor: '#000000',
+                        height: .5,
+                        borderColor : '#000000'
+                    }}/>
+
+                    <Row className="justify-content-md-center">
+                        <a>Created by</a>
+                    </Row>
+                    <Row className="justify-content-md-center">
+                        <a>Timo Volkmann, Andrés Uribe Stengel, Sebastian Herzog and Maximilian Seyfried</a>
+                    </Row>
+
+                    
+            </Container>
+        </>
     )
 }