diff --git a/src/components/About.js b/src/components/About.js
index 8a777c3..34132e9 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -9,17 +9,30 @@ import ram from "./assets/img/Ram.PNG";
import sai from "./assets/img/Sai.PNG";
import kedar from "./assets/img/Kedar.PNG";
import icon from "./assets/img/aboutlogo.PNG";
+
+import GroupPhoto from "./assets/img/team_picture.png";
+
import './assets/About.scss';
import './assets/About.scss';
+import {Container, Row, Col} from "react-bootstrap";
+
class About extends Component {
render() {
return (
<body>
+
+ <h1 id = "title">About Us</h1>
+ <Container id = "container">
+ <Row>
+ <Col lg><img id = "teamimage" src = {GroupPhoto} alt = "Group Pic"></img></Col>
+ <Col lg><p>We are a team of people who do things. The things we do are important. The things we do relate to robotics. We are important. We are Potentia.</p></Col>
+ </Row>
+ </Container>
<table>
<tr>
diff --git a/src/components/assets/About.scss b/src/components/assets/About.scss
index e1c3b0b..2ef22cc 100644
--- a/src/components/assets/About.scss
+++ b/src/components/assets/About.scss
@@ -1,11 +1,13 @@
table{
-background-color: aqua;
+
+ background-color: aqua;
-margin: auto;
-width: 800px;
+ margin: auto;
+ width: 800px;
}
+
th{
font-size: 20px;
border: 3px solid black;
@@ -19,4 +21,24 @@ td{
font-size: 16px;
border: 3px solid black;
padding: 10px;
+}
+
+#teamimage{
+ width: 100%;
+}
+
+#title{
+ text-align: center;
+ margin-top: 100px;
+ margin-bottom: 100px;
+}
+
+#container{
+ width: 100%;
+ margin-bottom: 100px;
+}
+
+#container.row{
+
+ width: 100%;
}
\ No newline at end of file