index.html

<!DOCTYPE html>
<head>
  <meta charset="utf-8" />
  <title>Anthony Barone | Software Engineer</title>
  <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  <link
    href="./lib/normalize.css/normalize.css"
    media="all"
    rel="stylesheet"
    type="text/css"
  />
  <link
    href="./webfonts/ss-social-regular.css"
    media="all"
    rel="stylesheet"
    type="text/css"
  />
  <link
    href="./css/dist/home.css"
    media="all"
    rel="stylesheet"
    type="text/css"
  />
  <link
    href="https://fonts.googleapis.com/css?family=Raleway:200,400"
    rel="stylesheet"
    type="text/css"
  />
  <script
    async
    src="https://www.googletagmanager.com/gtag/js?id=G-NDC3P17TT5"
  ></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag("js", new Date());
    gtag("config", "G-NDC3P17TT5");
  </script>
</head>
<body>
  <header class="header">
    <div class="wrapper clearfix">
      <div class="hero-img">
        <img class="img-circle" src="./img/profile.jpg" />
      </div>
      <div class="hero-text">
        <h1 class="name">Anthony Barone</h1>
        <p class="bio">
          I enjoy writing software that is both elegant and impactful. Enjoys an
          active team environment. Music lover, musician.
        </p>
        <ul class="social-links unstyled">
          <li>
            <a href="https://github.com/tonybaroneee" title="GitHub"
              ><i class="ss-icon">octocat</i></a
            >
          </li>
          <li>
            <a href="https://www.linkedin.com/in/tonybaroneee" title="LinkedIn"
              ><i class="ss-icon" style="position: relative; top: -1px"
                >linkedin</i
              ></a
            >
          </li>
          <li>
            <a href="https://twitter.com/tonybaroneee" title="Twitter"
              ><i class="ss-icon">twitter</i></a
            >
          </li>
        </ul>
      </div>
    </div>
    <div class="notch"></div>
  </header>

  <section class="work light">
    <h2 class="section-header">Places I've Worked</h2>
    <div class="wrapper clearfix">
      <ul class="tiles unstyled">
        <li class="tile google">
          <a href="https://firebase.com/">
            <img src="./img/badge-google.png" />
            <div class="name">Google</div>
          </a>
        </li>
        <li class="tile">
          <a href="https://twitter.com/">
            <img src="./img/badge-twitter.png" />
            <div class="name">Twitter</div>
          </a>
        </li>
        <li class="tile">
          <a href="http://www.dealer.com/">
            <img src="./img/badge-ddc.png" />
            <div class="name">Dealer.com</div>
          </a>
        </li>
      </ul>
    </div>
    <div class="notch"></div>
  </section>

  <footer class="clearfix">
    <a target="_blank" href="./doc/anthony_barone_resume.pdf"
      >Download resume (.pdf)</a
    >
  </footer>
</body>