Untitled

<!DOCTYPE html>
<html lang="en">
<head>

  <!-- Basic Page Needs
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>Home | Williamchen</title>
  <meta name="description" content="Home Page for williamchen">
  <meta name="author" content="William Chen">

  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- FONT
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <link rel="stylesheet" href="css/stylesheet.css">
    <!--font stylesheet(above)

     <!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="stylesheet" href="Skeleton/Skeleton-2.0.4/css/normalize.css">
  <link rel="stylesheet" href="Skeleton/Skeleton-2.0.4/css/skeleton.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/fonts/font-awesome-4.7.0/css/font-awesome.min.css">


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

</head>
<body>

    <header class="main_nav blue">
        <div class="container">
            <div class="twelve columns">
                <h1>Home</h1>
            </div>
        </div>
    </header>

    <div class="container main">
        <div class="row ">
            <div class="four columns offset-by-four">
                <img src="Pictures/Images/CookieMonsterTie.png" height="244" width="244">

            </div>
        </div>

        <div class="row text white">
              <div class="four columns offset-by-four">
                  <h2>William Chen</h2>
            </div>
        </div>

        <div class="row text white">
            <div class="ten columns offset-by-one">
                <h3>self-proclaimed web developer&nbsp;&nbsp;&nbsp;&nbsp;| &nbsp;&nbsp;&nbsp;&nbsp;self-proclaimed graphic designer&nbsp;&nbsp;&nbsp;&nbsp; |&nbsp;&nbsp;&nbsp;&nbsp; game noobie</h3>
            </div>
        </div>

    <footer class="blue">
        <div class="container ">
            <div class="row twelve columns"></div>
                 <ul class="social">
                     <li class="dribble"><a href="#"><i class="fa fa-dribbble fa-3x"></i></a></li>
                     <li class="twitter"><a href="#"><i class="fa fa-twitter fa-3x"></i></a></li>
                     <li class="behance"><a href="#"><i class="fa fa-behance fa-3x"></i></a></li>
                     <li class="googleplus"><a href="#"><i class="fa fa-google-plus fa-3x"></i></a></li>
                     <li class="skype"><a href="#"><i class="fa fa-skype fa-3x"></i></a></li>
                 </ul>
            <div class="row twelve columns offset-by-three">
                <p class="copyright">Copyright &copy; 2017 William Chen. All Rights Reserved.</p>
            </div>
        </div>
    </footer>
    </div><!--Container-->


<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>