diff --git a/public/assets/person-1.jpg b/public/assets/person-1.jpg
new file mode 100644
index 0000000..1105563
Binary files /dev/null and b/public/assets/person-1.jpg differ
diff --git a/public/assets/person-2.jpg b/public/assets/person-2.jpg
new file mode 100644
index 0000000..d61a1a7
Binary files /dev/null and b/public/assets/person-2.jpg differ
diff --git a/public/assets/person-3.jpg b/public/assets/person-3.jpg
new file mode 100644
index 0000000..761217e
Binary files /dev/null and b/public/assets/person-3.jpg differ
diff --git a/src/AboutUs.js b/src/AboutUs.js
new file mode 100644
index 0000000..c01711b
--- /dev/null
+++ b/src/AboutUs.js
@@ -0,0 +1,29 @@
+import React, { Component } from 'react'
+import { Container, Row, Col, Image } from 'react-bootstrap';
+import './css/AboutUs.css';
+
+export default class AboutUs extends Component {
+  render() {
+    return (
+      <Container>
+        <Row className="show-Container text-center">
+          <Col xs={12} sm={4} className="person-wrapper">
+            <Image src="assets/person-1.jpg" roundedCircle className="profile-pic"/>
+            <h3>Matteo Scorzafava</h3>
+            <p>That's a crooked tree. We'll send him to Washington. These little son of a guns hide in your brush and you just have to push them out.</p>
+          </Col>
+          <Col xs={12} sm={4} className="person-wrapper">
+            <Image src="assets/person-2.jpg" roundedCircle className="profile-pic"/>
+            <h3>Simone Ferrari</h3>
+            <p>That's a crooked tree. We'll send him to Washington. These little son of a guns hide in your brush and you just have to push them out.</p>
+          </Col>
+          <Col xs={12} sm={4} className="person-wrapper">
+            <Image src="assets/person-3.jpg" roundedCircle className="profile-pic"/>
+            <h3>Gregorio Giacchetti</h3>
+            <p>That's a crooked tree. We'll send him to Washington. These little son of a guns hide in your brush and you just have to push them out.</p>
+          </Col>
+        </Row>
+      </Container>
+    )
+  }
+}
diff --git a/src/App.js b/src/App.js
index 45d63d9..ffa1748 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,6 +6,7 @@ import VideoPlayer from './VideoPlayer';
 import VideoInfo from './VideoInfo';
 import VideoList from './VideoList';
 import Suggestion from './Suggestion';
+import AboutUs from './AboutUs';
 import { ReactHeight } from 'react-height';
 import './css/App.css';
 
@@ -91,6 +92,9 @@ class App extends React.Component {
 						<Route render={() => <div>URL not found</div>} />
 					</Switch>
 				</Row>
+				<Row id="AboutUs">
+					<Route exact path="/" component={AboutUs} />
+				</Row>
 			</React.Fragment>
 		);
 	}
diff --git a/src/css/AboutUs.css b/src/css/AboutUs.css
new file mode 100644
index 0000000..72e67db
--- /dev/null
+++ b/src/css/AboutUs.css
@@ -0,0 +1,18 @@
+.person-wrapper {
+  margin-bottom: 2em;
+}
+
+.profile-pic {
+  width: 50%;
+}
+
+.btn-primary {
+  background-image: none;
+  border: none;
+  border-radius: 0;
+  background-color: #2892D7;
+}
+
+h3 {
+  margin-bottom: 1em;
+}
\ No newline at end of file