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

Quickfixes styling

Browse Source
This commit is contained in:
Moris Zen
2018-09-05 00:59:50 +02:00
parent cdd5c84e08
commit 71e7ac4f88
3 changed files with 27 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/about.js
View File

@@ -33,19 +33,19 @@ const AboutPage = () => (
/>
</Fade>
<section className="container mx-auto my-12 p-4">
<section className="container mx-auto my-20 p-10">
<Fade>
<div className="md:flex justify-center items-center">
<div className="text-center lg:flex justify-center items-center">
<img
src={MeaningSaburly}
className="hidden lg:block max-h-xs"
className="max-h-xs"
alt="User Experience Design Agency"
/>
<div>
<p className="font-light text-grey-darkest text-center">
<p className="py-2 font-light text-grey-darkest text-center">
Saburly comes from an old Bosnian saying and is about
</p>
<h5 className="mt-2 text-center text-4xl italic font-light text-black">
<h5 className="text-center text-4xl italic font-light text-black">
"Achieving success through patience, strategic planning and
perseverance"
</h5>
@@ -54,7 +54,7 @@ const AboutPage = () => (
</Fade>
</section>
<section className="container mx-auto my-12 p-4">
<section className="container mx-auto my-20 p-4">
<Fade>
<SectionIntro
classes="max-w-lg mx-auto"
@@ -70,14 +70,14 @@ const AboutPage = () => (
<Card team teamMember={Moris} title="Moris Pasic" subtitle="CEO" />
</div>
<div className="md:w-1/3 p-2">
<Card team teamMember={Senad} title="Senad Uka" subtitle="CEO" />
<Card team teamMember={Senad} title="Senad Uka" subtitle="CTO" />
</div>
<div className="md:w-1/3 p-2">
<Card
team
teamMember={Edin}
title="Edin Dazdarevic"
subtitle="CEO"
subtitle="COO"
/>
</div>
<div className="md:w-1/3 p-2">
@@ -85,7 +85,7 @@ const AboutPage = () => (
team
teamMember={Mediha}
title="Edin Dazdarevic"
subtitle="CEO"
subtitle="Developer"
/>
</div>
<div className="md:w-1/3 p-2">
@@ -124,11 +124,11 @@ const AboutPage = () => (
<Card
team
teamMember={Mickey}
title="Edin Dazdarevic"
subtitle="CEO"
title="Miralem Halilovic"
subtitle="Developer"
/>
</div>
<div className="md:w-1/2 p-2">
<div className="md:w-1/3 p-2">
<Card
team
teamMember={Nedim}
@@ -136,12 +136,12 @@ const AboutPage = () => (
subtitle="CEO"
/>
</div>
<div className="md:w-1/2 p-2">
<div className="md:w-1/3 p-2">
<Card
team
teamMember={Emil}
title="Edin Dazdarevic"
subtitle="CEO"
title="Emil"
subtitle="Project Manager"
/>
</div>
</div>

8
src/pages/contact.js
View File

@@ -49,7 +49,7 @@ const ContactPage = () => (
<p className="text-black-light">
Phone:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
className="saburly-color hover:text-purple-light no-underline"
href="tel:+46760477717"
>
+46760477717
@@ -57,7 +57,7 @@ const ContactPage = () => (
<br />
E-mail:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
className="saburly-color hover:text-purple-light no-underline"
href="mailto:sweden@saburly.com"
>
sweden@saburly.com
@@ -92,7 +92,7 @@ const ContactPage = () => (
<p className="text-black-light">
Phone:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
className="saburly-color hover:text-purple-light no-underline"
href="tel:+38761909238"
>
+38761909238
@@ -100,7 +100,7 @@ const ContactPage = () => (
<br />
E-mail:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
className="saburly-color hover:text-purple-light no-underline"
href="mailto:bosnia@saburly.com"
>
bosnia@saburly.com

16
src/pages/services.js
View File

@@ -38,7 +38,7 @@ const ServicesPage = () => (
<SectionIntro
h2Classes="text-4xl md:text-5xl saburly-color font-medium"
classes="max-w-lg"
classes="my-20 max-w-lg"
headline="Design services"
text="We offer consistent quality design that extends to every section of the application development. Our approach is simple: focus on how users might use the product
in the best way possible. The solutions are usually shaped
@@ -52,7 +52,7 @@ const ServicesPage = () => (
alt="User Experience Design Agency"
/>
<div className="my-4">
<div className="my-6">
<h3 className="font-light my-1 text-3xl font-light">
Conceptualization & Branding
</h3>
@@ -64,7 +64,7 @@ const ServicesPage = () => (
for the design.
</p>
</div>
<div className="my-4">
<div className="my-6">
<h3 className="text-black font-light my-1 text-3xl font-light">
UX & UI Design
</h3>
@@ -84,7 +84,7 @@ const ServicesPage = () => (
</Fade>
</section>
<section className="bg-saburly relative bg-saburly-lighter px-4 py-16">
<section className="bg-saburly relative bg-saburly-lighter px-4 p-16 ">
<div className="container mx-auto">
<Fade>
<div className="lg:flex">
@@ -99,7 +99,7 @@ const ServicesPage = () => (
className="lg:hidden w-full mx-auto text-center content-center align-center p-8"
alt="Fullstack Web Development Agency"
/>
<div className="my-4">
<div className="my-6">
<h3 className="my-1 text-black font-light text-3xl">
Web development
</h3>
@@ -109,7 +109,7 @@ const ServicesPage = () => (
are up to speed with cutting edge trends.
</p>
</div>
<div className="my-4">
<div className="my-6">
<h3 className="my-1 text-black font-light text-3xl">
Mobile & desktop apps
</h3>
@@ -120,7 +120,7 @@ const ServicesPage = () => (
like React Native and Electron to build cross-platform apps.
</p>
</div>
<div className="my-4">
<div className="my-6">
<h3 className="my-1 text-black text-3xl font-light">DevOps</h3>
<p className="font-light leading-normal text-black-light text-lg">
Our DevOps experience comes from working with leading hosting
@@ -140,7 +140,7 @@ const ServicesPage = () => (
</Fade>
<Fade>
<div className="p-8 my-4 bg-white border-bottom-saburly">
<h3 className="my-1 text-black text-3xl">Emerging Technologies</h3>
<h3 className="my-4 text-black text-3xl">Emerging Technologies</h3>
<p className="font-light leading-normal text-black-light text-lg">
We harness a wide array of emerging technologies, such as{' '}
<strong>AR/VR</strong>, <strong>AI technologies</strong>,{' '}