|
|
| (85 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | <html>
| + | #REDIRECT [[Calendar]] |
| − | | + | |
| − | <!-- Shamelessly stolen from http://codepen.io/christian-fei/pen/BJily -->
| + | |
| − | | + | |
| − | <link rel="stylesheet" type="text/css" href="https://2016.igem.org/HQ:CSS/Timeline?action=raw&ctype=text/css">
| + | |
| − | | + | |
| − | <!-- Each event is wrapper inside an anchor with the class 'event' -->
| + | |
| − | <!-- The i-tag inside the anchor creates the little arrow beside an event (see v1.0) -->
| + | |
| − | | + | |
| − | | + | |
| − | <h1 class='padd'>v2.0</h1>
| + | |
| − | <ul class='timeline'>
| + | |
| − | <li class="year first">2013</li>
| + | |
| − | <li class='event offset-first'>
| + | |
| − | Something amazing happened today, but it's a secret
| + | |
| − | </li>
| + | |
| − | <li class='event' href="#">
| + | |
| − | Timeline.css is <b>dynamic</b>, <b>responsive</b> and optimized to <b>demonstrate events</b> in your life in a <b>simple and clear</b> way
| + | |
| − | </li>
| + | |
| − | <li class="event">
| + | |
| − | <a href="http://christian-fei.com" title="christian fei">
| + | |
| − | made with <3 by <img src="https://s3-eu-west-1.amazonaws.com/cf.img/var/face.svg" alt="christian fei"/>
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li class="event">
| + | |
| − | <a href="http://codepen.io/christian-fei/pen/BJily">
| + | |
| − | Open source project on codepen.io
| + | |
| − | <img src="http://davidwalsh.name/demo/codepenLogo.png" alt=""/>
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li class='event'>
| + | |
| − | Look, a sleepy kitten: <br/>
| + | |
| − | <img 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'>©</a>
| + | |
| − | </li>
| + | |
| − | <li class="year">2012</li>
| + | |
| − | <li class="event offset-first">
| + | |
| − | <p>To infinity ... </p>
| + | |
| − | <img class='centered' 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'>©</a>
| + | |
| − | </li>
| + | |
| − | <li class="event">
| + | |
| − | <p>... and beyond!</p>
| + | |
| − | <img class='centered' 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'>©</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | </html>
| + | |
