|
|
| Line 1: |
Line 1: |
| | | | |
| − |
| |
| − | <html>
| |
| − |
| |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
| |
| − | <title>Our notebook</title>
| |
| − | <meta name="keywords" content="" />
| |
| − | <meta name="description" content="" />
| |
| − | <link href="http://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet" />
| |
| − |
| |
| − | <link type="text/css" href="https://2016.igem.org/Team:Hong_Kong_HKU/CSS/default?action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <link type="text/css" href="https://2016.igem.org/Team:Hong_Kong_HKU/CSS/font?action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − | <div id="header-wrapper">
| |
| − | <div id="header" class="container">
| |
| − | <div id="logo">
| |
| − | <h1><a href="#">StoneWork</a></h1>
| |
| − | </div>
| |
| − | <div id="menu">
| |
| − | <ul>
| |
| − | <li class="active"><a href="#" accesskey="1" title="">Homepage</a></li>
| |
| − | <li><a href="#" accesskey="2" title="">Our Clients</a></li>
| |
| − | <li><a href="#" accesskey="3" title="">About Us</a></li>
| |
| − | <li><a href="#" accesskey="4" title="">Careers</a></li>
| |
| − | <li><a href="#" accesskey="5" title="">Contact Us</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="banner" class="container">
| |
| − | <div class="title">
| |
| − | <h2>Maecenas luctus lectus</h2>
| |
| − | <span class="byline">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
| |
| − | </div>
| |
| − | <ul class="actions">
| |
| − | <li><a href="#" class="button">Etiam posuere</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="wrapper">
| |
| − | <div id="three-column" class="container">
| |
| − | <div class="title">
| |
| − | <h2>Fusce ultrices fringilla metus</h2>
| |
| − | <span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
| |
| − | </div>
| |
| − | <div class="boxA">
| |
| − | <span class="fa fa-cloud-download"></span>
| |
| − | <p>Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad torquent per conubia nostra.</p>
| |
| − | <a href="#" class="button button-alt">More Info</a>
| |
| − | </div>
| |
| − | <div class="boxB">
| |
| − | <span class="fa fa-cogs"></span>
| |
| − | <p>Etiam neque. Vivamus consequat lorem at nisl. Nullam wisi a sem semper eleifend. Donec mattis.</p>
| |
| − | <a href="#" class="button button-alt">More Info</a>
| |
| − | </div>
| |
| − | <div class="boxC">
| |
| − | <span class="fa fa-wrench"></span>
| |
| − | <p> Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus.</p>
| |
| − | <a href="#" class="button button-alt">More Info</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="welcome">
| |
| − | <div class="container">
| |
| − | <div class="title">
| |
| − | <h2>Fusce ultrices fringilla metus</h2>
| |
| − | <span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
| |
| − | </div>
| |
| − | <p>This is <strong>StoneWork</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
| |
| − | <ul class="actions">
| |
| − | <li><a href="#" class="button">Etiam posuere</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div id="copyright" class="container">
| |
| − | <p>© Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
| |
| − | </div>
| |
| − |
| |
| − | </html>
| |
