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

Quickfix styling landing page

Browse Source
This commit is contained in:
Moris Zen
2018-08-30 14:28:31 +02:00
parent a8a0568ced
commit 39465efc16
1 changed files with 52 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/index.js
View File

@@ -52,7 +52,7 @@ const IndexPage = ({ ...props }) => (
/> />
</section> </section>
<section className="bg-saburly relative bg-saburly-fadeout"> <section className="bg-saburly relative">
<Service <Service
img={ImgDesign} img={ImgDesign}
title="User Experience Design" title="User Experience Design"
@@ -79,12 +79,13 @@ const IndexPage = ({ ...props }) => (
standard standard
text="More About What We Do" text="More About What We Do"
url="/services" url="/services"
classes="font-medium mb-8 lg:mb-24 rounded-full hover:shadow-md text-grey-darker hover:shadow" classes="font-medium rounded-full hover:shadow-md text-grey-darker hover:shadow"
/> />
</div> </div>
</section> </section>
<section className="container mx-auto max-w-lg text-center p-4 my-12"> <section className="bg-saburly-lighter text-center p-4 my-12">
<div className="my-8 container mx-auto max-w-lg">
<SectionIntro <SectionIntro
headline="Ambitious projects bring great responsibility" headline="Ambitious projects bring great responsibility"
text="By thinking big, designing smart and developing fast, we have helped organizations of various sizes bring life to ideas and existing products. We're now eager to hear what challenges you have for us" text="By thinking big, designing smart and developing fast, we have helped organizations of various sizes bring life to ideas and existing products. We're now eager to hear what challenges you have for us"
@@ -133,9 +134,10 @@ const IndexPage = ({ ...props }) => (
url="/contact" url="/contact"
classes="text-white font-medium shadow hover:shadow-md rounded-full mt-2 font-light bg-teal hover:bg-teal-dark" classes="text-white font-medium shadow hover:shadow-md rounded-full mt-2 font-light bg-teal hover:bg-teal-dark"
/> />
</div>
</section> </section>
<section className="text-center p-8 relative bg-saburly-lighter"> <section className="text-center p-8 relative">
<SectionIntro headline="Occasionally we have fun & publish" /> <SectionIntro headline="Occasionally we have fun & publish" />
<div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full"> <div className="container mx-auto w-full md:flex md:flex-wrap items-stretch w-full">
{props.data.allWordpressPost.edges.map(({ node }) => ( {props.data.allWordpressPost.edges.map(({ node }) => (