priyatham
/
Locaft
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styled migration

This commit is contained in:
Priyatham-sai-chand 2020-12-20 20:41:54 +05:30
parent 36d417fe89
commit 938c68ef31
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/HomePage.js
View File

@ -16,6 +16,10 @@ import styled from 'styled-components';
const ITag = styled.i` const ITag = styled.i`
`;
const FeatureBox = styled.div`
padding: 4.5%;
`; `;
@ -29,32 +33,33 @@ export default function HomePage(){
<section className="colored-section" id="title"> <section className="colored-section" id="title">
<div className="container-fluid"> <Container fluid>
<div className="row"> <Row>
<div className="col-lg-6"> <Col lg6>
<h1 className="big-heading">Adapt to a new place easy peasy.</h1> <h1 className="big-sdf
heading">Adapt to a new place easy peasy.</h1>
<button type="button" onClick={() => { <button type="button" onClick={() => {
history.push("/user/login") history.push("/user/login")
}} className = "btn btn-info login mr-1">Log In</button> }} className = "btn btn-info login mr-1">Log In</button>
<button type="button" className="btn btn-info loginb" onClick={() => history.push("/user/register")} >Sign Up</button> <button type="button" className="btn btn-info loginb" onClick={() => history.push("/user/register")} >Sign Up</button>
</div> </Col>
<div className="col-lg-6"> <Col lg6>
<img className="title-image" src="/locaft.png" alt="locaft-mockup" /> <img className="title-image" src="/locaft.png" alt="locaft-mockup" />
</div> </Col>
</div> </Row>
</div> </Container>
</section> </section>
<section className="white-section" id="features"> <section className="white-section" id="features">
<div className="container-fluid"> <Container fluid>
<div className="row"> <Row>
<div className="feature-box col-lg-4"> <div className="feature-box col-lg-4">
<i className="icon fas fa-check-circle fa-4x"></i> <i className="icon fas fa-check-circle fa-4x"></i>
<h3 className="feature-title">Easy to use.</h3> <h3 className="feature-title">Easy to use.</h3>
@ -72,10 +77,10 @@ export default function HomePage(){
<h3 className="feature-title">Relax</h3> <h3 className="feature-title">Relax</h3>
<p>Sit back , we'll do the dirty work.</p> <p>Sit back , we'll do the dirty work.</p>
</div> </div>
</div> </Row>
</div> </Container>
</section> </section>
<section className="colored-section" id="testimonials"> <section className="colored-section" id="testimonials">