index.html

<!doctype html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Adrian Smith</title>

    <!-- Link to CSS -->
    <link rel="stylesheet" href="styles/main.css">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet">
    
    <!-- Disable tap highlight on IE -->
    <meta name="msapplication-tap-highlight" content="no">

    <!-- Web Application Manifest -->
    <link rel="manifest" href="manifest.json">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="application-name" content="Web Starter Kit">
    <link rel="icon" sizes="192x192" href="images/touch/chrome-touch-icon-192x192.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Web Starter Kit">
    <link rel="apple-touch-icon" href="images/touch/apple-touch-icon.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#2F3BA2">

    <!-- Color the status bar on mobile devices -->
    <meta name="theme-color" content="#2F3BA2">

    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">

    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
    <!--
    <link rel="canonical" href="http://www.example.com/">
    -->
  </head>


  <body>
    <!-- Add your site or app content here -->
    <main role="main" id="index">     
      <section id="welcome" class="container">
        <header>
          <h1>Adrian Smith</h1>
        </header>
        <div class="hover-animation">
          <p>I like to swim, design websites, and learn about computer science.</p>
          <p>I am 17 years old and I am a junior at Roy C. Ketcham High School.</p>
          <p>You can find me on <a href="https://www.instagram.com/adrian_sm1th/" target="_blank">Instagram</a> and <a href="https://github.com/ASmithStudent" target="_blank">GitHub</a>.</p>
        </div>
      </section>
      
      <section id="projects" class="container">
        <header>
          <h2>Here are some of the projects I've completed:</h2>
        </header>

        <!-- Donna Marie's Website -->
        <div class="donnaMarieBooks">
          <p class="hover-animation"><a target="_blank" href="http://donnamariebooks.com">Donna Marie Merritt</a></p>
          <a href="http://donnamariebooks.com" target="_blank"><img src="images/donnabooksScreenshot.png" width="75%" height="50%"></a>
        </div>

        <!-- Charles R. Smith Jr. Website -->
        <div class="charlessmithj">
          <p class="hover-animation"><a target="_blank" href="http://charlesrsmithjr.com">Charles R. Smith Jr.</a></p>
            <a href="http://charlesrsmithjr.com" target="_blank"><img src="images/charlesrsmithjr.png" width="75%" height="50%"></a>
        </div>
      </section>
    </main>

    <footer class="hover-animation">
        <p>Want to work with me to make your website?<a href="mailto:agesmith52@gmail.com"> Contact me.</a></p>
    </footer>

    <!-- build:js scripts/main.min.js -->
    <script src="scripts/main.js"></script>
    <!-- endbuild -->

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-XXXXX-X', 'auto');
      ga('send', 'pageview');
    </script>
    <!-- Built with love using Web Starter Kit -->
  </body>
</html>