andeemarks/xxtechconfspeakers-gatsby

import React from 'react'

const Footer = () => (
  <footer className="mdl-mini-footer" style={{ backgroundColor: '#000000' }}>
    <div className="mdl-mini-footer__right-section">
      <ul className="mdl-mini-footer__link-list">
        <li
          className="mdl-mini-footer--social-btn"
          style={{ backgroundColor: 'transparent' }}
        >
          <a
            href="https://github.com/andeemarks/xxtechconfspeakers-gatsby"
            role="button"
            title="GitHub"
          >
            <svg width="36" height="36" viewBox="0 0 24 24">
              <path
                fill="#fff"
                d="M12,2A10,10 0 0,0 2,12C2,16.42 4.87,20.17 8.84,21.5C9.34,21.58
                    9.5,21.27 9.5,21C9.5,20.77 9.5,20.14 9.5,19.31C6.73,19.91 6.14,17.97 6.14,
                    17.97C5.68,16.81 5.03,16.5 5.03,16.5C4.12,15.88 5.1,15.9 5.1,15.9C6.1,15.97 6.63,
                    16.93 6.63,16.93C7.5,18.45 8.97,18 9.54,17.76C9.63,17.11 9.89,16.67 10.17,
                    16.42C7.95,16.17 5.62,15.31 5.62,11.5C5.62,10.39 6,9.5 6.65,8.79C6.55,8.54 6.2,
                    7.5 6.75,6.15C6.75,6.15 7.59,5.88 9.5,7.17C10.29,6.95 11.15,6.84 12,6.84C12.85,
                    6.84 13.71,6.95 14.5,7.17C16.41,5.88 17.25,6.15 17.25,6.15C17.8,7.5 17.45,8.54
                    17.35,8.79C18,9.5 18.38,10.39 18.38,11.5C18.38,15.32 16.04,16.16 13.81,
                    16.41C14.17,16.72 14.5,17.33 14.5,18.26C14.5,19.6 14.5,20.68 14.5,21C14.5,21.27
                    14.66,21.59 15.17,21.5C19.14,20.16 22,16.42 22,12A10,10 0 0,0 12,2Z"
              />
            </svg>
          </a>
        </li>
        <li style={{ backgroundColor: 'transparent' }}>
          <a
            href="https://twitter.com/XXatTechConfs"
            role="button"
            title="Twitter"
          >
            <svg width="36" height="36" viewBox="0 0 24 24">
              <path
                fill="#fff"
                d="M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26
                    17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,
                    7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38
                    6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69
                    8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76
                    7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95
                    17.71,9.33M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1
                    12,2Z"
              />
            </svg>
          </a>
        </li>
      </ul>
    </div>
  </footer>
)

export default Footer