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