Difference between revisions of "Team:ZJU-China"

 
(27 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="zh-CN">
 
<html lang="zh-CN">
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<title>Home</title>
 
 
<!-- Mobile Metas -->
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
  
 
<link href="https://2017.igem.org/Team:ZJU-China/css/owlcarousel?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/owlcarousel?action=raw&ctype=text/css" rel="stylesheet" >
Line 13: Line 6:
 
<link href="https://2017.igem.org/Team:ZJU-China/css/animatemin?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/animatemin?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/owltheme?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/owltheme?action=raw&ctype=text/css" rel="stylesheet" >
 
  
 
<!-- Theme CSS -->
 
<!-- Theme CSS -->
Line 20: Line 12:
 
<link href="https://2017.igem.org/Team:ZJU-China/css/mobile?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/mobile?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/homedocstyle?action=raw&ctype=text/css" rel="stylesheet" >
 
<link href="https://2017.igem.org/Team:ZJU-China/css/homedocstyle?action=raw&ctype=text/css" rel="stylesheet" >
<link href="https://2017.igem.org/Team:ZJU-China/css/homedocstyle?action=raw&ctype=text/css" rel="stylesheet" >
+
<!--<link href="https://2017.igem.org/Team:ZJU-China/css/homedocstyle?action=raw&ctype=text/css" rel="stylesheet" >-->
 +
<!--<link href="https://2017.igem.org/Team:ZJU-China/css/fontawesome?action=raw&ctype=text/css" rel="stylesheet" >-->
 +
 
 
<!-- <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> -->
 
<!-- <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> -->
 
<!-- Skin CSS -->
 
<!-- Skin CSS -->
 
    <!-- js -->
 
    <script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></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/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 -->
 
 
</head>
 
</head>
  
Line 268: Line 255:
 
   background-color: black;
 
   background-color: black;
 
}
 
}
 +
 +
.subtitle{
 +
    text-align: center !important;
 +
    font-family: Tahoma, Geneva, sans-serif !important;
 +
}
 +
 +
h2, h4, p{
 +
    text-align: center !important;
 +
    font-family: Tahoma, Geneva, sans-serif !important;
 +
}
 +
 +
.blacktit
 +
{
 +
    color: #000 !important;
 +
    text-shadow: white 3px 3px 0;
 +
}
 +
 +
.whitetit
 +
{
 +
    color: #FFF !important;
 +
    text-shadow: black 3px 3px 0;
 +
}
 +
 +
.btn-blank
 +
{
 +
    color: white !important;
 +
 +
}
 +
 +
.toteam
 +
{
 +
    color: #d2ebe3 !important;
 +
    border-bottom: dotted 1px #a5d8c7 !important;
 +
    text-decoration: none !important;
 +
}
 +
 +
.toteam:hover
 +
{
 +
    color: white !important;
 +
 +
}
 +
 +
.cite {
 +
    color: #d2ebe3 !important;
 +
    border-bottom: dotted 1px #a5d8c7 !important;
 +
}
 +
  
 
</style>
 
</style>
Line 273: Line 307:
 
<!--========== BEGIN HEADER ==========-->
 
<!--========== BEGIN HEADER ==========-->
 
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- banner -->
+
<!--banner -->
<!--<div class="banner" id="home">-->
+
<div class="container">
  <!--<div class="agileinfo-dot">-->
+
    <!-- 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>
  
  <div class="container">
+
                <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
  <!-- 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">
+
            </div>
  <img style="margin-top:11px" class="navbar-brand" src="https://static.igem.org/mediawiki/2017/d/d5/ZJUChina_logo.png">
+
            <!-- Collect the nav links, forms, and other content for toggling -->
  </a>
+
            <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>
  
  <!-- <h1><a class="navbar-brand" href="index.html">My Design</a></h1> -->
+
                    <li class="m_nav_item dropdown">
 +
                        <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">Description</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Demonstrate">Demonstrate</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Applied_Design">Applied Design</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Achievements">Achievements</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Improve">Improve Parts</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">InterLab</a></li>
  
  </div>
+
                        </ul>
  <!-- Collect the nav links, forms, and other content for toggling -->
+
                    </li>
  <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">
+
                    <li class="m_nav_item dropdown">
  <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Overview<b class="caret"></b></a>
+
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
  <ul class="dropdown-menu ">
+
                        <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/Project/tp">Trichoderma Proof</a></li>
  <li><a href="https://2017.igem.org/Team:ZJU-China/Achievements">Achievements</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/InterLab">InterLab</a></li>
+
                            <li><a style="font-size: 0.7em!important;" href="https://2017.igem.org/Team:ZJU-China/Project/st">Chemical Signal Transduction</a></li>
  <li><a href="https://2017.igem.org/Team:ZJU-China/ImproveParts">Improve Parts</a></li>
+
                            <li><a style="font-size: 0.7em!important;" href="https://2017.igem.org/Team:ZJU-China/Project/mt">Medium Wave Transduction</a></li>
  </ul>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/Downstream">Downstream</a></li>
  </li>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusions</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Protocols">Protocols</a></li>
 +
                        </ul>
 +
                    </li>
  
  <li class="m_nav_item dropdown">
+
                    <li class="m_nav_item dropdown" >
  <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Project<b class="caret"></b></a>
+
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Model<b class="caret"></b></a>
  <ul class="dropdown-menu ">
+
                        <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/Model">Summery</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/Model">VOC analysis</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/Model/Coculture">Coculture</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" >
+
                        </ul>
  <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Modelling<b class="caret"></b></a>
+
                    </li>
  <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</a></li>
+
  <li><a href="https://2017.igem.org/Team:ZJU-China/Model/VOC">VOC analysis</a></li>
+
  
  </ul>
+
                    <li class="m_nav_item dropdown">
  </li>
+
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Parts<b class="caret"></b></a>
 +
                        <ul class="dropdown-menu ">
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Parts">All Parts</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Basic_Part">Basic Parts</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Composite_Part">Composite Parts</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Part_Collection">Part Collection</a></li>
  
  <li class="m_nav_item dropdown">
 
  <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Parts<b class="caret"></b></a>
 
  <ul class="dropdown-menu ">
 
  <li><a href="https://2017.igem.org/Team:ZJU-China/Parts">All Parts</a></li>
 
  <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Basic">Basic Parts</a></li>
 
  <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Composite">Composite Parts</a></li>
 
  <li><a href="https://2017.igem.org/Team:ZJU-China/Parts/Collection">Parts Collection</a></li>
 
  </ul>
 
  </li>
 
  
  <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a></li>
 
  
  <li class="m_nav_item dropdown" >
 
  <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>
+
                        </ul>
 +
                    </li>
  
  <li class="m_nav_item dropdown">
+
                    <li class="m_nav_item dropdown" >
  <a href="#" class="dropdown-toggle link" data-toggle="dropdown">HP<b class="caret"></b></a>
+
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Hardware<b class="caret"></b></a>
  <ul class="dropdown-menu ">
+
                        <ul class="dropdown-menu ">
  <li><a href="https://2017.igem.org/Team:ZJU-China/Human_Practices">Summary</a></li>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Overview</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/Hardware/Device">Device</a></li>
  <li><a href="https://2017.igem.org/Team:ZJU-China/HP/Gold_Integrated">Gold</a></li>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware/Improvements">Improvements</a></li>
  </ul>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware/MediumWave">Medium Wave</a></li>
  </li>
+
                        </ul>
 +
                    </li>
  
  <li class="m_nav_item dropdown" >
+
                    <li class="m_nav_item dropdown" >
  <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Team<b class="caret"></b></a>
+
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Safety<b class="caret"></b></a>
  <ul class="dropdown-menu ">
+
                        <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/Safety">Environment</a></li>
  <li><a href="https://2017.igem.org/Team:ZJU-China/Attributions">Attribution</a></li>
+
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Safety/Lab">Laboratory</a></li>
  <li><a href="https://2017.igem.org/Team:ZJU-China/Collaborations">Collaboration</a></li>
+
                        </ul>
  </ul>
+
                    </li>
  </li>
+
  
  </ul>
+
                    <li class="m_nav_item dropdown">
  </div>
+
                        <a href="#" class="dropdown-toggle link" data-toggle="dropdown">HP<b class="caret"></b></a>
  </nav>
+
                        <ul class="dropdown-menu ">
  </div>
+
  </div>
+
  <!--</div></div>-->
+
  
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Human_Practices">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 Integrated</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Engagement">Engagement</a></li>
 +
                        </ul>
 +
                    </li>
 +
 +
                    <li class="m_nav_item dropdown" >
 +
                        <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/Attributions">Attribution</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:ZJU-China/Collaborations">Collaboration</a></li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </nav>
 +
    </div>
 +
</div>
 
<!-- ========= END HEADER =========-->
 
<!-- ========= END HEADER =========-->
  
<div class="page-loader"></div>  <!-- Display loading image while page loads -->
+
<p></p>
 +
<div style="margin-top:0;padding-top:0">
 +
    <img src="https://static.igem.org/mediawiki/2017/0/0a/ZJU_China_home_banner.jpg" width="100%">
 +
    <!-- <img src="images/HP_temp/banner.jpg" width="100%"> -->
 +
</div>
 +
 
 +
<div class="page-loader"></div>  <!-- Display loading image while page loads -->
 
<!-- Begin text carousel intro section -->
 
<!-- 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/d/d0/ZJUChina_home_slider-bg.jpg');">
+
    <!--<section class="agileinfo-dot">-->
 +
    <!--<div id="text-carousel-intro-section" class="parallax" data-stellar-background-ratio="0.5" style="background-image: url('https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg');">-->
  
     <div class="container">
+
     <!--<div class="container">-->
         <div class="caption text-center text-white" data-stellar-ratio="0.7">
+
         <!--<div class="caption text-center text-white" data-stellar-ratio="0.7">-->
  
             <div id="owl-intro-text" class="owl-carousel">
+
             <!--<div id="owl-intro-text" class="owl-carousel">-->
                 <div class="item">
+
                 <!--<div class="item">-->
                     <h1>We have Awesome things</h1>
+
                     <!--<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>
+
                     <!--<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>
+
                     <!--<div class="extra-space-l"></div>-->
                 </div>
+
                 <!--</div>-->
                 <div class="item">
+
                 <!--<div class="item">-->
                     <h1>Join with us</h1>
+
                     <!--<h1>Join with us</h1>-->
                     <p class='mainHeadP'>To the greatest Journey</p>
+
                     <!--<p class='mainHeadP'>To the greatest Journey</p>-->
                     <div class="extra-space-l"></div>
+
                     <!--<div class="extra-space-l"></div>-->
                     <a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>
+
                     <!--<a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>-->
                 </div>
+
                 <!--</div>-->
                 <div class="item">
+
                 <!--<div class="item">-->
                     <h1>I'm Unika</h1>
+
                     <!--<h1>I'm Unika</h1>-->
                     <p class="mainHeadP">One Page Responsive Theme</p>
+
                     <!--<p class="mainHeadP">One Page Responsive Theme</p>-->
                     <div class="extra-space-l"></div>
+
                     <!--<div class="extra-space-l"></div>-->
                     <a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>
+
                     <!--<a class="btn btn-blank" href="" target="_blank" role="button">View More!</a>-->
                </div>
+
                <!--</div>-->
            </div>
+
            <!--</div>-->
 
+
        <!--</div>-->
        </div>
+
    <!--</div>-->
    </div>
+
<!--</div>-->
 
+
<!--</section>-->
</section>
+
<!-- End text carousel intro section -->
+
 
+
<!--来自carousel的教程-->
+
<!-- <div id="myCarousel" class="carousel slide"> -->
+
<!-- 轮播(Carousel)指标 -->
+
<!--  <ol class="carousel-indicators">
+
    <li data-target="#myCarousel" data-slide-to="0"
+
        class="active"></li>
+
    <li data-target="#myCarousel" data-slide-to="1"></li>
+
    <li data-target="#myCarousel" data-slide-to="2"></li>
+
</ol>    -->
+
<!-- 轮播(Carousel)项目 -->
+
<!-- <div class="carousel-inner">
+
    <div class="item active">
+
        <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="First slide">
+
        <div class="carousel-caption">标题 1</div>
+
    </div>
+
    <div class="item">
+
        <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="Second slide">
+
        <div class="carousel-caption">标题 2</div>
+
    </div>
+
    <div class="item">
+
        <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="Third slide">
+
        <div class="carousel-caption">标题 3</div>
+
    </div>
+
</div> -->
+
<!-- 轮播(Carousel)导航 -->
+
<!-- <a class="carousel-control left" href="#myCarousel"
+
    data-slide="prev">&lsaquo;</a>
+
<a class="carousel-control right" href="#myCarousel"
+
    data-slide="next">&rsaquo;</a> -->
+
<!-- 控制按钮 -->
+
<!--来自carousel的教程-->
+
  
 
<!-- Begin Portfolio -->
 
<!-- Begin Portfolio -->
Line 479: Line 493:
 
                         <div class="portfolio_content">
 
                         <div class="portfolio_content">
 
                             <div class="row"  id="portfolio">
 
                             <div class="row"  id="portfolio">
                                 <div class="col-xs-12 col-sm-3 appsDevelopment">
+
                                 <div class="col-xs-6 col-sm-2 appsDevelopment">
 
                                     <div class="portfolio_single_content">
 
                                     <div class="portfolio_single_content">
                                         <img src="https://static.igem.org/mediawiki/2017/1/16/ZJUChina_home_p1.jpg" alt="title"/>
+
                                         <img src="https://static.igem.org/mediawiki/2017/8/8d/ZJU_China_home_descritption.jpg" alt="title"/>
 
                                         <div>
 
                                         <div>
                                             <a href="#">Skull Awesome</a>
+
                                             <a class="blacktit" href="https://2017.igem.org/Team:ZJU-China/Overview">Description</a>
                                             <span>Subtitle</span>
+
                                             <!--<span>Subtitle</span>-->
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <div class="col-xs-12 col-sm-3 GraphicDesign">
+
                                 <div class="col-xs-6 col-sm-2 GraphicDesign">
 
                                     <div class="portfolio_single_content">
 
                                     <div class="portfolio_single_content">
                                         <img src="https://static.igem.org/mediawiki/2017/1/1e/ZJUChina_home_p2.jpg" alt="title"/>
+
                                         <img src="https://static.igem.org/mediawiki/2017/4/41/ZJU_China_home_experiment.jpg" alt="title"/>
 
                                         <div>
 
                                         <div>
                                             <a href="#">Photo Frame</a>
+
                                             <a class="whitetit" href="https://2017.igem.org/Team:ZJU-China/Project/tp">Experiment</a>
                                             <span>Subtitle</span>
+
                                             <!--<span>Subtitle</span>-->
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <div class="col-xs-12 col-sm-3 responsive">
+
                                 <div class="col-xs-6 col-sm-2 responsive">
 
                                     <div class="portfolio_single_content">
 
                                     <div class="portfolio_single_content">
                                         <img src="https://static.igem.org/mediawiki/2017/9/9f/ZJUChina_home_p3.jpg" alt="title"/>
+
                                         <img src="https://static.igem.org/mediawiki/2017/0/09/ZJU_China_home_modelling.jpg" alt="title"/>
 
                                         <div>
 
                                         <div>
                                             <a href="#">Hand Shots</a>
+
                                             <a class="blacktit" href="https://2017.igem.org/Team:ZJU-China/Model">Modeling</a>
                                             <span>Subtitle</span>
+
                                             <!--<span>Subtitle</span>-->
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <div class="col-xs-12 col-sm-3 webDesign websites">
+
                                 <div class="col-xs-6 col-sm-2 webDesign websites">
 
                                     <div class="portfolio_single_content">
 
                                     <div class="portfolio_single_content">
                                         <img src="https://static.igem.org/mediawiki/2017/4/4b/ZJUChina_home_p4.jpg" alt="title"/>
+
                                         <img src="https://static.igem.org/mediawiki/2017/a/a3/ZJU_China_home_hardware.jpg" alt="title"/>
 
                                         <div>
 
                                         <div>
                                             <a href="#">Night Abstract</a>
+
                                             <a class="whitetit" href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a>
                                             <span>Subtitle</span>
+
                                             <!--<span>Subtitle</span>-->
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <div class="col-xs-12 col-sm-2 appsDevelopment websites">
+
 
 +
                                 <div class="col-xs-6 col-sm-2 appsDevelopment">
 
                                     <div class="portfolio_single_content">
 
                                     <div class="portfolio_single_content">
                                         <img src="https://static.igem.org/mediawiki/2017/8/89/ZJUChina_home_p5.jpg" alt="title"/>
+
                                         <img src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_Home_hp.jpg" alt="title"/>
 
                                         <div>
 
                                         <div>
                                             <a href="#">Joy of Independence</a>
+
                                             <a class="blacktit" href="https://2017.igem.org/Team:ZJU-China/Human_Practices">Human Practice</a>
                                             <span>Subtitle</span>
+
                                             <!--<span>Subtitle</span>-->
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
                                 <div class="col-xs-12 col-sm-2 GraphicDesign">
+
 
 +
                                 <div class="col-xs-6 col-sm-2 GraphicDesign">
 
                                     <div class="portfolio_single_content">
 
                                     <div class="portfolio_single_content">
                                         <img src="https://static.igem.org/mediawiki/2017/5/59/ZJUChina_home_p6.jpg" alt="title"/>
+
                                         <img src="https://static.igem.org/mediawiki/2017/9/92/ZJU_China_home_app.jpg" alt="title"/>
 
                                         <div>
 
                                         <div>
                                             <a href="#">Night Crawlers</a>
+
                                             <a class="whitetit" href="https://2017.igem.org/Team:ZJU-China/Applied_Design">Application</a>
                                            <span>Subtitle</span>
+
                                             <!--<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 class="col-xs-6 col-sm-2 webDesign websites">-->
 +
                                    <!--<div class="portfolio_single_content">-->
 +
                                        <!--<img src="https://static.igem.org/mediawiki/2017/a/a3/ZJU_China_home_hardware.jpg" alt="title"/>-->
 +
                                        <!--<div>-->
 +
                                            <!--<a class="whitetit" href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a>-->
 +
                                            <!--&lt;!&ndash;<span>Subtitle</span>&ndash;&gt;-->
 +
                                        <!--</div>-->
 +
                                    <!--</div>-->
 +
                                <!--</div>-->
 +
 +
                                <!--<div class="col-xs-6 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-6 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-6 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-6 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-6 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-6 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>
Line 587: Line 632:
 
         <div class="container">
 
         <div class="container">
 
             <div class="page-header text-center wow fadeInUp" data-wow-delay="0.3s">
 
             <div class="page-header text-center wow fadeInUp" data-wow-delay="0.3s">
                 <h2 style="color:white;">About</h2>
+
                 <h2 style="color:white;">About us</h2>
 
                 <div class="devider"></div>
 
                 <div class="devider"></div>
                 <p class="subtitle" style="color:white;">little information</p>
+
                 <!--<a class="btn btn-blank" href="https://2017.igem.org/Team:ZJU-China/Team" target="_blank" role="button">OUR TEAM</a>-->
            </div>
+
                <a class="toteam" href="https://2017.igem.org/Team:ZJU-China/Team">Our team...</a>
 +
                </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 599: Line 645:
 
         <div class="container">
 
         <div class="container">
 
             <div class="row">
 
             <div class="row">
                 <div class="col-md-4 col-sm-6" >
+
 
                     <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0">
+
                 <div class="col-md-5 col-sm-6" >
 +
                     <div class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0">
 
                         <span class="rotate-box-icon"><i class="fa fa-users"></i></span>
 
                         <span class="rotate-box-icon"><i class="fa fa-users"></i></span>
 
                         <div class="rotate-box-info" style="color:white;">
 
                         <div class="rotate-box-info" style="color:white;">
                             <h4>Our address</h4>
+
                             <h4 class="PP"><strong>Location</strong></h4>
                             <p>Room 413,Biology lab center, Zijingang Campus</p>
+
                             <p class="PP">Room 413,Biology lab center, Zijingang Campus,
                             <p>Zhejiang University, YuHangTang Road NO.866</p>
+
                             Zhejiang University,</p>
                             <p>Hangzhou, China</p>
+
                             <p class="PP">NO.866 Yuhangtang Rd.,
 +
                            Hangzhou 310023, P.R. China</p>
 +
 
 
                         </div>
 
                         </div>
                     </a>
+
                     </div>
 
                 </div>
 
                 </div>
  
 
                 <div class="col-md-4 col-sm-6">
 
                 <div class="col-md-4 col-sm-6">
                     <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.2s">
+
                     <div class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.2s">
 
                         <span class="rotate-box-icon"><i class="fa fa-diamond"></i></span>
 
                         <span class="rotate-box-icon"><i class="fa fa-diamond"></i></span>
 
                         <div class="rotate-box-info" style="color:white;">
 
                         <div class="rotate-box-info" style="color:white;">
                             <h4>Something here</h4>
+
                             <h4 class="PP"><strong>About us</strong></h4>
                             <p>Something hereSomething hereSomething here</p>
+
                             <p class="PP">Representative undergraduate team of Zhejiang University, currently concentrating on the brand-new application of of synthetic biology in agriculture this year.</p>
 
                         </div>
 
                         </div>
                     </a>
+
                     </div>
 
                 </div>
 
                 </div>
  
                 <div class="col-md-4 col-sm-6">
+
                 <div class="col-md-3 col-sm-6">
                     <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.6s">
+
                     <div class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.4s">
 
                         <span class="rotate-box-icon"><i class="fa fa-clock-o"></i></span>
 
                         <span class="rotate-box-icon"><i class="fa fa-clock-o"></i></span>
                         <div class="rotate-box-info"  style="color:white;">
+
                         <div class="rotate-box-info"  style="color:white; text-align: center;">
                             <h4>Something here</h4>
+
                             <h4 class="PP"><strong>Contact us</strong></h4>
                             <p>Something hereSomething hereSomething hereSomething here</p>
+
                             <p><br></p>
 +
                            <p class="PP">by our <a class="cite" href="http://www.zjubiolab.zju.edu.cn/igem/portal.php">forum</a></p>
 +
                            <p class="PP">by our <a class="cite" href="https://twitter.com/iGEM_ZJUChina">Twitter Account</a></p>
 
                         </div>
 
                         </div>
                     </a>
+
                     </div>
 
                 </div>
 
                 </div>
  
Line 653: Line 704:
 
                 <div class="devider"></div>
 
                 <div class="devider"></div>
 
                 <p class="subtitle">Those who trust us</p>
 
                 <p class="subtitle">Those who trust us</p>
 +
                <p class="subtitle"> ← Drag logos to see more → </p>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 659: Line 711:
 
     <div class="container">
 
     <div class="container">
 
         <div id="owl-partners" class="owl-carousel">
 
         <div id="owl-partners" class="owl-carousel">
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/e/ee/ZJUChina_home_mathworks.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/e/ee/ZJUChina_home_mathworks.png" alt="img">
  
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/6/6f/ZJUChina_home_biolab.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/6/6f/ZJUChina_home_biolab.png" alt="img">
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/1/1b/ZJUChina_home_undergraduate.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/1/1b/ZJUChina_home_undergraduate.png" alt="img">
  
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/8/8b/ZJUChina_home_ckc.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/8/8b/ZJUChina_home_ckc.png" alt="img">
 +
            <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/5/5c/ZJU_China_algri.png" alt="img">
  
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/b/b4/ZJUChina_home_genscript.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/b/b4/ZJUChina_home_genscript.png" alt="img">
  
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/6/6c/ZJUChina_home_idt.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/6/6c/ZJUChina_home_idt.png" alt="img">
  
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/c/ca/ZJUChina_home_foundation.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/c/ca/ZJUChina_home_foundation.png" alt="img">
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/e/e3/ZJUChina_home_cs.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/e/e3/ZJUChina_home_cs.png" alt="img">
  
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/b/b1/ZJUChina_home_science.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/b/b1/ZJUChina_home_science.png" alt="img">
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/a/ab/ZJUChina_home_physical.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/a/ab/ZJUChina_home_physical.png" alt="img">
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/3/36/ZJUChina_home_tobacco.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/3/36/ZJUChina_home_tobacco.png" alt="img">
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/1/19/ZJUChina_home_medicine.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/1/19/ZJUChina_home_medicine.png" alt="img">
             <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/5/52/ZJUChina_home_cls.png" alt="img">
+
             <img class="owl-carousel-item col-sm-6" src="https://static.igem.org/mediawiki/2017/5/52/ZJUChina_home_cls.png" alt="img">
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 692: Line 745:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
 
</footer>
 
</footer>
 
<!-- End footer -->
 
<!-- End footer -->
  
<a href="#" class="scrolltotop"><i class="fa fa-arrow-up"></i></a> <!-- Scroll to top button -->
+
<script src="https://2017.igem.org/Team:ZJU-China/js/jquery214min?action=raw&ctype=text/javascript"></script>
 
+
<script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
 
+
<script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
 
+
<script src="https://2017.igem.org/Zju/js/scrollingnav?action=raw&ctype=text/javascript"></script>
<!-- Plugins JS -->
+
<script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
<!-- <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/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/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/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/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>
 
<script src="https://2017.igem.org/Team:ZJU-China/js/theme?action=raw&ctype=text/javascript"></script>
  

Latest revision as of 02:18, 2 November 2017

Location

Room 413,Biology lab center, Zijingang Campus, Zhejiang University,

NO.866 Yuhangtang Rd., Hangzhou 310023, P.R. China

About us

Representative undergraduate team of Zhejiang University, currently concentrating on the brand-new application of of synthetic biology in agriculture this year.

Contact us


by our forum

by our Twitter Account