Team:SJTU-Software/Team

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
+
<!DOCTYPE HTML>
<html>
<html>
-
 
+
<head>
-
<!--main content -->
+
<title>Gallery</title>
-
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css">
+
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
-
<table width="70%" align="center">
+
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
-
 
+
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
-
<!-- welcomebox的一句话///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />
-
<!--welcome box -->
+
<script type="text/javascript">
-
<tr>
+
$(document).ready(function() {
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
$('.fancybox').fancybox();
-
<h3 >阿根廷必胜</h3>
+
});
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
</script>
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
</head>
-
<br>
+
<body>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:SJTU-Software/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
  <div class="header">
-
</td>
+
  <div class="header_top">
-
</tr>
+
        <div class="wrap">
-
 
+
<div class="logo">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<a href="index.html"><h1><span class="black">INTERIOR</span> <span class="red">MODULE</span></h1></a>
-
<!-- end welcome box -->
+
</div>
-
<tr>  
+
<div class="menu">
-
<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
    <ul>
-
 
+
<li><a href="index.html">Home</a></li>
-
<!-- 下一行的主题菜单///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
<li><a href="about.html">About</a></li>
-
<!--navigation menu -->
+
<li  class="active"><a href="gallery.html">Gallery</a></li>
-
<td align="center" colspan="3">
+
<li><a href="services.html">Services</a></li>
-
 
+
<li><a href="contact.html">Contact</a></li>
-
<table  width="100%">
+
<div class="clear"></div>
-
<tr heigth="15px"></tr>
+
</ul>
-
<tr heigth="75px">  
+
</div>
-
 
+
    <div class="clear"></div>
-
 
+
        </div>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    </div>
-
<a href="https://2014.igem.org/Team:SJTU-Software"style="color:#000000">Home </a> </td>
+
</div>
-
 
+
      <div class="main">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="wrap">
-
<a href="https://2014.igem.org/Team:SJTU-Software/Team"style="color:#000000"> Team </a> </td>
+
  <div class="gallery">
-
 
+
<div class="section group">
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="gallery_1_of_4 images_1_of_4">
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=SJTU-Software"style="color:#000000"> Official Team Profile </a></td>
+
<a class="fancybox" href="images/gallery-img1.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img1.jpg" alt=""><span> </span></a>
-
 
+
<h3>Product Name</h3>
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
<a href="https://2014.igem.org/Team:SJTU-Software/Project"style="color:#000000"> Project</a></td>
+
        </div>
-
 
+
<div class="gallery_1_of_4 images_1_of_4">
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
  <a class="fancybox" href="images/gallery-img2.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img2.jpg" alt=""><span> </span></a>
-
<a href="https://2014.igem.org/Team:SJTU-Software/Parts"style="color:#000000"> Parts</a></td>
+
<h3>Product Name</h3>
-
 
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
</div>
-
<a href="https://2014.igem.org/Team:SJTU-Software/Modeling"style="color:#000000"> Modeling</a></td>
+
<div class="gallery_1_of_4 images_1_of_4">
-
 
+
  <a class="fancybox" href="images/gallery-img3.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img3.jpg" alt=""><span> </span></a>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<h3>Product Name</h3>
-
<a href="https://2014.igem.org/Team:SJTU-Software/Notebook"style="color:#000000"> Notebook</a></td>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
 
+
</div>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div class="gallery_1_of_4 images_1_of_4">
-
<a href="https://2014.igem.org/Team:SJTU-Software/Safety"style=" color:#000000"> Safety </a></td>
+
  <a class="fancybox" href="images/gallery-img4.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img4.jpg" alt=""><span> </span></a>
-
 
+
<h3>Product Name</h3>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
<a href="https://2014.igem.org/Team:SJTU-Software/Attributions"style="color:#000000"> Attributions </a></td>
+
</div>
-
 
+
</div>
-
 
+
<div class="section group">
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
<div class="gallery_1_of_4 images_1_of_4">
-
</tr>
+
<a class="fancybox" href="images/gallery-img5.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img5.jpg" alt=""><span> </span></a>
-
</table>
+
<h3>Product Name</h3>
-
 
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
<!--end navigation menu -->
+
        </div>
-
</tr>
+
<div class="gallery_1_of_4 images_1_of_4">
-
</tr>
+
  <a class="fancybox" href="images/gallery-img6.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img6.jpg" alt=""><span> </span></a>
-
</td>
+
<h3>Product Name</h3>
-
<!-- 下一行的主题菜单///////////////////////////////////////////////////////////////////////////////////////////////////////// -->
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
 
+
</div>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<div class="gallery_1_of_4 images_1_of_4">
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
  <a class="fancybox" href="images/gallery-img7.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img7.jpg" alt=""><span> </span></a>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<h3>Product Name</h3>
-
 
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
<br>
+
</div>
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
<div class="gallery_1_of_4 images_1_of_4">
-
</td>
+
  <a class="fancybox" href="images/gallery-img8.jpg" data-fancybox-group="gallery" title="Product Name"><img src="images/gallery-img8.jpg" alt=""><span> </span></a>
-
 
+
<h3>Product Name</h3>
-
 
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<span><a href="#">[...]</a></span></p>
-
</tr>
+
</div>
-
 
+
  </div>
-
<div class="container">
+
      <div class="projects-bottom-paination">
-
<div class="row clearfix">
+
<ul>
-
<div class="col-md-6 column">
+
<li class="active"><a href="#">1</a></li>
-
                  <div align="center">
+
<li><a href="#">2</a></li>
-
<img a alt="140x140" src="https://static.igem.org/mediawiki/2014/b/bf/Picture_Johnhan.jpg" width="150px" height="225px" >
+
</ul>
-
</div>
+
</div>
-
                </div>
+
  </div>
-
<div class="col-md-6 column">
+
</div>
-
<p>
+
      </div>
-
Heading
+
    <div class="copy-right">
-
+
<div class="wrap">
-
+
  <p class="copy">Copyright &copy; 2014.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
      <div class="clear"></div>
-
</p>
+
</div>
-
<p>
+
-
<a class="btn" href="#">View details »</a>
+
-
</p>
+
-
</div>
+
</div>
</div>
-
        <br></br>
+
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
-
<div class="row clearfix">
+
</body>
-
<div class="col-md-6 column">
+
-
                  <div align="center">
+
-
<img align="center" alt="140x140" src="https://static.igem.org/mediawiki/2014/b/bf/Picture_Johnhan.jpg" width="150px" height="225px">
+
-
</div>
+
-
                </div>
+
-
<div class="col-md-6 column">
+
-
<p>
+
-
Heading
+
-
+
-
+
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
-
</p>
+
-
<p>
+
-
<a class="btn" href="#">View details »</a>
+
-
</p>
+
-
</div>
+
-
</div>
+
-
        <br></br>
+
-
<div class="row clearfix">
+
-
<div class="col-md-6 column">
+
-
                  <div align="center">
+
-
<img align="center" alt="140x140" src="https://static.igem.org/mediawiki/2014/b/bf/Picture_Johnhan.jpg" width="150px" height="225px">
+
-
  </div>
+
-
                </div>
+
-
<div class="col-md-6 column">
+
-
<p>
+
-
Heading
+
-
+
-
+
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
-
</p>
+
-
<p>
+
-
<a class="btn" href="#">View details »</a>
+
-
</p>
+
-
</div>
+
-
</div>
+
-
        <br></br>
+
-
<div class="row clearfix">
+
-
<div class="col-md-6 column">
+
-
                  <div align="center">
+
-
<img align="center" alt="140x140" src="https://static.igem.org/mediawiki/2014/b/bf/Picture_Johnhan.jpg" width="150px" height="225px" >
+
-
  </div>
+
-
                </div>
+
-
<div class="col-md-6 column">
+
-
<p>
+
-
Heading
+
-
+
-
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
+
-
</p>
+
-
<p>
+
-
<a class="btn" href="#">View details »</a>
+
-
</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<br></br>
+
-
 
+
-
<td></td>
+
-
<td width="45%"  valign="top"> </td>
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
</table>
+
</html>
</html>

Revision as of 15:58, 7 October 2014

<!DOCTYPE HTML> Gallery

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Product Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua[...]

Copyright © 2014.Company name All rights reserved.网页模板

Retrieved from "http://2014.igem.org/Team:SJTU-Software/Team"