rushilwiz/website
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/website.git synced 2025-04-09 15:00:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

Half of about us page completed (primitvley).

Browse Source
This commit is contained in:
Ram Vempati 2021-06-02 22:15:04 -04:00
parent a97eab2a93
commit 6e5b1d0543
2 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/About.js
View File

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

28
src/components/assets/About.scss
View File

@ -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%;
}