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

CSS and links added

Browse Source
This commit is contained in:
Ram Reddy 2021-02-05 12:29:24 -05:00
parent 39535929ea
commit 784256d934
3 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Contact.js
View File

@ -138,11 +138,16 @@ class ContactForm extends Component {
</StyledFormWrapper>
<button2 onClick={() => this.scrollDown("goHere")}>⤋ Or Find Us At ⤋</button2>
<ButtonSet id="goHere">
<a href="#" className="fa fa-linkedin"></a>
<a href="#" className="fa fa-youtube"></a>
<a href="#" className="fa fa-github"></a>
<a href="#" className="fa fa-instagram"></a>
<a href="#" className="fa fa-facebook"></a>
<a href="https://www.linkedin.com/in/potentia-robotics-790582204/" target="_blank" className="fa fa-linkedin"></a>
<span><br></br></span>
<a href="https://www.youtube.com/channel/UCKzWtwtWSejKt9THR_XlU7Q" target="_blank" className="fa fa-youtube"></a>
<span><br></br></span>
<a href="https://github.com/tjhrc" target="_blank" className="fa fa-github"></a>
<span><br></br></span>
<a href="#" target="_blank" className="fa fa-instagram"></a>
<span><br></br></span>
<a href="https://www.facebook.com/potentiarobotics/" target="_blank" className="fa fa-facebook"></a>
<span><br></br></span>
<button onClick={() => this.scrollDown("backUp")} className="fa fa-envelope"></button>
</ButtonSet>
</>

11
src/components/assets/StyledContactForm.js
View File

@ -15,7 +15,7 @@ const StyledFormWrapper = styled.div`
justify-content: center;
align-items: center;
height: 100vh;
margin-top: -125px;
margin-top: -3.7vw;
padding: 0 20px;
`;
@ -72,13 +72,12 @@ const StyledError = styled.div`
`;
const ButtonSet = styled.div`
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: -125px;
margin-top: 2vw;
vertical-align: middle;
text-align: center;
padding: 0 20px;
`;
export default StyledFormWrapper;
export {

12
src/components/assets/contact.scss
View File

@ -4,11 +4,11 @@ button {
button2 {
display:block;
width:18%;
width:40%;
margin:0 auto;
position:relative;
font-size:40px;
margin-top: -125px;
font-size:2vw;
margin-top: -6vw;
outline:none;
color:#fff;
border:none;
@ -22,12 +22,12 @@ button2 {
border-bottom:1px solid #7b8b2f;
}
.fa {
padding: 20px;
font-size: 75px;
padding: 1vw;
font-size: 5vw;
width: 10%;
text-align: center;
text-decoration: none;
margin: 5px 2px;
margin: 0.2vw 0.2vw;
}
.fa:hover {