rushilwiz/website
1
0
Fork 0
mirror of https://github.com/PotentiaRobotics/website.git synced 2025-04-20 20:30:18 -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,10 +9,15 @@ import ram from "./assets/img/Ram.PNG";
import sai from "./assets/img/Sai.PNG"; import sai from "./assets/img/Sai.PNG";
import kedar from "./assets/img/Kedar.PNG"; import kedar from "./assets/img/Kedar.PNG";
import icon from "./assets/img/aboutlogo.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 './assets/About.scss'; import './assets/About.scss';
import {Container, Row, Col} from "react-bootstrap";
@ -21,6 +26,14 @@ class About extends Component {
return ( return (
<body> <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> <table>
<tr> <tr>
<th colspan="2">About Us</th> <th colspan="2">About Us</th>

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

@ -1,11 +1,13 @@
table{ table{
background-color: aqua;
background-color: aqua;
margin: auto; margin: auto;
width: 800px; width: 800px;
} }
th{ th{
font-size: 20px; font-size: 20px;
border: 3px solid black; border: 3px solid black;
@ -20,3 +22,23 @@ td{
border: 3px solid black; border: 3px solid black;
padding: 10px; 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%;
}