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

fix bootstrap row

This commit is contained in:
Priyatham Sai Chand 2021-03-24 14:07:34 +05:30 committed by Priyatham-sai-chand
parent e3e6d7d56a
commit 412145b344
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/HomePage.js
View File

@ -50,7 +50,9 @@ const PressLogo = styled.img`
height: 18%; height: 18%;
margin: 20px 20px 50px; margin: 20px 20px 50px;
`; `;
const RowFix = styled(Row)`
margin: 0 0px;
`;
const FeatureCol = styled(Col)` const FeatureCol = styled(Col)`
padding: 4.5%; padding: 4.5%;
@ -97,7 +99,7 @@ export default function HomePage() {
<ContainerPadded fluid> <ContainerPadded fluid>
<Row> <RowFix>
<FeatureCol lg="6"> <FeatureCol lg="6">
<BigHeading>Adapt to a new place easy peasy.</BigHeading> <BigHeading>Adapt to a new place easy peasy.</BigHeading>
@ -115,14 +117,14 @@ export default function HomePage() {
<Lottie options= { defaultOptions } /> <Lottie options= { defaultOptions } />
</FeatureCol> </FeatureCol>
</Row> </RowFix>
</ContainerPadded> </ContainerPadded>
</ColoredSection> </ColoredSection>
<WhiteSection id="services"> <WhiteSection id="services">
<ContainerPadded fluid> <ContainerPadded fluid>
<Row> <RowFix>
<FeatureCol lg="4"> <FeatureCol lg="4">
<IconStyler color="#66bfbf" width={50} height={50}><CheckCircle /></IconStyler> <IconStyler color="#66bfbf" width={50} height={50}><CheckCircle /></IconStyler>
<br/> <br/>
@ -143,7 +145,7 @@ export default function HomePage() {
<FeatureTitle>Relax</FeatureTitle> <FeatureTitle>Relax</FeatureTitle>
<p>Sit back , we'll do the dirty work.</p> <p>Sit back , we'll do the dirty work.</p>
</FeatureCol> </FeatureCol>
</Row> </RowFix>
</ContainerPadded> </ContainerPadded>
@ -183,7 +185,7 @@ export default function HomePage() {
<ContainerPadded fluid> <ContainerPadded fluid>
<Row> <RowFix>
<FeatureCol lg="4"> <FeatureCol lg="4">
<IconStyler color="#66bfbf" width={50} height={50}><AddressCard /></IconStyler> <IconStyler color="#66bfbf" width={50} height={50}><AddressCard /></IconStyler>
<br /> <br />
@ -204,7 +206,7 @@ export default function HomePage() {
<FeatureTitle>Mission</FeatureTitle> <FeatureTitle>Mission</FeatureTitle>
<p>Getting adapted and familiar to the new place made easy.</p> <p>Getting adapted and familiar to the new place made easy.</p>
</FeatureCol> </FeatureCol>
</Row> </RowFix>
</ContainerPadded> </ContainerPadded>
</WhiteSection> </WhiteSection>
@ -213,7 +215,7 @@ export default function HomePage() {
<ColoredSection> <ColoredSection>
<ContainerPadded fluid> <ContainerPadded fluid>
<Row> <RowFix>
<FeatureCol lg="4"> <FeatureCol lg="4">
<BigHeading>Recommend us to your friends !</BigHeading> <BigHeading>Recommend us to your friends !</BigHeading>
@ -221,7 +223,7 @@ export default function HomePage() {
&nbsp; &nbsp;
<img width="160px" src="apple_badge.svg" ></img> <img width="160px" src="apple_badge.svg" ></img>
</FeatureCol> </FeatureCol>
</Row> </RowFix>
</ContainerPadded> </ContainerPadded>
</ColoredSection> </ColoredSection>