pranayaryal
4/12/2015 - 6:12 AM

gistfile1.txt

DOCTYPE html>
<html>
  <head>
    <title>Pranay Aryal/Web Developer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/application.css">
    <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  </head>
  <body>
    <div class="grid_">
      <header class="grid__col--12 panel--padded--centered" role="banner"> 
        <h1>Pranay Aryal</h1>
        <h2>Front-end Web Developer</h2>
        <nav class="navbar" role="navigation">
          <span id="toggle" class="icn--nav-toggle is-displayed-mobile">
            <b class="srt">Toggle</b>
          </span>
          <ul class="nav is-collapsed-mobile">
            <li class="nav__item--current"><a href="#">Portfolio</a></li>
            <li class="nav__item"><a href="about.html">About</a></li>
            <li class="nav__item"><a href="contact.html">Contact</a></li>
          </ul>
        </nav>     
      </header> 
    </div>
   
    
    <h4 class="grid">My work</h4>
    
    <div class="grid">
        <div class="grid__col--4">
          <a href="http://pranayaryal.github.io/drawing" target="_blank">
            <img class="img--wrap" src="img/pic.png" alt="Avatar">
            <p class="para">A Simple Sketching App (jquery)</p>
          </a>
        </div>
        <div class="grid__col--4">
          <a href="http://pranayaryal.github.io/datavis" target="_blank">
            <img class="img--wrap" src="img/hospitalCharge.png" alt="sample image">
            <p class="para">Hospital Charge Data(Interactive Visualization)(using d3.js)</p>
          </a>
        </div>
        <div class="grid__col--4">
          <a href="http://pranayaryal.github.io" target="_blank">
            <img class="img--wrap" src="img/mortd3.png" alt="sample image">
            <p class="para">Interactive Visualization using d3.js library</p>
          </a>
        </div>
      </div>
      <div class="grid">
        <div class="grid__col--4">
          <a href="https://rpubs.com/probability/kentuckyuti" target="_blank">
            <img class="img--wrap" src="img/rpubs.png" alt="sample image">
            <p class="para">Table built using data-analysis with RStudio(data.gov) </p>
          </a>
        </div>
        <div class="grid__col--4">
          <a href="http://pranayaryal.github.io/skills" target="_blank">
            <img class="img--wrap" src="img/sunburst.png" alt="sample image">
            <p class="para">Sunburst Data Visualization using d3.js</p>
          </a>
        </div>
        <div class="grid__col--4">
          <a href="http://pranayaryal.github.io/piechart" target="_blank">
            <img class="img--wrap" src="img/piechart.png" alt="sample image">
            <p class