Partner logos, styling

This commit is contained in:
Moris Zen
2018-08-30 12:17:36 +02:00
parent 37b7466cad
commit c615c03318
8 changed files with 88 additions and 40 deletions

View File

@@ -20,10 +20,10 @@ const Footer = () => (
className="p-2 items-center text-white leading-none lg:rounded-full flex lg:inline-flex"
role="alert"
>
<span className="flex rounded-full bg-indigo uppercase px-2 py-1 text-xs font-bold mr-3">
<span className="flex bg-teal hover:bg-teal-dark saburly-transition rounded-full uppercase px-3 py-1 text-xs font-bold mr-3">
Let's Connect
</span>
<span className="font-normal mr-2 text-left flex-auto">
<span className="font-normal mr-2 hover:opacity-80 saburly-transition text-left flex-auto">
Tell us about your project and get a free proposal
</span>
<svg
@@ -49,7 +49,7 @@ const Footer = () => (
<img
src={Facebook}
alt="Facebook Social Media"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>
@@ -58,7 +58,7 @@ const Footer = () => (
<img
src={Instagram}
alt="Instagram Social Media"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>
@@ -67,7 +67,7 @@ const Footer = () => (
<img
src={Twitter}
alt="Twitter Social Media"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>
@@ -76,7 +76,7 @@ const Footer = () => (
<img
src={LinkedIn}
alt="LinkedIn Social Media"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
className="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>