import React from 'react';

import {
  Footer as BFooter,
  Container,
  Columns,
  Column,
  Title,
  Content,
} from 'bloomer';

function Footer() {
  return (
    <BFooter>
      <Container>
        <Columns>
          <Column isSize="1/2">
            <Title isSize="6">&copy; ecomChicago 2018</Title>
            <Columns>
              <Column isSize="1/2">
                <ul className="is-size-6">
                  <li>
                    <a href="/#about">About</a>
                  </li>
                  <li>
                    <a href="/#speakers">Speakers</a>
                  </li>
                  <li>
                    <a href="/#sponsors">Sponsors</a>
                  </li>
                  <li>
                    <a href="/contact">Contact</a>
                  </li>
                </ul>
              </Column>
              <Column isSize="1/2">
                <ul className="is-size-6">
                  <li>
                    <a href="http://2016.ecomchicago.com">ecomChicago 2016</a>
                  </li>
                  <li>
                    <a href="http://2017.ecomchicago.com">ecomChicago 2017</a>
                  </li>
                </ul>
              </Column>
            </Columns>
          </Column>
          <Column isSize="1/2" className="has-text-right-tablet">
            <Title isSize="6">Attributions</Title>
            <Content isSize="small">
              Podium icon by arejoenah from the Noun Project
            </Content>
          </Column>
        </Columns>
      </Container>
    </BFooter>
  );
}

Footer.defaultProps = {};

Footer.propTypes = {};

export default Footer;

@@ -712,32 +712,128 @@
            %3Cli%3E%0A
+                    %3Ca href=%22/travel%22%3ETravel%3C/a%3E%0A                  %3C/li%3E%0A                  %3Cli%3E%0A
                 

Add travel link to footer