Team:NTU Taida/index2

From 2014.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 28: Line 28:
<div id="header" class="container">
<div id="header" class="container">
<div id="logo">
<div id="logo">
-
<img src="https://static.igem.org/mediawiki/2014/1/19/NTU_Taida_logo.jpg" height="0" width="180" alt="" />
+
<a href="https://2014.igem.org/Main_Page">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="50" height="50" alt="" />
 +
                </a>
</div>
</div>
<div id="menu">
<div id="menu">
<ul>
<ul>
-
<li class="active"><a href="index.html" accesskey="1" title="">Homepage</a></li>
+
<li><a href="index.html" accesskey="1" title=""><b>Home</b></a></li>
-
<li><a href="#" accesskey="3" title="">Project</a></li>
+
<li><a href="#" accesskey="3" title=""><b>Team</b></a></li>
-
<li><a href="#" accesskey="3" title="">Human Practice</a></li>
+
<li class="active"><a href="#" accesskey="3" title=""><b>Project</b></a></li>
-
<li><a href="#" accesskey="5" title="">Modeling</a></li>
+
<li><a href="#" accesskey="5" title=""><b>Human Practice</b></a></li>
-
<li><a href="#" accesskey="5" title="">Safety</a></li>
+
<li><a href="#" accesskey="5" title=""><b>Modeling</b></a></li>
-
<li><a href="#" accesskey="5" title="">Notrbook</a></li>
+
<li><a href="#" accesskey="5" title=""><b>Safety</b></a></li>
-
<li><a href="#" accesskey="5" title="">Contact</a></li>
+
<li><a href="#" accesskey="5" title=""><b>Notebook</b></a></li>
</ul>
</ul>
</div>
</div>
Line 45: Line 47:
<div class="container">
<div class="container">
<div class="title">
<div class="title">
-
<h2>Nulla luctus eleifend purus</h2>
+
<font size="7"><b><center>Project</center></b></font>
 +
                        <br>
 +
                        <br>
<p>This is <strong>TailPiece</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>
<p>This is <strong>TailPiece</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="boxA">
<div class="boxA">
<div class="box margin-btm">
<div class="box margin-btm">
-
<img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_item0.png" width="320" height="180" alt="" />
+
<img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_item0.png" width="320" height="200" alt="" />
-
<div class="details">
+
-
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.</p>
+
-
</div>
+
-
<a href="#" class="button">More Details</a>
+
-
</div>
+
-
<div class="box">
+
-
<img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_item0.png" width="320" height="220" alt="" />
+
<div class="details">
<div class="details">
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.</p>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.</p>
Line 63: Line 60:
<a href="#" class="button">More Details</a>
<a href="#" class="button">More Details</a>
</div>
</div>
 +
</div>
</div>
<div class="boxB">
<div class="boxB">
<div class="box">
<div class="box">
-
<img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_item0.png" width="320" height="280" alt="" />
+
<img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_item0.png" width="320" height="200" alt="" />
<div class="details">
<div class="details">
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.</p>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.</p>
Line 72: Line 70:
<a href="#" class="button">More Details</a>
<a href="#" class="button">More Details</a>
</div>
</div>
-
<div class="box">
+
-
<img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_item0.png" width="320" height="140" alt="" />
+
-
<div class="details">
+
-
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.</p>
+
-
</div>
+
-
<a href="#" class="button">More Details</a>
+
-
</div>
+
-
+
</div>
</div>
<div class="boxC">
<div class="boxC">
Line 88: Line 79:
</div>
</div>
<a href="#" class="button">More Details</a>
<a href="#" class="button">More Details</a>
-
</div>
+
</div>
-
<div class="box">
+
-
<img src="https://static.igem.org/mediawiki/2014/5/5a/NTU_Taida_item0.png" width="320" height="200" alt="" />
+
-
<div class="details">
+
-
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.</p>
+
-
</div>
+
-
<a href="#" class="button">More Details</a>
+
-
</div>
+
-
+
</div>
</div>
</div>
</div>

Latest revision as of 05:26, 25 August 2014


Project


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

Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.

More Details

Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.

More Details

Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl.

More Details