Add functionality for dynamic header movement, design tweaks

This commit is contained in:
Moris Zen
2018-08-30 09:57:48 +02:00
parent 10e200fbd6
commit 7b76680ec4
14 changed files with 258 additions and 144 deletions

View File

@@ -15,7 +15,7 @@ const WorkStyle = ({ ...props }) => (
<div className="mx-auto text-center border-grey-lighter">
<div className="flex flex-wrap text-black">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={HQCode} className="max-w-xs" alt="High Quality Code" />
<img src={HQCode} className="max-w-10" alt="High Quality Code" />
<h3 className="text-xl my-2">High Quality Code</h3>
<p className="leading-normal font-light text-lg">
We have deep understanding of software engineering & computer
@@ -27,7 +27,7 @@ const WorkStyle = ({ ...props }) => (
<div className="w-full md:w-1/2 p-8">
<img
src={ContDelivery}
className="max-w-xs"
className="max-w-10"
alt="High Quality Code"
/>
<h3 className="text-xl my-2">Continuous delivery</h3>
@@ -43,7 +43,7 @@ const WorkStyle = ({ ...props }) => (
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img
src={ModernDevops}
className="max-w-xs"
className="max-w-10"
alt="High Quality Code"
/>
<h3 className="text-xl my-2">Modern DevOps</h3>
@@ -56,7 +56,7 @@ const WorkStyle = ({ ...props }) => (
</p>
</div>
<div className="w-full md:w-1/2 p-8">
<img src={CodeReviews} className="max-w-xs" alt="High Quality Code" />
<img src={CodeReviews} className="max-w-10" alt="High Quality Code" />
<h3 className="text-xl my-2">Code Reviews</h3>
<p className="leading-normal font-light text-lg">
Two Heads are Better Than One. Code reviews are integrated part of
@@ -68,7 +68,7 @@ const WorkStyle = ({ ...props }) => (
</div>
<div className="flex flex-wrap md:border-t-2 border-grey-lighter text-black">
<div className="w-full md:w-1/2 p-8 md:border-r-2 border-grey-lighter">
<img src={UXResearch} className="max-w-xs" alt="High Quality Code" />
<img src={UXResearch} className="max-w-10" alt="High Quality Code" />
<h3 className="text-xl my-2">UX testing/research</h3>
<p className="leading-normal font-light text-lg">
We know it takes more than just an user video or a survey to
@@ -81,7 +81,7 @@ const WorkStyle = ({ ...props }) => (
<div className="w-full md:w-1/2 p-8">
<img
src={UnitIntegration}
className="max-w-xs"
className="max-w-10"
alt="High Quality Code"
/>
<h3 className="text-xl my-2">Unit & Integration testing</h3>