Difference between revisions of "Team:ZJU-China"

Line 1: Line 1:
−
<html lang="en">
+
<html lang="en-US">
 
<head>
 
<head>
−
<title>Home</title>
+
 
 
<meta charset="utf-8">
 
<meta charset="utf-8">
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>Home</title>
 +
<meta name="description" content="">
 +
<meta name="keywords" content="" />
 +
<meta name="author" content="">
 +
 
 +
<!-- Mobile Metas -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 
 +
 
 +
<!-- Google Fonts  -->
 +
<link href='http://fonts.googleapis.com/css?family=Roboto:400,700,500' rel='stylesheet' type='text/css'> <!-- Body font -->
 +
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'> <!-- Navbar font -->
 +
 
 +
<!-- Libs and Plugins CSS -->
 +
<!-- <link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" /> -->
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/animatemin?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/owlcarousel?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
 
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/owltheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
 
 +
 
 +
<!-- Theme CSS -->
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/reset?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/style?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
 
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/mobile?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
 
 +
<link href="https://2017.igem.org/Team:ZJU-China/css/homedocstyle?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
 +
 
 +
<!-- <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> -->
 +
<!-- Skin CSS -->
 
</head>
 
</head>
  
−
<body>
+
<style>
−
<div style="text-align: center;">
+
/*Override default CSS*/
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
  
−
<img src="https://static.igem.org/mediawiki/2017/e/e5/ZJU2017_img-success3.jpg" alt="">
 
−
<font size="6" face="Verdana">
 
−
<h3 >THE SWORD</h3>
 
−
</font>
 
−
<font size="4" face="Verdana">
 
−
<p style="margin-left: 200px;margin-right: 200px">Like most stories, the warrior needs the sword to conquer the devil. To control such a thorny problem, we plan to utilize the engineered Trichoderma as an interface to sense as well as indicate the signal of invading pathogenic fungi, and further make Trichoderma inhibit the P.nicotianae. </p>
 
−
</font>
 
−
<img src="https://static.igem.org/mediawiki/2017/3/3d/ZJU2017_img-success2.jpg" alt="">
 
−
<font size="6" face="Verdana">
 
−
<h3 >THE EVIL</h3>
 
  
−
<font size="4" face="Verdana">
+
/* set all basic objects to neutral formatting*/
−
<p style="margin-left: 200px;margin-right: 200px">Black shank is a serious plant disease caused by Phytophthora nicotianae, which mainly targets at the tobacco, an important cash crop . However, there’s no efficient methods to control the pathogenic fungi. P.nicotianae is the evil and the nightmare of many others solanaceous plants.</p>
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
−
</font>
+
    margin: 0;
−
<img src="https://static.igem.org/mediawiki/2017/6/68/ZJU2017_img-success1.jpg" >
+
    padding: 0;
−
<font size="6" face="Verdana">
+
    border: 0;
−
<h3 >THE WARRIOR</h3>
+
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 +
 
 +
#globalWrapper {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 +
 
 +
.btn {
 +
  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px dotted white;
 +
  border-radius: 4px;
 +
}
 +
 
 +
.btn.focus {
 +
  border: 1px dotted #009500;
 +
  color: #009500;
 +
  text-decoration: none;
 +
}
 +
 
 +
.navbar-brand
 +
{
 +
  width: 150px;
 +
  height: 50px;
 +
}
 +
 
 +
/* set page to fill window*/
 +
html{
 +
  height: 100%;
 +
}
 +
body {
 +
  min-height: 100%;
 +
  background-color: #FFFFFF;
 +
}
 +
 
 +
 
 +
#content_wrapper {
 +
    position: relative;
 +
  top: 0px;
 +
  left: 0px; 
 +
  margin: 0px;
 +
    width: 100%;
 +
    height: 100%;
 +
  text-align:center;
 +
    background-color: #FFFFFF;
 +
}
 +
 
 +
.mainHeadP
 +
{
 +
    font-family: 'Kozuka Gothic Pro EL';
 +
    color:white;
 +
}
 +
 
 +
#content_wrapper p {
 +
    font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif;
 +
}
 +
 
 +
#content_wrapper a {
 +
    color:#004789;
 +
}
 +
 
 +
 
 +
#footer {
 +
    position:absolute;   
 +
    bottom: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    margin-top: 0px;
 +
    margin-bottom: 20px;
 +
    background-color: #FFFFFF;
 +
    text-align: center;
 +
}
 +
 
 +
.center {
 +
  width: 60%;
 +
    margin-top: 16px;
 +
  min-width: 500px;
 +
    padding-bottom:32px;
 +
  display: inline-block;       
 +
}
 +
 
 +
.TextContent { 
 +
  text-align: left;
 +
  vertical-align: baseline;
 +
  font-size: 0.875em;
 +
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 
 +
.TextContent h1{
 +
  text-align: center;
 +
  font-size: 1.5rem;
 +
  margin-bottom: 1em;
 +
  margin-top: 0.2em;
 +
  color: #3399ff;
 +
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 
 +
.TextContent h2{
 +
  line-height: 1.6;
 +
  margin-bottom: 0em;
 +
  margin-top: 1em;
 +
  text-align: left;
 +
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 
 +
.TextContent p{
 +
  margin-bottom: 1.2em;
 +
  font-family:'Yanone Kaffeesatz', verdana, sans-serif;
 +
}
 +
 
 +
.Page_Wide { 
 +
  width:100%;
 +
}
 +
 
 +
.Quarter_Image {
 +
  width:25%;
 +
  max-height:250px;
 +
  float:left;
 +
}
 +
 
 +
.Quarter_Image img {
 +
    display:block;
 +
    margin:auto;
 +
    max-height: 250px; 
 +
    width: auto%;
 +
}
 +
 
 +
.SocialMediaIconWrapper {
 +
    width:100%;
 +
}
 +
 
 +
.SocialMediaIcon {
 +
    width:4%;
 +
    height:auto;
 +
    margin-left:20px;
 +
    display: inline-block;
 +
    float:left;
 +
 
 +
}
 +
 
 +
.SocialMediaIcon img{
 +
    max-width:100%;
 +
  height:auto
 +
}
 +
 
 +
.TeamImage {
 +
  width:100%;
 +
}
 +
 
 +
.TeamImage img { 
 +
    max-width:100%;
 +
  height:auto
 +
}
 +
 
 +
.sponsors {
 +
  width: 100%; 
 +
}
 +
 
 +
.sponsor_row {   
 +
  width: 100%;
 +
}
 +
 
 +
.sponsor_img {   
 +
  width: 16.6666667%;
 +
  float:left;   
 +
}
 +
 
 +
.sponsor_img img{ 
 +
  max-width:100%;
 +
  height:auto
 +
}
 +
 
 +
.clear {
 +
    clear:both;
 +
}
 +
 
 +
.clear.extra_space {
 +
    height: 20px;
 +
}
 +
 
 +
.line_divider {
 +
    border-top: 1px solid #d3d3d3;
 +
    width: 98%;
 +
    margin: auto;
 +
}
 +
 
 +
.copyright{
 +
  color: #888888;
 +
  font-size: 13px;
 +
}
 +
 
 +
 
 +
.copyright a{
 +
  color: #d2ebe3;
 +
  border-bottom: dotted 1px #a5d8c7;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
<!--========== BEGIN HEADER ==========-->
 +
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 +
<!-- banner -->
 +
<div class="banner" id="home">
 +
  <div class="agileinfo-dot">
 +
    <div class="container">
 +
    <!-- header -->
 +
    <div class="header-w3layouts">
 +
      <!-- Navigation -->
 +
      <nav class="navbar navbar-default navbar-fixed-top">
 +
          <div class="navbar-header page-scroll">
 +
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
            </button>
 +
           
 +
            <a href="https://2017.igem.org/Team:ZJU-China">
 +
              <img style="margin-top:11px" class="navbar-brand"  src="https://static.igem.org/mediawiki/2017/d/d5/ZJUChina_logo.png">
 +
            </a>
 +
           
 +
            <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
 +
 
 +
          </div>
 +
          <!-- Collect the nav links, forms, and other content for toggling -->
 +
          <div class="collapse navbar-collapse navbar-ex1-collapse">
 +
            <ul class="nav navbar-nav navbar-right cl-effect-15">
 +
              <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 +
              <li class="hidden"><a class="page-scroll" href="#page-top"></a> </li>
 +
             
 +
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 +
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Overview<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu ">
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/overview">Project Description</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/overview/achievements">Achievements</a></li>
 +
                  </ul>
 +
              </li>
 +
 
 +
              <li class="m_nav_item dropdown  active" id="moble_nav_item_2">
 +
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu ">
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Project">Project Home</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Project/tp">Trichoderma Proof</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Project/voc">VOC sensors</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Project/st">Signal Transduction</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Project/ms">Mat Synthesis</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusion</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Project/improvement">Improvement</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">Interlab</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
 +
                  </ul>
 +
              </li>
 +
             
 +
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 +
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Modelling<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu ">
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Model">Summery</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Model/coculture">Coculture</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Model/voc">VOC analysis</a></li>
 +
                  </ul>
 +
              </li>
 +
 
 +
              <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Hardware">Hardware</a></li>
 +
 
 +
             
 +
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 +
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Safety<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu ">
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Safety">Environment</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/Safety/lab">Laboratory</a></li>
 +
                  </ul>
 +
              </li>
 +
 
 +
              <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Collaborations">Collaborations</a></li>
 +
 
 +
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 +
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Human Practice<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu ">
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/HP">Summary</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Silver">Silver</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Gold_Integrated">Gold</a></li>
 +
                  </ul>
 +
              </li>
 +
 
 +
              <li class="m_nav_item dropdown" id="moble_nav_item_2">
 +
                <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Team<b class="caret"></b></a>
 +
                  <ul class="dropdown-menu ">
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/team">Teammates</a></li>
 +
                  <li><a href="https://2017.igem.org/Team:ZJU-China/team/attribution">Attribution</a></li>
 +
                  </ul>
 +
              </li>
 +
 
 +
            </ul>
 +
          </div>
 +
      </nav> 
 +
    </div> 
 +
    </div></div></div>
 +
 
 +
 
 +
<!-- js -->
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/jquery214min?action=raw&ctype=text/javascript"></script>
 +
 
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/bootstrapmin?action=raw&ctype=text/javascript"></script>
 +
 
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/scrollingnav?action=raw&ctype=text/javascript"></script>
 +
 
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/SmoothScrollmin?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
<!-- //scrolling script -->
  
−
<font size="4" face="Verdana">
 
−
<p style="margin-left: 200px;margin-right: 200px">Trichoderma, a widespread biocontrol agent, is the most widely used endophyote in agriculture. Compared with many other plant-associated microbes, he has unique advantages. Gathering around the roots, Trichoderma can grow its hypha into the root cortex to affect plants more strongly. In a word, he’s the talented warrior.</p>
 
−
</font>
 
−
</div>
 
 
</body>
 
</body>
 +
<!-- ========= END HEADER =========-->
 +
 +
 +
 +
<body data-spy="scroll" data-target="#main-navbar">
 +
<div class="page-loader"></div>  <!-- Display loading image while page loads -->
 +
<!-- Begin text carousel intro section -->
 +
<section id="text-carousel-intro-section" class="parallax" data-stellar-background-ratio="0.5" style="background-image: url('https://static.igem.org/mediawiki/2017/4/43/ZJUChina_home_slider-bg.png');">
 +
 +
<div class="container">
 +
<div class="caption text-center text-white" data-stellar-ratio="0.7">
 +
 +
<div id="owl-intro-text" class="owl-carousel">
 +
<div class="item">
 +
<h1>We have Awesome things</h1>
 +
  <p class="mainHeadP">Me, a sophomore at <span>ZheJiang University</span>. I have worked in lab since my freshman year, and focus on the molecular and cell biology. However, the involvement in iGem is my first initiative research project. In my spare time, I enjoy long riding on the roads on sunny days and coming up with creative nicknames for others.</p>
 +
<div class="extra-space-l"></div>
 +
<!-- <a class="btn btn-blank" href="" target="_blank" role="button">View More!</a> -->
 +
</div>
 +
<div class="item">
 +
<h1>Join with us</h1>
 +
<p class='mainHeadP'>To the greatest Journey</p>
 +
<div class="extra-space-l"></div>
 +
<a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>
 +
</div>
 +
<div class="item">
 +
<h1>I'm Unika</h1>
 +
<p class="mainHeadP">One Page Responsive Theme</p>
 +
<div class="extra-space-l"></div>
 +
<a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>
 +
</div>
 +
</div>
 +
 +
</div> <!-- /.caption -->
 +
</div> <!-- /.container -->
 +
 +
</section>
 +
<!-- End text carousel intro section -->
 +
 +
 +
<!-- Begin Portfolio -->
 +
<section id="portfolio-section" class="page bg-style1">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-12">
 +
<div class="portfolio">
 +
<!-- Begin page header-->
 +
<div class="page-header-wrapper">
 +
<div class="container">
 +
<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
 +
<h2>Our Project</h2>
 +
<div class="devider"></div>
 +
<p class="subtitle">have a quick view of our project</p>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- End page header-->
 +
<div class="portfoloi_content_area" >
 +
<!-- <div class="portfolio_menu" id="filters">
 +
<ul>
 +
<li class="active_prot_menu"><a href="#porfolio_menu" data-filter="*">all</a></li>
 +
<li><a href="#porfolio_menu" data-filter=".websites">websites</a></li>
 +
<li><a href="#porfolio_menu" data-filter=".webDesign" >web design</a></li>
 +
<li><a href="#porfolio_menu" data-filter=".appsDevelopment">apps development</a></li>
 +
<li><a href="#porfolio_menu" data-filter=".GraphicDesign">graphic design</a></li>
 +
<li><a href="#porfolio_menu" data-filter=".responsive">responsive</a></li>
 +
</ul>
 +
</div> -->
 +
<div class="portfolio_content">
 +
<div class="row"  id="portfolio">
 +
<div class="col-xs-12 col-sm-3 appsDevelopment">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/1/16/ZJUChina_home_p1.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Skull Awesome</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-3 GraphicDesign">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/1/1e/ZJUChina_home_p2.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Photo Frame</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-3 responsive">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/9/9f/ZJUChina_home_p3.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Hand Shots</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-3 webDesign websites">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/4/4b/ZJUChina_home_p4.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Night Abstract</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-2 appsDevelopment websites">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/8/89/ZJUChina_home_p5.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Joy of Independence</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-2 GraphicDesign">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/5/59/ZJUChina_home_p6.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Night Crawlers</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-2 responsive">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/f/f0/ZJUChina_home_p7.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Last Motel</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-2 GraphicDesign">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/0/0b/ZJUChina_home_p8.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Dirk Road</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-2 websites">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/e/e7/ZJUChina_home_p9.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Old is Gold</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-xs-12 col-sm-2 appsDevelopment websites">
 +
<div class="portfolio_single_content">
 +
<img src="https://static.igem.org/mediawiki/2017/e/e7/ZJUChina_home_p9.jpg" alt="title"/>
 +
<div>
 +
<a href="#">Joy of Independence</a>
 +
<span>Subtitle</span>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!-- End portfolio -->
 +
 +
 +
<!-- Begin testimonials -->
 +
<section id="testimonial-section">
 +
<div id="testimonial-trigger" class="testimonial text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(img/testimonial-bg.jpg);">
 +
<div class="cover"></div>
 +
<!-- Begin page header-->
 +
<div class="page-header-wrapper">
 +
<div class="container">
 +
<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
 +
<h2>About us</h2>
 +
<div class="devider"></div>
 +
<p class="subtitle">Write something here</p>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- End page header-->
 +
<div class="container">
 +
<div class="testimonial-inner center-block text-center">
 +
<div id="owl-testimonial" class="owl-carousel">
 +
<div class="item">
 +
<blockquote>
 +
<p>Room 413,Biology lab center, Zijingang Campus</p>
 +
<p>Zhejiang University, YuHangTang Road NO.866</p>
 +
<p>Hangzhou, China</p>
 +
<footer><cite title="Source Title">Our address.</cite></footer>
 +
</blockquote>
 +
</div>
 +
<div class="item">
 +
<blockquote>
 +
<p>forum:zjubiolab</p>
 +
<p>tweet:zjubiolab</p>
 +
<p>wechat:zjubiolab</p>
 +
<p>QQ:zjubiolab</p>
 +
<footer><cite title="Source Title">Our social media.</cite></footer>
 +
</blockquote>
 +
</div>
 +
<div class="item">
 +
<blockquote>
 +
<p>"Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit".</p>
 +
<footer><cite title="Source Title">John Doe</cite></footer>
 +
</blockquote>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
<!-- End testimonials -->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!-- Begin partners -->
 +
<section id="partners-section">
 +
<!-- Begin page header-->
 +
<div class="page-header-wrapper">
 +
<div class="container">
 +
<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
 +
<h2>Sponsors</h2>
 +
<div class="devider"></div>
 +
<p class="subtitle">Those who trust us</p>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- End page header-->
 +
<div class="container">
 +
<div id="owl-partners" class="owl-carousel">
 +
<img class="owl-carousel-item" src="img/partners/ckc.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/genscript.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/idt.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/foundation.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/cs.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/cls.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/biolab.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/undergraduate.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/science.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/physics.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/tobacco.png" alt="img">
 +
<img class="owl-carousel-item" src="img/partners/medicine.png" alt="img">
 +
</div>
 +
</div>
 +
</section>
 +
<!-- End partners -->
 +
 +
 +
<!-- Begin footer -->
 +
<footer class="text-off-white">
 +
 +
<div class="footer">
 +
<div class="container text-center wow fadeIn" data-wow-delay="0.4s">
 +
<p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p>
 +
</div>
 +
</div>
 +
 +
</footer>
 +
<!-- End footer -->
 +
 +
<a href="#" class="scrolltotop"><i class="fa fa-arrow-up"></i></a> <!-- Scroll to top button -->
 +
 
 +
 +
 +
<!-- Plugins JS -->
 +
<!-- <script src="js/jquery-2.1.4.min.js"></script> -->
 +
<!-- <script src="js/bootstrap.min.js"></script> -->
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/jquery214min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/bootstrapmin?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/owlcarouselmin?action=raw&ctype=text/javascript"></script>
 +
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/jquerystellarmin?action=raw&ctype=text/javascript"></script>
 +
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/wowmin?action=raw&ctype=text/javascript"></script>
 +
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/jqueryeasing?action=raw&ctype=text/javascript"></script>
 +
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/SmoothScrollmin?action=raw&ctype=text/javascript"></script>
 +
 +
<!-- Theme JS -->
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/theme?action=raw&ctype=text/javascript"></script>
 +
 +
 +
</body>
 
</html>
 
</html>

Revision as of 15:05, 7 October 2017

Home

We have Awesome things

Me, a sophomore at ZheJiang University. I have worked in lab since my freshman year, and focus on the molecular and cell biology. However, the involvement in iGem is my first initiative research project. In my spare time, I enjoy long riding on the roads on sunny days and coming up with creative nicknames for others.

Join with us

To the greatest Journey

View More!

I'm Unika

One Page Responsive Theme

View More!

Our Project

have a quick view of our project

title
Skull Awesome Subtitle
title
Photo Frame Subtitle
title
Hand Shots Subtitle
title
Night Abstract Subtitle
title
title
Night Crawlers Subtitle
title
Last Motel Subtitle
title
Dirk Road Subtitle
title
Old is Gold Subtitle
title

About us

Write something here

Sponsors

Those who trust us