text: import React from 'react'
  import { Link } from 'gatsby'
  
  import logo from '../img/logo.svg'
  import facebook from '../img/social/facebook.svg'
  import instagram from '../img/social/instagram.svg'
  import twitter from '../img/social/twitter.svg'
  import vimeo from '../img/social/vimeo.svg'
  
  const Footer = class extends React.Component {
    render() {
      return (
        <footer className="footer has-text-white-ter">
          <div className="content has-text-centered has-text-white-ter">
            <div className="container has-text-white-ter">
              <div className="columns">
                <div className="column is-4">
                </div>
                <div className="column is-4">
                </div>
                <div className="column is-4 social">
                  <a title="facebook" href="https://facebook.com">
                    <img
                      src={facebook}
                      alt="Facebook"
                      style={{ width: '1em', height: '1em' }}
                    />
                  </a>
                  <a title="instagram" href="https://instagram.com">
                    <img
                      src={instagram}
                      alt="Instagram"
                      style={{ width: '1em', height: '1em' }}
                    />
                  </a>
                </div>
              </div>
            </div>
          </div>
        </footer>
      )
    }
  }
  
  export default Footer
  