senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add styling and restructure of markup

Browse Source
This commit is contained in:
Moris Zen
2018-07-03 10:52:51 +02:00
parent e5287ac835
commit 602e556a1c
8 changed files with 413 additions and 495 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/index.js
View File

@@ -5,7 +5,7 @@ import InfoBox from '../components/InfoBox'
import Button from '../components/Button'
import Card from '../components/Card'
import ImgIntro from '../images/programming-company.svg'
import ImgIntro from '../images/software-consulting.svg'
import ImgDesign from '../images/ux-ui-design.svg'
import ImgFullstack from '../images/fullstack-web-development.svg'
import ImgMobile from '../images/mobile-development.svg'
@@ -16,14 +16,15 @@ import LogoCoor from '../images/logo-coor.svg'
const IndexPage = () => (
<div>
<section className="bg-saburly-default">
<div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse lg:p-4">
<div className="text-center lg:text-left lg:mt-4">
<SectionIntro intro="Welcome To Saburly" classes="lg:text-left content-center" headline="We build the right software for your needs" text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day." />
<Button filled text="Let's Build Together" url="/proposal" classes="rounded-full mt-4 font-light btn-saburly-green" />
<section className="bg-saburly-blue relative">
<div className="container mx-auto flex lg:flex-row flex-col flex-col-reverse lg:p-4">
<div className="text-center lg:text-left lg:mt-4">
<SectionIntro intro="Welcome To Saburly" classes="lg:text-left content-center" headline="We build the right software for your needs" text="We are a team of creative, open minded, skilled and passionate engineers that ship success every day." />
<Button filled text="Let's Build Together" url="/proposal" classes="shadow-md hover:shadow-lg rounded-full mt-4 font-light btn-saburly-green mb-20" />
</div>
<img src={ImgIntro} className="lg:-mt-4 z-10" alt="Software Development Agency" />
</div>
<img src={ImgIntro} className="lg:-mt-4" alt="Software Development Agency" />
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400.8 96.4"><title>bg-saburly-white</title><path d="M417.7,96.4C655.2,93.3,743.6,0,983.1,0h417.7V96.4H417.7Z" transform="translate(0 0)" style={{ fill: '#fff' }}/></svg>
</section>
<section className="text-center p-3">