From 6e5b1d05434b3dc4f4f3f5558fe8ec847e3e11a9 Mon Sep 17 00:00:00 2001 From: Ram Vempati Date: Wed, 2 Jun 2021 22:15:04 -0400 Subject: [PATCH] Half of about us page completed (primitvley). --- src/components/About.js | 13 +++++++++++++ src/components/assets/About.scss | 28 +++++++++++++++++++++++++--- 2 files changed, 38 insertions(+), 3 deletions(-) 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 ( + +

About Us

+ + + Group Pic +

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.

+ + 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