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

Adding about us page styling and images

Browse Source
This commit is contained in:
Moris Zen
2018-08-23 22:00:23 +02:00
parent 96b6375740
commit 29b668b2e1
11 changed files with 152 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/pages/contact.js
View File

@@ -11,57 +11,15 @@ import FormImage from '../images/contact-web-consultancy.svg'
const ContactPage = () => (
<div>
<PageIntro
intro="Contact"
headline="Where to find us"
text="We are always on a lookout for exciting challenges and new contacts. If you want to start something great or just find out more about what we do, send us a message. Reinventing your presence in the connected world is just a few characters away"
headline="Let's discover possibilities"
text="We are always on a lookout for exciting challenges. Feel free to contact us if you want to start something great or just find out more about what we do"
sectionClasses="lg:mb-8"
image={ContactImage}
imgClasses="-mb-20 lg:-mt-12"
imgClasses="-mb-20 lg:-mt-12 tilted md:p-10"
/>
<section className="container mx-auto my-12 p-4">
<div className="md:flex">
<div className="p-2 text-center">
<div className="rounded overflow-hidden shadow">
<img className="w-full" src={Sarajevo} alt="Sarajevo City" />
<div className="px-6 py-4">
<div className="uppercase font-medium text-xl mb-6">
office in Sarajevo
</div>
<div className="md:flex text-left justify-around text-base">
<div>
<h4 className="text-black">Adress</h4>
<p className="text-black-light">
Saburly d.o.o <br />
Hakije Turajlica 2 <br />
71 000 Sarajevo <br />
Bosnia & Herzegovina <br />
</p>
</div>
<div>
<h4 className="text-black">Contact</h4>
<p className="text-black-light">
Phone:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
href="tel:+38761909238"
>
+38761909238
</a>{' '}
<br />
E-mail:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
href="mailto:bosnia@saburly.com"
>
bosnia@saburly.com
</a>{' '}
</p>
</div>
</div>
</div>
</div>
</div>
<div className="p-2 text-center">
<div className="rounded overflow-hidden shadow">
<img className="w-full" src={Stockholm} alt="Stockholm City" />
@@ -103,6 +61,47 @@ const ContactPage = () => (
</div>
</div>
</div>
<div className="p-2 text-center">
<div className="rounded overflow-hidden shadow">
<img className="w-full" src={Sarajevo} alt="Sarajevo City" />
<div className="px-6 py-4">
<div className="uppercase font-medium text-xl mb-6">
office in Sarajevo
</div>
<div className="md:flex text-left justify-around text-base">
<div>
<h4 className="text-black">Adress</h4>
<p className="text-black-light">
Saburly d.o.o <br />
Hakije Turajlica 2 <br />
71 000 Sarajevo <br />
Bosnia & Herzegovina <br />
</p>
</div>
<div>
<h4 className="text-black">Contact</h4>
<p className="text-black-light">
Phone:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
href="tel:+38761909238"
>
+38761909238
</a>{' '}
<br />
E-mail:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
href="mailto:bosnia@saburly.com"
>
bosnia@saburly.com
</a>{' '}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>