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

Style changes

Browse Source
This commit is contained in:
Moris Zen
2018-07-10 11:47:58 +02:00
parent 09f7b48064
commit 666125499d
9 changed files with 23930 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Footer.js
View File

@@ -2,7 +2,7 @@ import React from 'react'
import Link from 'gatsby-link'
import Button from './Button'
import LogoSaburly from '../images/logo-saburly-colorful.svg'
import LogoSaburly from '../images/logo-saburly-white.svg'
import Facebook from '../images/facebook.svg'
import Instagram from '../images/instagram.svg'
@@ -10,20 +10,24 @@ import Twitter from '../images/twitter.svg'
import LinkedIn from '../images/linkedin.svg'
let menuClasses =
'no-underline mt-4 lg:inline-block opacity-100 lg:mt-0 text-white hover:opacity-100 uppercase mr-4'
'no-underline mt-4 lg:inline-block lg:mt-0 text-white hover:opacity-100 uppercase mr-4'
const Footer = () => (
<footer className="bg-indigo-darker">
<div className="container mx-auto py-10 lg:flex">
<div className="lg:w-1/4 p-4">
<img src={LogoSaburly} alt="Saburly Logo" className="w-full" />
<img
src={LogoSaburly}
alt="Saburly Logo"
className="w-full opacity-80"
/>
<div className="flex justify-between social-icons py-2">
<div>
<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"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>
@@ -32,7 +36,7 @@ const Footer = () => (
<img
src={Instagram}
alt="Instagram Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>
@@ -41,7 +45,7 @@ const Footer = () => (
<img
src={Twitter}
alt="Twitter Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>
@@ -50,7 +54,7 @@ const Footer = () => (
<img
src={LinkedIn}
alt="LinkedIn Social Media"
className="max-w-2.5 opacity-50 hover:opacity-100 w-full"
className="max-w-2.5 opacity-80 hover:opacity-100 w-full"
/>
</a>
</div>