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

Style for services page and text changes

Browse Source
This commit is contained in:
Moris Zen
2018-07-09 17:14:42 +02:00
parent 4583f65538
commit e147553ed6
4 changed files with 54 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/WorkStyle.js
View File

@@ -10,10 +10,10 @@ import UXResearch from '../images/ux-research.svg'
import UnitIntegration from '../images/unit-and-integration-testing.svg'
const WorkStyle = ({ ...props }) => (
<section className="container rounded overflow-hidden shadow-md hover:shadow-lg mx-auto text-center my-12 p-4 bg-white">
<div className="mx-auto py-6 text-center border-grey-lighter">
<div className="flex flex-wrap pt-6 text-grey-darker">
<div className="w-full md:w-1/2 p-6 md:border-r-2 border-grey-lighter">
<section className="container rounded overflow-hidden shadow-md mx-auto text-center my-4 bg-white">
<div className="mx-auto text-center border-grey-lighter">
<div className="flex flex-wrap text-grey-darker">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={HQCode} alt="High Quality Code" />
<h3 className="text-xl my-2">High Quality Code</h3>
<p className="leading-normal">
@@ -23,7 +23,7 @@ const WorkStyle = ({ ...props }) => (
strive for.
</p>
</div>
<div className="w-full md:w-1/2 p-4">
<div className="w-full md:w-1/2 p-8">
<img src={ContDelivery} alt="High Quality Code" />
<h3 className="text-xl my-2">Continuous delivery</h3>
<p className="leading-normal">
@@ -35,7 +35,7 @@ const WorkStyle = ({ ...props }) => (
</div>
</div>
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-grey-darker text-grey-darker">
<div className="w-full md:w-1/2 p-4 md:border-r-2 border-grey-lighter">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={ModernDevops} alt="High Quality Code" />
<h3 className="text-xl my-2">Modern DevOps</h3>
<p className="leading-normal">
@@ -46,7 +46,7 @@ const WorkStyle = ({ ...props }) => (
deploying code with a high confidence level
</p>
</div>
<div className="w-full md:w-1/2 p-4">
<div className="w-full md:w-1/2 p-8">
<img src={CodeReviews} alt="High Quality Code" />
<h3 className="text-xl my-2">Code Reviews</h3>
<p className="leading-normal">
@@ -58,7 +58,7 @@ const WorkStyle = ({ ...props }) => (
</div>
</div>
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-grey-darker text-grey-darker">
<div className="w-full md:w-1/2 p-4 md:border-r-2 border-grey-lighter">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={UXResearch} alt="High Quality Code" />
<h3 className="text-xl my-2">UX testing/research</h3>
<p className="leading-normal">
@@ -69,7 +69,7 @@ const WorkStyle = ({ ...props }) => (
your site or application.
</p>
</div>
<div className="w-full md:w-1/2 p-4">
<div className="w-full md:w-1/2 p-8">
<img src={UnitIntegration} alt="High Quality Code" />
<h3 className="text-xl my-2">Unit & Integration testing</h3>
<p className="leading-normal">