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

8
src/pages/contact.js
View File

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

16
src/pages/services.js
View File

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