Difference between revisions of "Template:Team:Tongji Shanghai/head"

Line 1: Line 1:
<!doctype html>
+
<html>
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
+
<head>
<!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]-->
+
<title>Tongji_Shanghai-2016.igem.org</title>
<html lang="en">
+
<meta charset="utf-8">
 +
<title>Tongji Shanghai</title>
  
<head>
 
 
  <!-- Basic -->
 
  <title>Tongji iGEM</title>
 
 
  <!-- Define Charset -->
 
  <meta charset="utf-8">
 
  
 
   <!-- Responsive Metatag -->
 
   <!-- Responsive Metatag -->
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 
  <!-- Page Description and Author -->
 
  <meta name="description" content="Margo - Responsive HTML5 Template">
 
  <meta name="author" content="Margo">
 
 
  
 
   <!-- Bootstrap CSS  -->
 
   <!-- Bootstrap CSS  -->
   <link rel="stylesheet" href="asset/css/bootstrap.min.css" type="text/css" media="screen">
+
   <link rel="stylesheet" href="https://2016.igem.org/Team:Tongji_Shanghai/asset/css/bootstrap_min_css?action=raw&ctype=text/css" type="text/css" media="screen">
  
 
   <!-- Font Awesome CSS -->
 
   <!-- Font Awesome CSS -->
   <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="screen">
+
   <link rel="stylesheet" href="https://2016.igem.org/Team:Tongji_Shanghai/css/font-awesome_min_css?action=raw&ctype=text/css" type="text/css" media="screen">
  
 
   <!-- Slicknav -->
 
   <!-- Slicknav -->
   <link rel="stylesheet" type="text/css" href="css/slicknav.css" media="screen">
+
   <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Tongji_Shanghai/css/slicknav_css?action=raw&ctype=text/css" media="screen">
  
 
   <!-- Margo CSS Styles  -->
 
   <!-- Margo CSS Styles  -->
   <link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
+
   <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Tongji_Shanghai/css/style_css?action=raw&ctype=text/css" media="screen">
  
 
   <!-- Responsive CSS Styles  -->
 
   <!-- Responsive CSS Styles  -->
   <link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen">
+
   <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Tongji_Shanghai/css/responsive_css?action=raw&ctype=text/css" media="screen">
 +
 
 +
  <!-- Css3 Transitions Styles  -->
 +
  <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Tongji_Shanghai/css/animate_css?action=raw&ctype=text/css" media="screen">
  
 
   <!-- Color CSS Styles  -->
 
   <!-- Color CSS Styles  -->
   <link rel="stylesheet" type="text/css" href="css/colors/red.css" title="red" media="screen" />
+
   <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:Tongji_Shanghai/css/colors/red_css?action=raw&ctype=text/css" title="red" media="screen" />
   <link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" />
+
   <!--<link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" />
 +
  <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/beige.css" title="beige" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/beige.css" title="beige" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" />
  <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" />
 
 
   <link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" />
Line 47: Line 39:
 
   <link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" />
 
   <link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" />
   <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" />
+
   <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" />-->
 
+
  
 
   <!-- Margo JS  -->
 
   <!-- Margo JS  -->
   <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery-2_1_4_min_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.migrate.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_migrate_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/modernizrr.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/modernizrr_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="asset/js/bootstrap.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/asset/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.fitvids.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_fitvids_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/owl.carousel.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/owl_carousel_min_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/nivo-lightbox.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/nivo-lightbox_min_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_isotope_min_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.appear.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_appear_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/count-to.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/count-to_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.textillate.js"></script>
+
  <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_textillate_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.lettering.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_lettering_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_easypiechart_min_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_nicescroll_min_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.parallax.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_parallax_js?action=raw&amp;ctype=text/javascript"></script>
   <script type="text/javascript" src="js/jquery.slicknav.js"></script>
+
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/mediaelement-and-player_js?action=raw&amp;ctype=text/javascript"></script>
 +
   <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/jquery_slicknav_js?action=raw&amp;ctype=text/javascript"></script>
 +
<!--fonts-->
 +
        <style>
 +
            #sideMenu{
 +
            display:none; /* Disable the display of the annoying side main menu*/
 +
            }
 +
            #top_title
 +
            {
 +
            display:none; /* Disable the annoying title*/
 +
            }
 +
            #content { padding:0px; width:100%; margin-left:0; margin-right:0;}
 +
        </style>
 +
</head>
  
  <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 
  
</head>
 
  
 
<body>
 
<body>
  
   <!-- Container -->
+
   <!-- Full Body Container -->
 
   <div id="container">
 
   <div id="container">
  
     <!-- Start Header -->
+
     <!-- Start Header ( Logo & Naviagtion ) -->
     <div class="hidden-header"></div>
+
     <div class="hidden-header" style="height:83px"></div>
 
     <header class="clearfix">
 
     <header class="clearfix">
  
      <!-- Start Top Bar -->
 
  
      <!-- End Top Bar -->
 
 
      <!-- Start Header ( Logo & Naviagtion ) -->
 
 
       <div class="navbar navbar-default navbar-top">
 
       <div class="navbar navbar-default navbar-top">
 
         <div class="container">
 
         <div class="container">
Line 95: Line 92:
 
             </button>
 
             </button>
 
             <!-- End Toggle Nav Link For Mobiles -->
 
             <!-- End Toggle Nav Link For Mobiles -->
             <a class="navbar-brand" href="https://2016.igem.org/Team:Tongji_Shanghai"><img alt="" src="images/margo.png"></a>
+
             <a class="navbar-brand" href="https://2016.igem.org/Team:Tongji_Shanghai"><img alt="" src="https://static.igem.org/mediawiki/2016/0/0e/T--Tongji_Shanghai--LOGO_RGB.jpg" style="max-height:49px;margin-top:-2px"></a>
 
           </div>
 
           </div>
           <div class="navbar-collapse collapse">
+
           <div class="navbar-collapse collapse" >
  
 
             <!-- Start Navigation List -->
 
             <!-- Start Navigation List -->
Line 103: Line 100:
 
                  
 
                  
 
               <li>
 
               <li>
                 <a href="#">Achievement</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/JudgingCriteria" style="font-family: fantasy; font-size: 18px; padding-top: 20px; padding-bottom: 20px;">Achievement</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
                   <li><a href="contact.html">Judging Criteria</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/JudgingCriteria" style="font-family: fantasy;">Judging Criteria</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts">Parts</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts" style="font-family: fantasy;">Parts</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model">Modeling</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model" style="font-family: fantasy;">Modeling</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Notebook">Notebook</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Notebook" style="font-family: fantasy;">Notebook</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>   
 
             </li>   
 
                  
 
                  
 
               <li>
 
               <li>
                 <a href="#">Project</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Description" style="font-family: fantasy; font-size: 18px; padding-top: 20px; padding-bottom: 20px;">Project</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description" style="font-family: fantasy;">Descrpition</a></li>
 
                   <li><a href="#">Topic 1</a></li>
 
                   <li><a href="#">Topic 1</a></li>
 
                   <li><a href="#">Topic 2</a></li>
 
                   <li><a href="#">Topic 2</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments">Experiments</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Experiments" style="font-family: fantasy;">Experiments</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results">Results</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Results" style="font-family: fantasy;">Results</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 
                  
 
                  
 
               <li>
 
               <li>
                 <a href="#">Outreach</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices" style="font-family: fantasy; font-size: 18px; padding-top: 20px; padding-bottom: 20px;">Outreach</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices" style="font-family: fantasy;">Human Practice</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collabration</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations" style="font-family: fantasy;">Collaboration</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>                 
 
               </li>                 
 
                  
 
                  
 
               <li>
 
               <li>
                 <a href="#">Lab</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Team" style="font-family: fantasy; font-size: 18px; padding-top: 20px; padding-bottom: 20px;">Lab</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team" style="font-family: fantasy;">Team</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions">Attribution</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Attributions" style="font-family: fantasy;">Attribution</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About">About</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/About" style="font-family: fantasy;">About</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>   
 
               </li>   
 
                                  
 
                                  
 
               <li>
 
               <li>
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Safety</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety"style="font-family: fantasy; font-size: 18px; padding-top: 20px; padding-bottom: 20px;">Safety</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Lab Safety</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety" style="font-family: fantasy;">Lab Safety</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety">Bio Safety</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Safety" style="font-family: fantasy;">Bio Safety</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
Line 158: Line 155:
 
         <ul class="wpb-mobile-menu">
 
         <ul class="wpb-mobile-menu">
 
           <li>
 
           <li>
                 <a href="#">Achievement</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Judging">Achievement</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
                   <li><a href="contact.html">Judging Criteria</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Judging">Judging Criteria</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts">Parts</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Parts">Parts</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model">Modeling</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Model">Modeling</a></li>
Line 167: Line 164:
 
           </li>
 
           </li>
 
           <li>
 
           <li>
                 <a href="#">Project</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Project</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Description">Descrpition</a></li>
Line 177: Line 174:
 
           </li>
 
           </li>
 
           <li>
 
           <li>
                 <a href="#">Outreach</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Outreach</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Human_Practices">Human Practice</a></li>
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collabration</a></li>
+
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Collaborations">Collaboration</a></li>
 
                 </ul>
 
                 </ul>
 
           </li>
 
           </li>
 
           <li>
 
           <li>
                 <a href="#">Lab</a>
+
                 <a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Lab</a>
 
                 <ul class="dropdown">
 
                 <ul class="dropdown">
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
 
                   <li><a href="https://2016.igem.org/Team:Tongji_Shanghai/Team">Team</a></li>
Line 198: Line 195:
 
                 </ul>             
 
                 </ul>             
 
           </li>
 
           </li>
          <li>
+
                  </ul>
            <a href="contact.html">Contact</a>
+
          </li>
+
        </ul>
+
 
         <!-- Mobile Menu End -->
 
         <!-- Mobile Menu End -->
  
Line 210: Line 204:
 
     <!-- End Header -->
 
     <!-- End Header -->
  
 
    <!-- Start Page Banner -->
 
    <div class="page-banner">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-6">
 
            <h2>Lab</h2>
 
            <p>Our members and staff</p>
 
          </div>
 
          <div class="col-md-6">
 
            <ul class="breadcrumbs">
 
              <li><a href="#">Home</a></li>
 
              <li>Team</li>
 
            </ul>
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
    <!-- End Page Banner -->
 
 
 
    <!-- Start Content -->
 
    <div id="content">
 
      <div class="container">
 
        <div class="row blog-page">
 
 
          <!--Sidebar-->
 
          <div class="col-md-3 sidebar left-sidebar">
 
 
            <!-- Categories Widget -->
 
            <div class="widget widget-categories" style="display: block;position: fixed;">
 
              <h4>Team <span class="head-line"></span></h4>
 
              <ul>
 
                <li>
 
                  <a href="#">Members</a>
 
                </li>
 
                <li>
 
                  <a href="#">Instructors</a>
 
                </li>
 
                <li>
 
                  <a href="#">Advisors</a>
 
                </li>
 
              </ul>
 
            </div>
 
 
          </div>
 
          <!--End sidebar-->
 
 
          <!-- Start Blog Posts -->
 
          <div class="col-md-9 page-content" style="text-align:justify;">
 
             
 
          <div id="Team">
 
            <!-- Classic Heading -->
 
            <div class="col-md-12" style="padding-bottom:40px">
 
            <div class="carousel slide" id="myCarousel" data-ride="carousel">
 
                  <!-- Indicators -->
 
                  <ol class="carousel-indicators" style="margin: 0 -30%;">
 
                      <li class="active" data-target="#myCarousel" data-slide-to="0"></li>
 
                      <li data-target="#myCarousel" data-slide-to="1"></li>
 
                                           
 
                  </ol>
 
                  <!-- Wrapper for slides -->
 
                <div class="carousel-inner" role="listbox">
 
                  <div class="item active">
 
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2015/0/08/Peking-team-about-01.jpg">
 
                  </div>
 
                 
 
                  <div class="item">
 
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2015/0/09/Peking-team-about-02.jpg">
 
                  </div>
 
               
 
                </div>
 
            <!-- Left and right controls -->
 
                  <a class="left carousel-control" role="button" href="#myCarousel" data-slide="prev">
 
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png"></span>
 
                    <span class="sr-only">Previous</span>
 
                  </a>
 
                  <a class="right carousel-control" role="button" href="#myCarousel" data-slide="next">
 
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png"></span>
 
                    <span class="sr-only">Next</span>
 
                  </a>
 
            </div>
 
          </div>
 
      <!--end of touch slider-->
 
      <!-- Classic Heading -->
 
      <div class="col-md-12" style="padding:0">
 
      <h3 class="classic-title"><span>Meet our team</span></h3>
 
    </div>
 
          <!-- Some Text -->
 
            <p>The team of Peking iGEM 2015, consisting of future scientists, doctors, an engineer, and an applied mathematician, has become a professional and passionate team over the past six months.</p>
 
            <p>On this page, you can find the information about everybody who has contributed to the project. We would like to express our special gratitude to our instructors for their continuous support and encouragement. <span id="Team-Members">Furthermore</span>, we would like to acknowledge our sponsors and all the others who provided valuable advices and essential materials to us. The following is our amazing team. </p>
 
   
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
              <div class="team-member">
 
                <!-- Memebr Photo, Name & Position -->
 
                <div class="member-photo">
 
                  <img alt="" src="images/team/face_1.png" />
 
                  <div class="member-name">Hongning<span>Developer</span></div>
 
                </div>
 
                <!-- Memebr Words -->
 
                <div class="member-info">
 
                  <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat.</p>
 
                </div>
 
              </div>
 
            </div>   
 
   
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
              <div class="team-member">
 
                <!-- Memebr Photo, Name & Position -->
 
                <div class="member-photo">
 
                  <img alt="" src="images/team/face_1.png" />
 
                  <div class="member-name">Will Wang <span>Developer</span></div>
 
                </div>
 
                <!-- Memebr Words -->
 
                <div class="member-info">
 
                  <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat.</p>
 
                </div>
 
              </div>
 
            </div>     
 
   
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
              <div class="team-member">
 
                <!-- Memebr Photo, Name & Position -->
 
                <div class="member-photo">
 
                  <img alt="" src="images/team/face_1.png" />
 
                  <div class="member-name">Will Wang <span>Developer</span></div>
 
                </div>
 
                <!-- Memebr Words -->
 
                <div class="member-info">
 
                  <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat.</p>
 
                </div>
 
              </div>
 
            </div> 
 
             
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
              <div class="team-member">
 
                <!-- Memebr Photo, Name & Position -->
 
                <div class="member-photo">
 
                  <img alt="" src="images/team/face_1.png" />
 
                  <div class="member-name">Will Wang <span>Developer</span></div>
 
                </div>
 
                <!-- Memebr Words -->
 
                <div class="member-info">
 
                  <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore fugiat.</p>
 
                </div>
 
              </div>
 
            </div> 
 
          <!--Members-introduction-->                         
 
          <!-- Classic Heading -->
 
            <div>
 
            <h3 class="classic-title" style="margin-top:50px"><span>Members</span></h3>
 
             
 
            <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">Wang Hongning<span>Wiki Editor</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Editor of wiki pages. Builder of mathematical models.</h4><br>
 
                    <p>As one iGEMer, always dreaming, always imagining, but also always exploring!<br>As one iGEMer, I believe Life Science owns deep philosophy inside and synthetic biology can transform our scientific research into actual application for human social development.<br>I regard Coding as a modern interaction method between us and Nature.<br> We can do so many impressive work using this beautiful language, so that you can see our wiki pages here.<br>
 
                    As one iGEMer, meanwhile, we are researchers, we are artists, we are explorers!<br>
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>
 
 
               
 
          <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">ZHANG Jiawei<span>Team Leader</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Person in charge of logistics and linkman of the institute.</h4><br>
 
                    <p>A man who set his track to be a biology researcher, not traditional but more creative and suits to the market.A man who dreamed of building the iron man suit, not for war purpose, but to strengthen human body, even enable those unable.
 
                    A man who does not be restricted by knowledge, trying to apply what he learned to make his body fit, his family healthy, his skin more smooth.<br>
 
                    A man who desire to be more than a student in his 20s, who shoots commercials, does modeling before camera, and acting in TVs.<br>
 
                    A man who dares do all that may become a man, who dares more is none.<br>
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>               
 
 
 
          <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">ZHU Yumeng<span>Team Manager</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Person in charge of logistics and linkman of the institute.</h4><br>
 
                    <p>For me, majoring in biology is an amazing journey more than an unexpected coincidence.<br>
 
                    Participating in iGEM is a fantastic experience more than a changeable competition.<br>
 
                    It’s an unbelievable story more than an exhausting task to solve the problems during the process with my buddies, introduce iGEM and our projects to middle school students, make plan for our traveling and so on.<br>
 
                    It’s iGEM that makes my campus more colorful.<br>
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>               
 
               
 
          <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">TANG Yinglu<span>Researcher</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Person in charge of cell experiment part.</h4><br>
 
                    <p>A sophomore in Tongji University who is majoring in Life science.<br>
 
                        Love dancing in the rain and crying in the sunshine.<br>
 
                        Love snow, flowers, and all the ordinary things is the unique existence to me.<br>
 
                        Compassionate, imaginative, outgoing and responsible.<br>
 
                        Continually try things that are not easy.<br>
 
                        Hope to be a person who is always smiling no matter what happens.<br>
 
                        Hoping every time you see me, I can bring some happy and sunshine to you.<br>
 
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>                               
 
 
          <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">ZHOU Xingyu<span>Researcher</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Leader of all experiments.</h4><br>
 
                    <p>A man who likes life science and has a desire for researching.<br>
 
                        A student who is willing to learn and do the experiments, and still trying to improve himself not only in studying.<br>
 
                        A member of an efficient team who dares to overcome difficulties and gets things done timely.<br>
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>     
 
               
 
          <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">ZHOU Danlei<span>Researcher</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Person in charge of mouse experiment part.</h4><br>
 
                    <p>A man who likes life science and has a desire for researching.<br>
 
                        A student who is willing to learn and do the experiments, and still trying to improve himself not only in studying.<br>
 
                        A member of an efficient team who dares to overcome difficulties and gets things done timely.<br>
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>
 
               
 
            <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">LYU Tong<span>Researcher</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Part member of mouse experiment, part member of kit building.</h4><br>
 
                    <p>I am Lyu Tong from Tongji University.
 
                        I am bright and optimistic, facing with difficulties bravely.
 
                        I am persistent and patient, pursing my goals actively.<br>
 
                        My major is biotechnology and I love it from deep inside.
 
                        I am eager to come up with and learn new ideas.
 
                        Thanks for iGEM creating a wonderful stage for me. <br>
 
                        I believe iGEM is a valuable bond for you and me where we can make good friends.
 
                        I will fight with our team and spare no effort.
 
                        Come down to our dream and come down with a smile.<br>
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>       
 
               
 
            <div class="row">
 
              <div class="col-md-3 col-sm-6 col-xs-12" style="width:25%;">
 
                <div class="team-member">
 
                    <!-- Memebr Photo, Name & Position -->
 
                    <div class="member-photo">
 
                        <img alt="" src="images/team/face_1.png" />
 
                        <div class="member-name">HU Zhangsen<span>Researcher</span></div>
 
                    </div>
 
                </div>
 
              </div>
 
                  <div class="col-md-9">
 
                    <br>
 
                    <h4>Person in charge of material building part.</h4><br>
 
                    <p>A junior student major in life science.<br>
 
                        Love life and try to find the mystery of life.<br>
 
                        Wander on the way to explain why we are growing, aging, and go dead.<br>
 
                        Be proud to be a member of iGEM this year.<br>
 
                        Design and operate experiment well.<br>
 
                    </p>
 
                  </div>
 
            </div>
 
            <br>                 
 
               
 
               
 
               
 
               
 
           
 
        </div>
 
        <!--End of Team-introduction-->
 
   
 
        <!--Start Instructor-->
 
        <div>
 
            <h3 class="classic-title" style="margin-top:25px"><span>Advisors</span></h3>
 
                <div class="row">
 
                    <div class="col-md-4">
 
                    <img style="max-width:150px" alt="OUYangqi-Peking" src="https://static.igem.org/mediawiki/2015/a/a8/Peking_individual_OUYANG_Qi.jpg">
 
                    <h4><em>&nbsp;&nbsp;OUYANG Qi</em></h4>
 
                    </div>
 
                    <div class="col-md-4">
 
                    <img style="max-width:150px" alt="LOUChunbo-Peking" src="https://static.igem.org/mediawiki/2015/8/84/Peking_individual_LOU_Chunbo.jpg">
 
                    <h4><em>&nbsp;&nbsp;LOU Chunbo</em></h4>
 
                    </div>
 
                    <div class="col-md-4">
 
                    <img style="max-width:150px" alt="ZHANGHaoqian-Peking" src="https://static.igem.org/mediawiki/2015/0/0a/Peking_individual_ZHANG_Haoqian.jpg">
 
                    <h4><em>&nbsp;&nbsp;ZHANG Haoqian</em></h4>
 
                    </div>
 
                </div>
 
        <!--End Instructor-->
 
 
</div>
 
</div>
</div>             
+
</body>
 
+
          </div>
+
           
+
 
+
        </div>
+
      </div>
+
    </div>
+
    <!-- End Content -->
+
 
+
 
+
    <!-- Start Footer -->
+
    <footer>
+
      <div class="container">
+
        <div class="row footer-widgets">
+
 
+
          <!-- Start Contact Widget -->
+
          <div class="col-md-3">
+
            <div class="footer-widget contact-widget">
+
              <h4><img src="images/footer-margo.png" class="img-responsive" alt="Footer Logo" /></h4>
+
              <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
+
              <ul>
+
                <li><span>Phone Number:</span> +01 234 567 890</li>
+
                <li><span>Email:</span> company@company.com</li>
+
                <li><span>Website:</span> www.yourdomain.com</li>
+
              </ul>
+
            </div>
+
          </div>
+
          <!-- .col-md-3 -->
+
          <!-- End Contact Widget -->
+
           
+
          <!-- Start Sponsor Widget -->
+
          <div class="col-md-6">
+
            <div class="footer-widget flickr-widget">
+
              <h4>Sponsors<span class="head-line"></span></h4>
+
           
+
        <ul id="portfolio-list" data-animated="fadeIn">
+
            <li>
+
              <img alt="" src="images/portfolio-1/1.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Town winter 2013</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
             
+
 
+
            </li>
+
            <li>
+
              <img alt="" src="images/portfolio-1/2.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Quarterly Musashino</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
     
+
 
+
            </li>
+
            <li>
+
              <img alt="" src="images/portfolio-1/3.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Mainichi April 2014</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
 
+
 
+
            </li>
+
            <li>
+
              <img alt="" src="images/portfolio-1/4.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Shitamachi Rocket</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
 
+
 
+
            </li>
+
            <li>
+
              <img alt="" src="images/portfolio-1/5.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Majesty express vol. 01</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
 
+
 
+
            </li>
+
            <li>
+
              <img alt="" src="images/portfolio-1/6.png">
+
              <div class="portfolio-item-content">
+
                <span class="header">Monocle issue 69</span>
+
                <p class="body">web develpment, design</p>
+
              </div>
+
 
+
 
+
            </li>
+
          </ul>
+
            </div>
+
          </div>
+
          <!-- .col-md-3 -->
+
          <!-- End Sponsor Widget -->
+
 
+
 
+
          <!-- Start Subscribe & Social Links Widget -->
+
          <div class="col-md-3">
+
            <div class="footer-widget mail-subscribe-widget">
+
              <h4>Get in touch<span class="head-line"></span></h4>
+
              <p>Join our mailing list to stay up to date and get notices about our new releases!</p>
+
              <form class="subscribe">
+
                <input type="text" placeholder="mail@example.com">
+
                <input type="submit" class="btn-system" value="Send">
+
              </form>
+
            </div>
+
            <div class="footer-widget social-widget">
+
              <h4>Follow Us<span class="head-line"></span></h4>
+
              <ul class="social-icons">
+
                <li>
+
                  <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
+
                </li>
+
                <li>
+
                  <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
+
                </li>
+
                <li>
+
                  <a class="google" href="#"><i class="fa fa-google-plus"></i></a>
+
                </li>
+
                <li>
+
                  <a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a>
+
                </li>
+
                <li>
+
                  <a class="linkdin" href="#"><i class="fa fa-linkedin"></i></a>
+
                </li>
+
                <li>
+
                  <a class="flickr" href="#"><i class="fa fa-flickr"></i></a>
+
                </li>
+
                <li>
+
                  <a class="tumblr" href="#"><i class="fa fa-tumblr"></i></a>
+
                </li>
+
                <li>
+
                  <a class="instgram" href="#"><i class="fa fa-instagram"></i></a>
+
                </li>
+
                <li>
+
                  <a class="vimeo" href="#"><i class="fa fa-vimeo-square"></i></a>
+
                </li>
+
                <li>
+
                  <a class="skype" href="#"><i class="fa fa-skype"></i></a>
+
                </li>
+
              </ul>
+
            </div>
+
          </div>
+
          <!-- .col-md-3 -->
+
          <!-- End Subscribe & Social Links Widget -->
+
 
+
        </div>
+
        <!-- row -->
+
 
+
        <!-- Start Copyright -->
+
        <div class="copyright-section">
+
          <div class="row">
+
            <div class="col-md-6">
+
              <p>&copy; 2014 Margo - All Rights Reserved <a href="http://graygrids.com">GrayGrids</a> </p>
+
            </div>
+
            <div class="col-md-6">
+
              <ul class="footer-nav">
+
                <li><a href="#">Sitemap</a></li>
+
                <li><a href="#">Privacy Policy</a></li>
+
                <li><a href="#">Contact</a></li>
+
              </ul>
+
            </div>
+
          </div>
+
        </div>
+
        <!-- End Copyright -->
+
 
+
      </div>
+
    </footer>
+
    <!-- End Footer -->
+
 
+
 
+
  </div>
+
  <!-- End Container -->
+
 
+
  <!-- Go To Top Link -->
+
  <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
+
 
+
  <!-- Style Switcher -->
+
  <div class="switcher-box">
+
 
      
 
      
    <h4>Style Switcher</h4>
 
    <span>12 Predefined Color Skins</span>
 
    <ul class="colors-list">
 
      <li>
 
        <a onClick="setActiveStyleSheet('blue'); return false;" title="Blue" class="blue"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('sky-blue'); return false;" title="Sky Blue" class="sky-blue"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('cyan'); return false;" title="Cyan" class="cyan"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('jade'); return false;" title="Jade" class="jade"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('green'); return false;" title="Green" class="green"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('purple'); return false;" title="Purple" class="purple"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('pink'); return false;" title="Pink" class="pink"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('red'); return false;" title="Red" class="red"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('orange'); return false;" title="Orange" class="orange"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('yellow'); return false;" title="Yellow" class="yellow"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('peach'); return false;" title="Peach" class="peach"></a>
 
      </li>
 
      <li>
 
        <a onClick="setActiveStyleSheet('beige'); return false;" title="Biege" class="beige"></a>
 
      </li>
 
    </ul>
 
    <span>Top Bar Color</span>
 
    <select id="topbar-style" class="topbar-style">
 
      <option value="1">Light (Default)</option>
 
      <option value="2">Dark</option>
 
      <option value="3">Color</option>
 
    </select>
 
    <span>Layout Style</span>
 
    <select id="layout-style" class="layout-style">
 
      <option value="1">Wide</option>
 
      <option value="2">Boxed</option>
 
    </select>
 
    <span>Patterns for Boxed Version</span>
 
    <ul class="bg-list">
 
      <li>
 
        <a href="#" class="bg1"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg2"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg3"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg4"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg5"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg6"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg7"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg8"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg9"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg10"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg11"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg12"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg13"></a>
 
      </li>
 
      <li>
 
        <a href="#" class="bg14"></a>
 
      </li>
 
    </ul>
 
  </div>
 
 
  <script type="text/javascript" src="js/script.js"></script>
 
 
</body>
 
 
 
</html>
 
</html>

Revision as of 17:36, 16 October 2016

Tongji_Shanghai-2016.igem.org Tongji Shanghai