Social media changes and styling

This commit is contained in:
Moris Zen
2018-07-05 15:09:12 +02:00
parent 7388d27fe9
commit 7bafe821ad
2 changed files with 29 additions and 21 deletions

View File

@@ -19,32 +19,40 @@ const Footer = () => (
<img src={LogoSaburly} alt="Saburly Logo" className="w-full" />
<div className="flex justify-between social-icons py-2">
<div>
<img
src={Facebook}
alt="Facebook Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
<a href="https://facebook.com/saburly" target="_blank">
<img
src={Facebook}
alt="Facebook Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
</a>
</div>
<div>
<img
src={Instagram}
alt="Instagram Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
<a href="https://instagram.com/saburly" target="_blank">
<img
src={Instagram}
alt="Instagram Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
</a>
</div>
<div>
<img
src={Twitter}
alt="Twitter Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
<a href="https://twitter.com/saburly" target="_blank">
<img
src={Twitter}
alt="Twitter Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
</a>
</div>
<div>
<img
src={LinkedIn}
alt="LinkedIn Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
<a href="https://www.linkedin.com/company/saburly/" target="_blank">
<img
src={LinkedIn}
alt="LinkedIn Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
/>
</a>
</div>
</div>
<div>