Sign upLogin

roachhd/roachhd.github.io

View on GitHub
Star
about/timeline/index.html

Summary

Maintainability
Test Coverage
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Memorable Moments</title>
  <link rel="stylesheet" href="http://roachhd.github.io/time/css/timeline.css">
</head>
<body>
  <ul class='timeline'>

<!-- *********************** YEAR 2015 *************************-->
    <li class="year">2015</li>
    <li class='event offset-first'>
      Something amazing going to happen this year, but it's a secret!
    </li>

<!-- *********************** YEAR 2014 *************************-->
  <li class="year">2014</li>
    <li class='event' href="#">
      Released 3 games, <b>Lil' Mads</b>, <b>Goldblade</b> and to <b>Panda Love</b> on multiple platforms including <b>iOS</b>.
    </li>

<!-- *********************** YEAR 2008 *************************-->
    <li class="year">2008</li>
    <li class="event">
        Locky was also made with &lt;3 by <img class='no-box centered' src="http://ih2.redbubble.net/image.10311838.0354/flat,550x550,075,f.jpg" alt="Katie">
    </li>
    <li class="event"><img class='no-box centered' src="http://davidwalsh.name/demo/codepenLogo.png" alt="">
    </li>


<!-- *********************** YEAR 2006 *************************-->
    <li class="year">2006</li>  
    <li class='event'>
      A Little Ray of Sunshine. <br/>
      <img class='no-box' src="http://ih2.redbubble.net/image.10311838.0354/flat,550x550,075,f.jpg"/>
    </li>


    <li class="year">2012</li>
  <li class="event offset-first">
    <p>To infinity  ... </p>
    <img class='centered no-box' src="http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg" alt="">
    <a href='http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg'>&copy;</a>
  </li>


  <li class="event">
    <p>... and beyond!</p>
    <img class='centered no-box' src="http://brandstyle.com.br/wp-content/uploads/2012/05/Woody-7.jpg" alt="">
    <a href='http://brandstyle.com.br/wp-content/uploads/2012/05/Woody-7.jpg'>&copy;</a>
  </li> 


    <li class="event">
      <a href="http://katieball.me" title="Katie">
        made with &lt;3 by <img class='no-box centered' src="https://igcdn-photos-f-a.akamaihd.net/hphotos-ak-xap1/925605_819963934704981_761675666_a.jpg" alt="Katie">
      </a>
    </li>


    <li class="event">
      <a href="http://codepen.io/christian-fei/pen/BJily">
        Open source project on codepen.io
        <img class='no-box centered' src="http://davidwalsh.name/demo/codepenLogo.png" alt="">
      </a>
    </li>
    <li class='event'>
      Look, a sleepy kitten: <br/>
      <img class='no-box' src="http://ih2.redbubble.net/image.10311838.0354/flat,550x550,075,f.jpg"/>
      <a href='http://ih2.redbubble.net/image.10311838.0354/flat,550x550,075,f.jpg'>&copy;</a>
    </li>
    <li class="year">2012</li>
  <li class="event offset-first">
    <p>To infinity  ... </p>
    <img class='centered no-box' src="http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg" alt="">
    <a href='http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg'>&copy;</a>
  </li>
  <li class="event">
    <p>... and beyond!</p>
    <img class='centered no-box' src="http://brandstyle.com.br/wp-content/uploads/2012/05/Woody-7.jpg" alt="">
    <a href='http://brandstyle.com.br/wp-content/uploads/2012/05/Woody-7.jpg'>&copy;</a>
  </li> 


  <li class="year">1978</li>
  <li class="event offset-first">
    <p>An awesome year ... </p>
    <img class='centered no-box' src="http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg" alt="">
    <a href='http://upload.wikimedia.org/wikipedia/en/7/75/Buzz-lightyear-toy-story-3-wallpaper.jpg'>&copy;</a>
  </li>
  
</ul>
</body>
</html>