Difference between revisions of "Team:Nankai/Description"
Line 1: | Line 1: | ||
− | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
− | <html> | + | <head> |
− | < | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
− | < | + | <title></title> |
− | + | <meta name="keywords" content="" /> | |
− | < | + | <meta name="description" content="" /> |
− | + | <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet" /> | |
− | + | <link href="https://2015.igem.org/Template:Nankai/css/defultCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> | |
− | + | <link href="https://2015.igem.org/Template:Nankai/css/fontCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> | |
− | + | ||
− | + | ||
− | + | <!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]--> | |
+ | </head> | ||
+ | <body> | ||
+ | <div id="header-wrapper"> | ||
+ | <div id="header" class="container"> | ||
+ | <div id="logo"> | ||
+ | <h1><span class="icon icon-cog"></span><a href="#">Cerulean</a></h1> | ||
+ | <div id="menu"> | ||
+ | <ul> | ||
+ | <li class="current_page_item"><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> | ||
+ | </div> | ||
+ | <div id="page-wrapper"> | ||
+ | <div id="page" class="container"> | ||
+ | <div class="title"> | ||
+ | <h2>Welcome to our website</h2> | ||
+ | </div> | ||
+ | <p>This is <strong>Cerulean</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> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="wrapper"> | ||
+ | <div id="three-column" class="container"> | ||
+ | <div><span class="arrow-down"></span></div> | ||
+ | <div id="tbox1"> | ||
+ | <div class="title"> | ||
+ | <h2>Maecenas luctus</h2> | ||
+ | </div> | ||
+ | <p>Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac suscipit mauris. Proin eu wisi suscipit nulla suscipit interdum.</p> | ||
+ | <a href="#" class="button">Learn More</a> </div> | ||
+ | <div id="tbox2"> | ||
+ | <div class="title"> | ||
+ | <h2>Integer gravida</h2> | ||
+ | </div> | ||
+ | <p>Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem semper suscipit eleifend. Donec mattis libero eget urna. Duis velit ac mauris.</p> | ||
+ | <a href="#" class="button">Learn More</a> </div> | ||
+ | <div id="tbox3"> | ||
+ | <div class="title"> | ||
+ | <h2>Praesent mauris</h2> | ||
+ | </div> | ||
+ | <p>Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem suscipit eleifend.</p> | ||
+ | <a href="#" class="button">Learn More</a> </div> | ||
+ | </div> | ||
+ | <div id="portfolio" class="container"> | ||
+ | <div class="column1"> | ||
+ | <div class="box"> <a href="#"><img src="images/scr01.jpg" alt="" class="image image-full" /></a> | ||
+ | <h3>Vestibulum venenatis</h3> | ||
+ | <p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p> | ||
+ | <a href="#" class="button button-small">Etiam posuere</a> </div> | ||
+ | </div> | ||
+ | <div class="column2"> | ||
+ | <div class="box"> <a href="#"><img src="images/scr02.jpg" alt="" class="image image-full" /></a> | ||
+ | <h3>Praesent scelerisque</h3> | ||
+ | <p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p> | ||
+ | <a href="#" class="button button-small">Etiam posuere</a> </div> | ||
+ | </div> | ||
+ | <div class="column3"> | ||
+ | <div class="box"> <a href="#"><img src="images/scr03.jpg" alt="" class="image image-full" /></a> | ||
+ | <h3>Donec dictum metus</h3> | ||
+ | <p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p> | ||
+ | <a href="#" class="button button-small">Etiam posuere</a> </div> | ||
+ | </div> | ||
+ | <div class="column4"> | ||
+ | <div class="box"> <a href="#"><img src="images/scr04.jpg" alt="" class="image image-full" /></a> | ||
+ | <h3>Mauris vulputate dolor</h3> | ||
+ | <p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p> | ||
+ | <a href="#" class="button button-small">Etiam posuere</a> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="wrapper2"> | ||
+ | <div id="tools"> | ||
+ | <div class="title"> | ||
+ | <h2>Vivamus fermentum nibh</h2> | ||
+ | </div> | ||
+ | <ul class="tools"> | ||
+ | <li><a href="#" class="icon icon-legal"></a></li> | ||
+ | <li><a href="#" class="icon icon-random"></a></li> | ||
+ | <li><a href="#" class="icon icon-key"></a></li> | ||
+ | <li><a href="#" class="icon icon-wrench"></a></li> | ||
+ | <li><a href="#" class="icon icon-cut"></a></li> | ||
+ | <li><a href="#" class="icon icon-filter"></a></li> | ||
+ | <li><a href="#" class="icon icon-lock"></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> | ||
+ | <ul class="contact"> | ||
+ | <li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li> | ||
+ | <li><a href="#" class="icon icon-facebook"><span></span></a></li> | ||
+ | <li><a href="#" class="icon icon-dribbble"><span>Pinterest</span></a></li> | ||
+ | <li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li> | ||
+ | <li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:26, 4 August 2015
Welcome to our website
This is Cerulean, a free, fully standards-compliant CSS template designed by TEMPLATED. The photos in this template are from Fotogrph. This free template is released under the Creative Commons Attribution 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 :)
Maecenas luctus
Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac suscipit mauris. Proin eu wisi suscipit nulla suscipit interdum.
Learn MoreInteger gravida
Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem semper suscipit eleifend. Donec mattis libero eget urna. Duis velit ac mauris.
Learn MorePraesent mauris
Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Nullam non wisi a sem suscipit eleifend.
Learn More