Difference between revisions of "Team:Hong Kong HKU/Notebook"

(Test for CSS)
(Test for css)
Line 1: Line 1:
 
<html>
 
<html>
−
<link rel="stylesheet" type="text/css"  
+
<head>
−
href="https://2016.igem.org/Template:Hong_Kong_HKU/CSS?action=raw&ctype=text/css" />
+
<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=Didact+Gothic" rel="stylesheet" />
 +
<link href="https://2016.igem.org/Template:Hong_Kong_HKU/default.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" />
 +
<link href="https://2016.igem.org/Template:Hong_Kong_HKU/font.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" />
  
−
<h2>Our Project</h2>
+
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
−
<p>Here is the beginning of the page about our project.</p>
+
−
 
+
−
<p>Here is the end of the page about our project.</p>
+
−
 
+
−
<script type="text/javascript" src="https://2015.igem.org/Template:YourTeamName/Javascript?
+
−
action=raw&ctype=text/javascript"></script>
+
−
</html>
+
−
 
+
−
 
+
−
<html>
+
−
 
+
−
 
+
−
<div class="column full_size">
+
−
 
+
−
<p> Document the dates you worked on your project.</p>
+
  
 +
</head>
 +
<body>
 +
<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>
−
 
+
<div id="wrapper">
−
<div class="column half_size">
+
<div id="three-column" class="container">
−
<h5>What should this page have?</h5>
+
<div class="title">
−
<ul>
+
<h2>Fusce ultrices fringilla metus</h2>
−
<li>Chronological notes of what your team is doing.</li>
+
<span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
−
<li> Brief descriptions of daily important events.</li>
+
</div>
−
<li>Pictures of your progress. </li>
+
<div class="boxA">
−
<li>Mention who participated in what task.</li>
+
<span class="fa fa-cloud-download"></span>
−
</ul>
+
<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>
−
 
+
<div id="welcome">
−
<div class="column half_size">
+
<div class="container">
−
<h5>Inspiration</h5>
+
<div class="title">
−
<p>You can see what others teams have done to organize their notes:</p>
+
<h2>Fusce ultrices fringilla metus</h2>
−
 
+
<span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span>
−
<ul>  
+
</div>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<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>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
<ul class="actions">
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
<li><a href="#" class="button">Etiam posuere</a></li>
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
</ul>
−
</ul>
+
</div>
−
 
+
</div>
 +
<div id="copyright" class="container">
 +
<p>&copy; 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>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 08:20, 8 July 2016

Fusce ultrices fringilla metus

Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue

Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad torquent per conubia nostra.

More Info

Etiam neque. Vivamus consequat lorem at nisl. Nullam wisi a sem semper eleifend. Donec mattis.

More Info

Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus.

More Info

Fusce ultrices fringilla metus

Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue

This is StoneWork, 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 :)