From ff7b773525b0426d5753d6ba697fae8183af73f6 Mon Sep 17 00:00:00 2001
From: Ram Vempati <ram15nerd@gmail.com>
Date: Thu, 3 Jun 2021 14:46:58 -0400
Subject: [PATCH] Cleaned up About Us page.
---
src/components/About.js | 10 ++++++----
src/components/assets/About.scss | 25 +++++++++++++++++++------
2 files changed, 25 insertions(+), 10 deletions(-)
diff --git a/src/components/About.js b/src/components/About.js
index 4ead7c9..2ad76d1 100644
--- a/src/components/About.js
+++ b/src/components/About.js
@@ -44,16 +44,18 @@ class About extends Component {
<Container fluid 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>
+ <Col lg><p id = "ourDescription">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>
<Tabs defaultActiveKey="team1" id="uncontrolled-tab-example">
<Tab eventKey="team1" title="Programming Subteam">
<Container fluid>
+ <h1 id = "subteamTitle">Programming Subteam Members</h1>
<Row>
<Col lg>
<Container>
+
<Row>
<Col lg>
@@ -196,7 +198,7 @@ class About extends Component {
<Tab eventKey="team2" title="Engineering Subteam">
<Container fluid>
-
+ <h1 id = "subteamTitle">Engineering Subteam Members</h1>
<Row>
<Col lg>
<Container>
@@ -312,9 +314,9 @@ class About extends Component {
</Tab>
<Tab eventKey="team3" title="Outreach Subteam" >
-
+
<Container fluid >
-
+ <h1 id = "subteamTitle">Outreach Subteam Members</h1>
<Row>
<Col lg>
<Container>
diff --git a/src/components/assets/About.scss b/src/components/assets/About.scss
index 070d4e7..4a4b663 100644
--- a/src/components/assets/About.scss
+++ b/src/components/assets/About.scss
@@ -23,28 +23,41 @@
// padding: 10px;
// }
-#teamimage{
- width: 100%;
-}
+
#title{
text-align: center;
margin-top: 100px;
- margin-bottom: 100px;
+ margin-bottom: 50px;
}
#container{
- margin-bottom: 100px;
+ margin-bottom: 50px;
}
+#teamimage{
+ width: 100%;
+ margin-top: 50px;
+}
+
+#ourDescription{
+ text-align: center;
+ font-size: 30px;
+ margin-top: 50px;
+}
p{
font-size: 20px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif ;
+ text-align: center;
}
img{
width:100%;
}
-
+#subteamTitle{
+ text-align: center;
+ margin-top: 50px;
+ margin-bottom: 100px;
+}