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

Design tweaks, font changes and coloring

Browse Source
This commit is contained in:
Moris Zen
2018-08-23 17:14:43 +02:00
parent 2df21e68ea
commit 5cefa3e8d0
12 changed files with 153 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
src/pages/contact.js
View File

@@ -25,34 +25,38 @@ const ContactPage = () => (
<div className="rounded overflow-hidden shadow">
<img className="w-full" src={Sarajevo} alt="Sarajevo City" />
<div className="px-6 py-4">
<div className="font-normal text-xl mb-2">
Saburly Office in Sarajevo
<div className="uppercase font-medium text-xl mb-6">
office in Sarajevo
</div>
<div className="md:flex text-left justify-around text-grey-darker text-base">
<div className="md:flex text-left justify-around text-base">
<div>
<h4>Adress</h4>
Saburly d.o.o <br />
Hakije Turajlica 2 <br />
71 000 Sarajevo <br />
Bosnia & Herzegovina <br />
<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>Contact</h4>
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>{' '}
<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>
@@ -62,34 +66,38 @@ const ContactPage = () => (
<div className="rounded overflow-hidden shadow">
<img className="w-full" src={Stockholm} alt="Stockholm City" />
<div className="px-6 py-4">
<div className="font-normal text-xl mb-2">
Saburly Office in Stockholm
<div className="uppercase font-medium text-xl mb-6">
office in Stockholm
</div>
<div className="md:flex text-left justify-around text-grey-darker text-base">
<div className="md:flex text-left justify-around text-black text-base">
<div>
<h4>Adress</h4>
Saburly AB <br />
Vretenvägen 13 <br />
171 54 Solna <br />
Sweden <br />
<h4 className="text-black">Adress</h4>
<p className="text-black-light">
Saburly AB <br />
Vretenvägen 13 <br />
171 54 Solna <br />
Sweden <br />
</p>
</div>
<div>
<h4>Contact</h4>
Phone:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
href="tel:+46760477717"
>
+46760477717
</a>
<br />
E-mail:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
href="mailto:sweden@saburly.com"
>
sweden@saburly.com
</a>{' '}
<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:+46760477717"
>
+46760477717
</a>
<br />
E-mail:{' '}
<a
className="text-purple-dark hover:text-purple-light no-underline"
href="mailto:sweden@saburly.com"
>
sweden@saburly.com
</a>{' '}
</p>
</div>
</div>
</div>