Team:Fudan Lux/Gallery

From 2012.igem.org

(Difference between revisions)

Latest revision as of 22:58, 26 September 2012

NOVA

The Gallery It's Show Time!

Under Construction...

@@ Line 128: / Line 128: @@
 				<!-- wrapper-header -->
 				<div class="wrapper">
-					<a href="http://luiszuno.com/themes/nova/index.html"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
+					<a href="https://2012.igem.org/Team:Fudan_Lux"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
 					<!-- search -->
 					<div class="top-search">
@@ Line 161: / Line 161: @@
 							</li>
 							<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a><ul style="display: none; visibility: hidden; ">
-<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
+<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Overview</a></li>
 <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
-<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
+<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">Project Bacto-Trafficking</a></li>
-<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
+<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Results</a></li>
 </ul>
 </li>
@@ Line 176: / Line 176: @@
 <ul style="display: none; visibility: hidden; ">
-<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
+<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
-<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
+<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
-<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
+<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
-<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
+<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
 </ul>
 </li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li><li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a>
@@ Line 191: / Line 191: @@
 			</div>
 			<!-- ENDS Menu -->
+			<!-- MAIN -->
+			<div id="main">
+				<!-- wrapper-main -->
+				<div class="wrapper">
+					<!-- content -->
+					<div id="content">
+						<!-- title -->
+						<div id="page-title">
+							<span class="title">The Gallery</span>
+							<span class="subtitle">It's Show Time!</span>
+						</div>
+						<!-- ENDS title -->
+						<script type="text/javascript">
+/*under construction
+						<!-- filter -->
+						<ul id="portfolio-filter" class="filter">
+							<li>Filter</li>
+							<li><a href="#" data-filter="*" > All </a></li>
+				    		<li><a href="#" data-filter=".pink" > Pink </a></li>
+				    		<li><a href="#" data-filter=".blue" > Blue </a></li>
+				    		<li><a href="#" data-filter=".green" > Green </a></li>
+				    	</ul>
+						<!-- ENDS filter -->
+						<!-- gallery-->
+						<ul id="portfolio-list" class="gallery three-cols">
+							<li class="pink"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
+							<li class="pink "><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
+							<li class="pink"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
+							<li class="blue"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
+							<li class="blue"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
+							<li class="green"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
+						</ul>
+						<!-- ENDS gallery -->
+						<!-- pagination -->
+						<div class="clear"></div>
+						<ul class='pager'>
+							<li><a href='#' >&lsaquo;</a></li>
+        					        <li class='active'><a href='#'>1</a></li>
+							<li><a href='#' >2</a></li>
+                                                        <li><a href='#' >3</a></li>
+							<li><a href='#' >4</a></li>
+							<li><a href='#' >5</a></li>
+							<li><a href='#' >&rsaquo;</a></li>
+						</ul>
+						<!-- ENDS pagination -->
+									*/
+</script>
+<div align="center" style="margin-top:80px">
+<img src="https://static.igem.org/mediawiki/2012/2/2c/Underconstruction.png" style="margin-top:20px;width: 72px;float:left;margin-left: 80px;-webkit-box-reflect: below 20px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">
+<p style="font-size:72px;-webkit-box-reflect: below -30px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.5, transparent), to(rgba(3,3,3,.2)));background: -webkit-linear-gradient(top, rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;">Under Construction...</p>
+</div>
+					</div>
+					<!-- ENDS content -->
+				</div>
+				<!-- ENDS wrapper-main -->
+			</div>
+			<!-- ENDS MAIN -->
+			<!-- Twitter -->
+			<div id="twitter">
+			</div>
+			<!-- ENDS Twitter -->
+			<!-- FOOTER -->
+			<div id="footer">
+				<!-- wrapper-footer -->
+				<div class="wrapper">
+					<!-- footer-cols -->
+					<ul id="footer-cols">
+						<li class="col">
+							<h6>About the Team</h6>
+							He he he he!
+						</li>
+					</ul>
+					<!-- ENDS footer-cols -->
+				</div>
+				<!-- ENDS wrapper-footer -->
+			</div>
+			<!-- ENDS FOOTER -->
+			<!-- Bottom -->
+			<div id="bottom">
+				<!-- wrapper-bottom -->
+				<div class="wrapper">
+					<div id="bottom-text">All rights reserved. Tempalate Edit by Fudan-lux team <a href="http://www.luiszuno.com">Powered By Luiszuno.com</a> </div>
+					<!-- Social -->
+					<!-- ENDS Social -->
+					<div id="to-top" class="poshytip" title="To top"></div>
+				</div>
+				<!-- ENDS wrapper-bottom -->
+			</div>
+			<!-- ENDS Bottom -->