Difference between revisions of "Team:Nankai"

 
(334 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{Nankai}}
−
<html lang="en-US">
+
<html>
−
<head>
+
−
<meta charset="UTF-8">
+
−
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
−
<title>Medigo Blue, free responsive template</title>
+
−
    <meta name="keywords" content="">
+
−
<meta name="description" content="">
+
−
    <meta name="author" content="templatemo">
+
−
   
+
−
   
+
−
<!-- Google Fonts -->
+
−
<link href="http://fonts.useso.com/css?family=PT+Serif:400,700,400italic,700itali" rel="stylesheet">
+
−
<link href="http://fonts.useso.com/css?family=Raleway:400,900,800,700,500,200,100,600" rel="stylesheet">
+
  
−
<!-- Stylesheets -->
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/bootstrapCSS?action=raw&ctype=text/css" />
−
<link rel="stylesheet" href="https://2015.igem.org/Template:Nankai/bootstrapCSS?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/blue-schemeCSS?action=raw&ctype=text/css" />
−
<link rel="stylesheet" href="https://2015.igem.org/Template:Nankai/miscCSS?action=raw&ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/miscCSS?action=raw&ctype=text/css" />
−
<link rel="stylesheet" href="https://2015.igem.org/Template:Nankai/blue-schemeCSS?action=raw&ctype=text/css">
+
<script src="https://2015.igem.org/Template:Nankai/jquery-1102min?action=raw&ctype=text/javascript"></script>
−
+
<style type="text/css">
−
<!-- JavaScripts -->
+
#globalWrapper,section{
−
<script src="https://2015.igem.org/Template:Nankai/jquery-1.10.2.minJS?action=raw&ctype=text/javascript"></script>
+
min-width:990px;
−
<script src="https://2015.igem.org/Template:Nankai/jquery-migrate-1.2.1.minJS?action=raw&ctype=text/javascript"></script>
+
}
 +
.bottom{
 +
margin-bottom:100px;
 +
}
 +
#homeIntro {
 +
background-image: url("https://static.igem.org/mediawiki/2015/9/90/Nankai_mainbuilding_flower.jpg");
 +
width:100%;
 +
}
 +
.iShare{
 +
background-image: url("https://static.igem.org/mediawiki/2015/8/87/Nankai_ispic.jpg");
 +
width:100%;
 +
color:#FFF;
 +
}
 +
.iShare .content h2{
 +
text-align:center;
 +
color:#FFF;
 +
font-size:42px;
 +
font-weight:600;
 +
line-height:47px;
 +
font-family: 'Segoe UI',Gill Sans,Lucida Sans,Consolas;
 +
}
 +
body {
 +
height:auto;
 +
}
 +
.normalsection img{
 +
width:100%;
 +
height:auto;
 +
margin-left:auto;
 +
margin-right:auto;
  
−
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
+
}
  
−
</head>
+
.content .text img {
−
<body>
+
display:block;
−
<div class="responsive_menu">
+
width:45%;
−
        <ul class="main_menu">
+
height:auto;
−
            <li><a href="index.html">Home</a></li>
+
−
            <li><a href="#">Portfolio</a>
+
−
            <ul>
+
−
            <li><a href="portfolio.html">Portfolio Grid</a></li>
+
−
            <li><a href="project-image.html">Project Image</a></li>
+
−
            <li><a href="project-slideshow.html">Project Slideshow</a></li>
+
−
            </ul>
+
−
            </li>
+
−
            <li><a href="#">Blog</a>
+
−
<ul>
+
−
<li><a href="blog.html">Blog Standard</a></li>
+
−
<li><a href="blog-single.html">Blog Single</a></li>
+
−
                    <li><a href="#">visit templatemo</a></li>
+
−
</ul>
+
−
            </li>
+
−
            <li><a href="archives.html">Archives</a></li>
+
−
            <li><a href="contact.html">Contact</a></li>
+
−
        </ul> <!-- /.main_menu -->
+
−
    </div> <!-- /.responsive_menu -->
+
  
−
<header class="site-header clearfix">
+
}
−
<div class="container">
+
.rightfloat img{
 +
float: right;
 +
margin-left:2%;
 +
margin-bottom:20px;
 +
}
 +
.leftfloat img{
 +
float: left;
 +
margin-right:2%;
 +
}
 +
.leftfloat h4{
 +
margin-left:47%;
 +
}
  
−
<div class="row">
+
section {
 +
text-align: center;
 +
height:auto;
 +
clear:both;
 +
}
  
−
<div class="col-md-12">
+
.normalsection {
 +
margin-top:20px;
 +
}
 +
.content {
 +
width:80%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
text-align: justify;
 +
margin-top:50px;
 +
clear:both;
 +
}
 +
.content p{
 +
text-indent:40px;
 +
font-size: 20px;
 +
font-weight: 100;
 +
font-family:"Lucida Sans Unicode",Times New Roman,Constantia,Gotham,Consolas;
 +
}
  
−
<div class="pull-left logo">
+
.parallax.first-widget.firstsection .parallax-overlay .container.home-intro-content .row .col-md-12 h1{
−
<a href="index.html">
+
color:white;
−
<img src="images/logo.png" alt="Medigo by templatemo">
+
font-weight: 700; 
−
</a>
+
font-size: 50px;
−
</div> <!-- /.logo -->
+
line-height:60px;
 +
font-family: 'Segoe UI',Gill Sans,Lucida Sans,Consolas;
 +
}
 +
.parallax.first-widget.firstsection .parallax-overlay .container.home-intro-content .row .col-md-12 h4{
 +
font-size: 30px;
 +
line-height:35px;
 +
font-weight: 600;
 +
color:white;
 +
font-family: 'Segoe UI',Gill Sans,Lucida Sans,Consolas;
 +
}
  
−
<div class="main-navigation pull-right">
+
.portfolio-infos .meta-category {
 +
  font-size: 14px;
 +
  color: white;
 +
}
  
−
<nav class="main-nav visible-md visible-lg">
+
.content h4{
−
<ul class="sf-menu">
+
font-size: 30px;
−
<li class="active"><a href="index.html">Home</a></li>
+
line-height:35px;
−
            <li><a href="#">Portfolio</a>
+
font-weight: 600;
−
            <ul>
+
font-family: 'Segoe UI',Gill Sans,Lucida Sans,Consolas;
−
            <li><a href="portfolio.html">Portfolio Grid</a></li>
+
}
−
            <li><a href="project-image.html">Project Image</a></li>
+
.normalsection h3{
−
            <li><a href="project-slideshow.html">Project Slideshow</a></li>
+
font-size: 36px;
−
            </ul>
+
font-weight: 700;
−
            </li>
+
font-family: 'Segoe UI',Gill Sans,Lucida Sans,Consolas;
−
            <li><a href="#">Blog</a>
+
line-height:45px;
−
<ul>
+
}
−
<li><a href="blog.html">Blog Standard</a></li>
+
.portfolio-infos .portfolio-title {
−
<li><a href="blog-single.html">Blog Single</a></li>
+
  margin: 10px 0 0 0;
−
                                        <li><a href="#">visit templatemo</a></li>
+
  font-weight: 600;
−
</ul>
+
  font-size: 20px;
−
            </li>
+
}
−
+
.portfolio-infos .meta-category {
−
                                <li><a href="#">Archives</a>
+
  font-size: 14px;
−
<ul>
+
  color: white;
−
<li><a href="blog.html">Blog Standard</a></li>
+
}
−
<li><a href="blog-single.html">Blog Single</a></li>
+
−
                                        <li><a href="#">visit templatemo</a></li>
+
−
</ul>
+
−
<li><a href="#">Archives</a>
+
−
<ul>
+
−
<li><a href="blog.html">Blog Standard</a></li>
+
−
<li><a href="blog-single.html">Blog Single</a></li>
+
−
                                        <li><a href="#">visit templatemo</a></li>
+
−
</ul>             <li><a href="contact.html">Contact</a></li>
+
−
</ul> <!-- /.sf-menu -->
+
−
</nav> <!-- /.main-nav -->
+
  
−
<!-- This one in here is responsive menu for tablet and mobiles -->
 
−
    <div class="responsive-navigation visible-sm visible-xs">
 
−
        <a href="#nogo" class="menu-toggle-btn">
 
−
            <i class="fa fa-bars"></i>
 
−
        </a>
 
−
    </div> <!-- /responsive_navigation -->
 
  
−
</div> <!-- /.main-navigation -->
+
</style>
  
−
</div> <!-- /.col-md-12 -->
+
<section id="homeIntro" class="parallax first-widget firstsection">
−
 
+
−
</div> <!-- /.row -->
+
−
 
+
−
</div> <!-- /.container -->
+
−
</header> <!-- /.site-header -->
+
−
 
+
−
<section id="homeIntro" class="parallax first-widget">
+
 
    <div class="parallax-overlay">
 
    <div class="parallax-overlay">
 +
<p>Your place:&nbsp;<a href="https://2015.igem.org/Team:Nankai">Home</a></p>
 
    <div class="container home-intro-content">
 
    <div class="container home-intro-content">
 +
 
        <div class="row">
 
        <div class="row">
−
        <div class="col-md-12">
+
                                     
−
        <h2>Choose the Optimal Workspace for Your Business</h2>
+
        <div class="col-md-12 ">
−
        <p>We asked six entrepreneurs with drastically different office strategies for their advice on<br> choosing a workspace. </p>
+
 
−
        <a href="#" class="large-button white-color">Download Free <i class="icon-button fa fa-download"></i></a>
+
        <h1>Welcome to Nankai IGEM Team!</h1>
 +
        <h4>From College of Life Sciences, Nankai University.</h4>
 
        </div> <!-- /.col-md-12 -->
 
        </div> <!-- /.col-md-12 -->
 
        </div> <!-- /.row -->
 
        </div> <!-- /.row -->
 
    </div> <!-- /.container -->
 
    </div> <!-- /.container -->
 
    </div> <!-- /.parallax-overlay -->
 
    </div> <!-- /.parallax-overlay -->
−
</section> <!-- /#homeIntro -->
+
</section>
−
 
+
<section class="normalsection">
−
<section class="cta clearfix">
+
<img src="https://static.igem.org/mediawiki/2015/5/56/Nankai_division.png">
−
<div class="container">
+
<h3>This autumn, we're coming!</h3>
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<h4 class="cta-title"><strong>Want to use Medigo?</strong> Go and download it on templatemo.com</h4>
+
−
<a href="#" class="main-button accent-color">Visit templatemo<i class="icon-button fa fa-arrow-right"></i></a>
+
−
</div> <!-- /.col-md-12 -->
+
−
</div> <!-- /.row -->
+
−
</div> <!-- /.container -->
+
−
</section> <!-- /.cta -->
+
−
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >手机网站模板</a></div>
+
−
<section class="light-content services">
+
−
<div class="container">
+
−
<div class="row">
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="service-box-wrap">
+
−
<div class="service-icon-wrap">
+
−
<i class="fa fa-umbrella fa-2x"></i>
+
−
</div> <!-- /.service-icon-wrap -->
+
−
<div class="service-cnt-wrap">
+
−
<h3 class="service-title">Easy Theme Colors</h3>
+
−
<p>There are 4 color themes (blue, green, red, orange) and this one is blue.</p>
+
−
</div> <!-- /.service-cnt-wrap -->
+
−
</div> <!-- /.service-box-wrap -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="service-box-wrap">
+
−
<div class="service-icon-wrap">
+
−
<i class="fa fa-mobile-phone fa-2x"></i>
+
−
</div> <!-- /.service-icon-wrap -->
+
−
<div class="service-cnt-wrap">
+
−
<h3 class="service-title">Change Icons</h3>
+
−
<p>Check <a rel="nofollow" href="http://fontawesome.io/icons/" target="_blank">FontAwesome</a> for your suitable icons. Example: &lt;i class=&quot;fa fa-download&quot;&gt;&lt;/i&gt;</p>
+
−
</div> <!-- /.service-cnt-wrap -->
+
−
</div> <!-- /.service-box-wrap -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="service-box-wrap">
+
−
<div class="service-icon-wrap">
+
−
<i class="fa fa-pencil-square-o fa-2x"></i>
+
−
</div> <!-- /.service-icon-wrap -->
+
−
<div class="service-cnt-wrap">
+
−
<h3 class="service-title">Pixel Perfect Design</h3>
+
−
<p>Based on a 12 column grid system, with every pixel snapped.</p>
+
−
</div> <!-- /.service-cnt-wrap -->
+
−
</div> <!-- /.service-box-wrap -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
</div>
+
−
 
+
−
<div class="row">
+
−
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="service-box-wrap">
+
−
<div class="service-icon-wrap">
+
−
<i class="fa fa-code fa-2x"></i>
+
−
</div> <!-- /.service-icon-wrap -->
+
−
<div class="service-cnt-wrap">
+
−
<h3 class="service-title">Valid HTML5</h3>
+
−
<p>We offer validated html files and well commented code on our themes.</p>
+
−
</div> <!-- /.service-cnt-wrap -->
+
−
</div> <!-- /.service-box-wrap -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="service-box-wrap">
+
−
<div class="service-icon-wrap">
+
−
<i class="fa fa-eye-slash fa-2x"></i>
+
−
</div> <!-- /.service-icon-wrap -->
+
−
<div class="service-cnt-wrap">
+
−
<h3 class="service-title">Retina Ready</h3>
+
−
<p>Incredibly clean design provides you powerful way to grow your business.</p>
+
−
</div> <!-- /.service-cnt-wrap -->
+
−
</div> <!-- /.service-box-wrap -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="service-box-wrap">
+
−
<div class="service-icon-wrap">
+
−
<i class="fa fa-suitcase fa-2x"></i>
+
−
</div> <!-- /.service-icon-wrap -->
+
−
<div class="service-cnt-wrap">
+
−
<h3 class="service-title">Special Thanks</h3>
+
−
<p>Credit goes to <a rel="nofollow" href="http://unsplash.com" target="_blank">Unsplash</a> for images used in this template.</p>
+
−
</div> <!-- /.service-cnt-wrap -->
+
−
</div> <!-- /.service-box-wrap -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
</div> <!-- /.row -->
+
−
</div> <!-- /.container -->
+
−
</section> <!-- /.services -->
+
−
 
+
−
<section class="dark-content portfolio">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<div class="section-header">
+
−
<h2 class="section-title">Our Lovely Portfolio</h2>
+
−
<p class="section-desc">Everything you need to create a professional website.</p>
+
−
</div> <!-- /.section-header -->
+
−
</div> <!-- /.col-md-12 -->
+
−
</div> <!-- /.row -->
+
−
</div> <!-- /.container -->
+
−
+
 
<div id="portfolio-carousel" class="portfolio-carousel portfolio-holder">
 
<div id="portfolio-carousel" class="portfolio-carousel portfolio-holder">
 
<div class="item">
 
<div class="item">
 
<div class="thumb-post">
 
<div class="thumb-post">
−
<div class="overlay">
+
<div class="overlay">
 
<div class="overlay-inner">
 
<div class="overlay-inner">
 
<div class="portfolio-infos">
 
<div class="portfolio-infos">
−
<span class="meta-category">Dashboard Template</span>
+
<span class="meta-category">The titles of our lab.</span>
−
<h3 class="portfolio-title"><a href="project-slideshow.html">Visual Admin</a></h3>
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/e/ec/Nankai_pic1.JPG" target="_blank">Original Picture</a></h3>
−
</div>
+
−
<div class="portfolio-expand">
+
−
<a class="fancybox" href="images/includes/project1.jpg" title="Visual Admin">
+
−
<i class="fa fa-expand"></i>
+
−
</a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="images/includes/project1.jpg" alt="Visual Admin">
+
<img src="https://static.igem.org/mediawiki/2015/e/ec/Nankai_pic1.JPG" alt="The titles of our lab.">
 
</div>
 
</div>
 
</div> <!-- /.item -->
 
</div> <!-- /.item -->
 
<div class="item">
 
<div class="item">
 
<div class="thumb-post">
 
<div class="thumb-post">
−
<div class="overlay">
+
<div class="overlay">
 
<div class="overlay-inner">
 
<div class="overlay-inner">
 
<div class="portfolio-infos">
 
<div class="portfolio-infos">
−
<span class="meta-category">Mobile Ready</span>
+
<span class="meta-category">This is where we do our project.</span>
−
<h3 class="portfolio-title"><a href="project-slideshow.html">Compass Template</a></h3>
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/9/93/Nankai_pic2.JPG" target="_blank">Original Picture</a></h3>
−
</div>
+
−
<div class="portfolio-expand">
+
−
<a class="fancybox" href="images/includes/project2.jpg" title="Compass Template">
+
−
<i class="fa fa-expand"></i>
+
−
</a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="images/includes/project2.jpg" alt="Compass Template">
+
<img src="https://static.igem.org/mediawiki/2015/9/93/Nankai_pic2.JPG" alt="This is where we do our project.">
 
</div>
 
</div>
 
</div> <!-- /.item -->
 
</div> <!-- /.item -->
 
<div class="item">
 
<div class="item">
 
<div class="thumb-post">
 
<div class="thumb-post">
−
<div class="overlay">
+
<div class="overlay">
 
<div class="overlay-inner">
 
<div class="overlay-inner">
 
<div class="portfolio-infos">
 
<div class="portfolio-infos">
−
<span class="meta-category">Responsive Design</span>
+
<span class="meta-category">Our kind professor.</span>
−
<h3 class="portfolio-title"><a href="project-slideshow.html">Awesome Theme</a></h3>
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/7/76/Nankai_pic3.JPG" target="_blank">Original Picture</a></h3>
−
</div>
+
−
<div class="portfolio-expand">
+
−
<a class="fancybox" href="images/includes/project3.jpg" title="Awesome Theme">
+
−
<i class="fa fa-expand"></i>
+
−
</a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="images/includes/project3.jpg" alt="Awesome Theme">
+
<img src="https://static.igem.org/mediawiki/2015/7/76/Nankai_pic3.JPG" alt="Our kind professor.">
 
</div>
 
</div>
 
</div> <!-- /.item -->
 
</div> <!-- /.item -->
 
<div class="item">
 
<div class="item">
 
<div class="thumb-post">
 
<div class="thumb-post">
−
<div class="overlay">
+
<div class="overlay">
 
<div class="overlay-inner">
 
<div class="overlay-inner">
 
<div class="portfolio-infos">
 
<div class="portfolio-infos">
−
<span class="meta-category">Portfolio</span>
+
<span class="meta-category">We have a cute captain.</span>
−
<h3 class="portfolio-title"><a href="project-slideshow.html">Volton Personal Site</a></h3>
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/d/da/Nankai_pic4.JPG" target="_blank">Original Picture</a></h3>
−
</div>
+
−
<div class="portfolio-expand">
+
−
<a class="fancybox" href="images/includes/project4.jpg" title="Volton Personal Site">
+
−
<i class="fa fa-expand"></i>
+
−
</a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="images/includes/project4.jpg" alt="Volton Personal Site">
+
<img src="https://static.igem.org/mediawiki/2015/d/da/Nankai_pic4.JPG" alt="We have a cute captain.">
 
</div>
 
</div>
 
</div> <!-- /.item -->
 
</div> <!-- /.item -->
 
<div class="item">
 
<div class="item">
 
<div class="thumb-post">
 
<div class="thumb-post">
−
<div class="overlay">
+
<div class="overlay">
 
<div class="overlay-inner">
 
<div class="overlay-inner">
 
<div class="portfolio-infos">
 
<div class="portfolio-infos">
−
<span class="meta-category">Green</span>
+
<span class="meta-category">Conferences are just our routine.</span>
−
<h3 class="portfolio-title"><a href="project-slideshow.html">Rectangle Design</a></h3>
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/d/dc/Nankai_pic5.JPG" target="_blank">Original Picture</a></h3>
−
</div>
+
−
<div class="portfolio-expand">
+
−
<a class="fancybox" href="images/includes/project5.jpg" title="Rectangle Design">
+
−
<i class="fa fa-expand"></i>
+
−
</a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="images/includes/project5.jpg" alt="Rectangle Design">
+
<img src="https://static.igem.org/mediawiki/2015/d/dc/Nankai_pic5.JPG" alt="Conferences are just our routine">
 
</div>
 
</div>
 
</div> <!-- /.item -->
 
</div> <!-- /.item -->
 
<div class="item">
 
<div class="item">
 
<div class="thumb-post">
 
<div class="thumb-post">
−
<div class="overlay">
+
<div class="overlay">
 
<div class="overlay-inner">
 
<div class="overlay-inner">
 
<div class="portfolio-infos">
 
<div class="portfolio-infos">
−
<span class="meta-category">Portfolio</span>
+
<span class="meta-category">Everyone is working hard.</span>
−
<h3 class="portfolio-title"><a href="project-slideshow.html">Masonry Gallery</a></h3>
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/b/b0/Nankai_pic6.JPG" target="_blank">Original Picture</a></h3>
−
</div>
+
−
<div class="portfolio-expand">
+
−
<a class="fancybox" href="images/includes/project6.jpg" title="Masonry Gallery">
+
−
<i class="fa fa-expand"></i>
+
−
</a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="images/includes/project6.jpg" alt="Masonry Gallery">
+
<img src="https://static.igem.org/mediawiki/2015/b/b0/Nankai_pic6.JPG" alt="Everyone is working hard.">
 
</div>
 
</div>
 
</div> <!-- /.item -->
 
</div> <!-- /.item -->
 
<div class="item">
 
<div class="item">
 
<div class="thumb-post">
 
<div class="thumb-post">
−
<div class="overlay">
+
<div class="overlay">
 
<div class="overlay-inner">
 
<div class="overlay-inner">
 
<div class="portfolio-infos">
 
<div class="portfolio-infos">
−
<span class="meta-category">Branding / Identity</span>
+
<span class="meta-category">We are the Nankai 2015 team .</br>We are the member of college of life sciences.</span>
−
<h3 class="portfolio-title"><a href="project-slideshow.html">Gloss Template</a></h3>
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/2/2b/Nankai_pic7.JPG" target="_blank">Original Picture</a></h3>
−
</div>
+
−
<div class="portfolio-expand">
+
−
<a class="fancybox" href="images/includes/project7.jpg" title="Gloss Template">
+
−
<i class="fa fa-expand"></i>
+
−
</a>
+
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
−
<img src="images/includes/project7.jpg" alt="Gloss Template">
+
<img src="https://static.igem.org/mediawiki/2015/2/2b/Nankai_pic7.JPG" alt="We are the Nankai 2015 team .</br>We are the member of college of life sciences.">
 
</div>
 
</div>
 
</div> <!-- /.item -->
 
</div> <!-- /.item -->
−
</div> <!-- /#owl-demo -->
+
</div>  
−
</section> <!-- /.portfolio-holder -->
+
<div class="content rightfloat">
 +
<h4> This is our team!</h4>
 +
<div class="text">
 +
<img src="https://static.igem.org/mediawiki/2015/8/80/Nankai_group_photo.JPG">
 +
<p>Team Nankai 2015 is consist of 9 junior students, 11 senior students and 5 instructors. With our team established in March 2015, we are more than excited to join the big community of iGEM.</p>
 +
<p>The idea of synthetic biology attracted us in a way that other fields of study never could, and our passion about science is the engine that has led us all the way through obstacles and setbacks. We are persevering and capable as a research team. However, at spare times, we are just a group of fun-loving young college students. There is always an atmosphere of anticipation that we could blend into iGEM community. So we are looking forward to seeing you at the Giant Jamboree! Want to know more about us? <a href="https://2015.igem.org/Team:Nankai/Team">click here……</a></p>
 +
</div>
 +
</div>
  
−
<section class="testimonials-widget">
+
<div class="content leftfloat">
−
<div class="container">
+
<h4> Do you know……?</h4>
−
<div class="row">
+
<div class="text">
−
<div class="col-md-12">
+
<img src="https://static.igem.org/mediawiki/2015/c/c3/Nankai_γPGAproduct.jpg">
−
<div class="bxslider">
+
<p>What is “Pudding Health kit”? Pudding Health kit is actually a jelly-like unguent made of poly-γ-glutamic acid (γ-PGA) and wound healing medicines. It aims at mitigating prolonged inflammations during the process of tissue regeneration, and speeding up the healing process of chronic wounds like diabetic wounds. </p>
−
<div class="testimonial">
+
<p>What is Poly-γ-glutamic acid? Poly-γ-glutamic acid, i.e. γ-PGA, is an important, naturally occurring polyamide which exhibits excellent peculiarity in water retention and sustained drug release. How is γ-PGA produced? We used engineered <em>Bacillus amyloliquefaciens</em> LL3 for mass production of γ-PGA, yet the original <em>B. amyloliquefaciens</em> LL3 strain that we isolated from fermented food could only produce γ-PGA at a very low yield.</p>
−
<div class="testimonial-content">
+
<p>Wonder how we did it?<a href="https://2015.igem.org/Team:Nankai/Description"> Click here to learn more………</a></p>
−
<span class="testimonial-author">Andy Colin - Architect</span>
+
</div>
−
<p class="testimonial-description">Thank you for all your good work in creating theme. They have a ‘presence’ which feels right.</p>
+
</div>
−
</div>
+
−
</div>
+
−
<div class="testimonial">
+
−
<div class="testimonial-content">
+
−
<span class="testimonial-author">Thomas Teddy - Design Writer</span>
+
−
<p class="testimonial-description">I love the logo. Particularly how the mark can stand on its own. Nice work! It feels tall and proud and powerful — and I love that. That’s what I was after.</p>
+
−
</div>
+
−
</div>
+
−
<div class="testimonial">
+
−
<div class="testimonial-content">
+
−
<span class="testimonial-author">John Willy - Developer</span>
+
−
<p class="testimonial-description">You’re pretty awesome to work with. Incredibly organized, easy to communicate with, responsive with next iterations, and beautiful work.</p>
+
−
</div>
+
−
</div>
+
−
</div> <!-- /.bxslider -->
+
−
</div> <!-- /.col-md-12 -->
+
−
</div> <!-- /.row -->
+
−
</div> <!-- /.container -->
+
−
</section> <!-- /.testimonials-widget -->
+
−
 
+
−
<section class="light-content our-team">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<div class="section-header">
+
−
<h2 class="section-title">Meet our happy staff</h2>
+
−
<p class="section-desc">Medigo is the automated way to keep track of what everyone is working on.</p>
+
−
</div> <!-- /.section-header -->
+
−
</div> <!-- /.col-md-12 -->
+
−
</div> <!-- /.row -->
+
−
</div> <!-- /.container -->
+
−
<div class="team-members">
+
−
<div class="container">
+
−
<div class="row">
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="team-member">
+
−
<div class="thumb-post">
+
−
<img src="images/includes/member1.jpg" alt="">
+
−
<span class="member-role">Marketing Manager</span>
+
−
</div>
+
−
<div class="member-content">
+
−
<h4 class="member-name">Amy Groovy</h4>
+
−
<p>Duis vitae consequat neque. Nulla pharetra eleifend nulla. </p>
+
−
</div>
+
−
</div> <!-- /.team-member -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="team-member">
+
−
<div class="thumb-post">
+
−
<img src="images/includes/member2.jpg" alt="">
+
−
<span class="member-role">Web Developer</span>
+
−
</div>
+
−
<div class="member-content">
+
−
<h4 class="member-name">Candy Sharp</h4>
+
−
<p>Duis vitae consequat neque. Nulla pharetra eleifend nulla. </p>
+
−
</div>
+
−
</div> <!-- /.team-member -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
<div class="col-md-4 col-sm-4">
+
−
<div class="team-member">
+
−
<div class="thumb-post">
+
−
<img src="images/includes/member3.jpg" alt="">
+
−
<span class="member-role">Graphic Designer</span>
+
−
</div>
+
−
<div class="member-content">
+
−
<h4 class="member-name">Linda Master</h4>
+
−
<p>Duis vitae consequat neque. Nulla pharetra eleifend nulla. </p>
+
−
</div>
+
−
</div> <!-- /.team-member -->
+
−
</div> <!-- /.col-md-4 -->
+
−
 
+
−
</div> <!-- /.row -->
+
−
</div> <!-- /.container -->
+
−
</div> <!-- /.team-members -->
+
−
</section> <!-- /.our-team -->
+
−
+
−
<section id="blogPosts" class="parallax">
+
−
    <div class="parallax-overlay">
+
−
    <div class="container">
+
−
        <div class="row">
+
−
        <div class="col-md-12">
+
−
        <div class="section-header">
+
−
<h2 class="section-title">Recent from our blog</h2>
+
−
<p class="section-desc">Everything you need to create a professional website.</p>
+
−
</div> <!-- /.section-header -->
+
−
        </div> <!-- /.col-md-12 -->
+
−
        </div> <!-- /.row -->
+
−
        <div class="row latest-posts">
+
−
        <div class="col-md-4 col-sm-6">
+
−
        <div class="blog-post clearfix">
+
−
        <div class="thumb-post">
+
−
        <a href="blog-single.html"><img src="images/includes/blogthumb1.jpg" alt="" class="img-circle"></a>
+
−
        </div>
+
−
        <div class="blog-post-content">
+
−
        <h4 class="post-title"><a href="blog-single.html">Getting Creative With the Google Maps API</a></h4>
+
−
        <span class="meta-post-date">12 February 2084</span>
+
−
        </div>
+
−
        </div> <!-- /.blog-post -->
+
−
        </div> <!-- /.col-md-4 -->
+
−
        <div class="col-md-4 col-sm-6">
+
−
        <div class="blog-post clearfix">
+
−
        <div class="thumb-post">
+
−
        <a href="blog-single.html"><img src="images/includes/blogthumb2.jpg" alt="" class="img-circle"></a>
+
−
        </div>
+
−
        <div class="blog-post-content">
+
−
        <h4 class="post-title"><a href="blog-single.html">Design Deliverables – easily share project</a></h4>
+
−
        <span class="meta-post-date">10 February 2084</span>
+
−
        </div>
+
−
        </div> <!-- /.blog-post -->
+
−
        </div> <!-- /.col-md-4 -->
+
−
        <div class="col-md-4 col-sm-6">
+
−
        <div class="blog-post clearfix">
+
−
        <div class="thumb-post">
+
−
        <a href="blog-single.html"><img src="images/includes/blogthumb3.jpg" alt="" class="img-circle"></a>
+
−
        </div>
+
−
        <div class="blog-post-content">
+
−
        <h4 class="post-title"><a href="blog-single.html">Using Templates to Get Your Clients Thinking</a></h4>
+
−
        <span class="meta-post-date">8 February 2084</span>
+
−
        </div>
+
−
        </div> <!-- /.blog-post -->
+
−
        </div> <!-- /.col-md-4 -->
+
−
        </div> <!-- /.row -->
+
−
    </div> <!-- /.container -->
+
−
    </div> <!-- /.parallax-overlay -->
+
−
</section> <!-- /#blogPosts -->
+
  
−
<footer class="site-footer">
+
<div class="content rightfloat">
−
<div class="container">
+
<h4> We use modeling in our project.</h4>
−
<div class="row">
+
<div class="text">
−
<div class="col-md-12">
+
<img src="https://static.igem.org/mediawiki/2015/4/4b/Nankai_statistic.jpg">
−
<nav class="footer-nav clearfix">
+
<p>Although our project is promising and exciting, there are many difficulties when it comes to the practical fermentation. We need to consider lots of things before we can get our precious health pudding kit. For example, what culture medium should we use? How much carbon source should we add? How long should the fermentation process be? Well, we can hardly get what we want if it’s too short. On the other hand, a too long process is a waste of source and time, and you know, time means money in the industrial production. Most importantly, will our operation be harmful to the bacteria so that they can’t even survive? These are all we should take care of. </p>
−
<ul class="footer-menu">
+
<p>These practical questions are to be solved by our modeling. For details, <a href="https://2015.igem.org/Team:Nankai/Modeling">click here.</a>
−
<li><a href="index.html">Home</a></li>
+
</p>
−
<li><a href="portfolio.html">Portfolio</a></li>
+
</div>
−
<li><a href="blog.html">Blog Posts</a></li>
+
</div>
−
<li><a href="archives.html">Shortcodes</a></li>
+
−
<li><a href="contact.html">Contact</a></li>
+
−
</ul> <!-- /.footer-menu -->
+
−
</nav> <!-- /.footer-nav -->
+
−
</div> <!-- /.col-md-12 -->
+
−
</div> <!-- /.row -->
+
−
<div class="row">
+
−
<div class="col-md-12">
+
−
<p class="copyright-text">Copyright &copy; 2084 Company Name
+
−
                    | More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
+
−
</div> <!-- /.col-md-12 -->
+
−
</div> <!-- /.row -->
+
−
</div> <!-- /.container -->
+
−
</footer> <!-- /.site-footer -->
+
  
−
<!-- Scripts -->
+
<div class="content leftfloat">
−
<script src="https://2015.igem.org/Template:Nankai/plugins.minJS?action=raw&ctype=text/javascript"></script>
+
<h4> Outside the lab……</h4>
−
        <script src="https://2015.igem.org/Template:Nankai/medigo-custom.minJS?action=raw&ctype=text/javascript"></script>
+
<div class="text">
 +
<img class="bottom" src="https://static.igem.org/mediawiki/2015/6/6d/Nankai_HP.JPG">
 +
<p>As Peter Carr puts it, "Human Practices is the study of how your work affects the world, and how the world affects your work." This year, our team communicated with lots of teams and exchange our ideas.We also bravely showed our ideads on national confenrence.  We were in Beijing, Tianjin, Zhejiang Provicnce and so on. Through communications, our team are growing and our ideas are spreading! <a href="https://2015.igem.org/Team:Nankai/Practices">Here for more information.</a></p>
 +
</div>
 +
</div>
 +
</section>
 +
<section class="iShare">
 +
<div class="content">
 +
<h2>Our feature: iShare!</h2>
 +
<p>As we all know iGEM has already established a functional platform for participators to share Bio-bricks. However materials related to those Bio-bricks are still missing, like bacterial strains and expression vectors. It’s difficult to repeat previous iGEM projects and we want to make a difference by introducing iShare to all the iGEMers.</p>
 +
<p>iShare as we pictured is the first step to all-round resource sharing platform. We suggest iGEM teams put information of materials used in their project on iShare and label those they are willing to share. In this way, future teams could have more resources for similar work and may come up with more improvement.Please see more information on <a href="https://2015.igem.org/Team:Nankai/Practices/iShare">iShare</a>.</p>
 +
</div>
 +
</section>
 +
<section class="normalsection">
 +
<img src="https://static.igem.org/mediawiki/2015/6/60/Nankai_division2.png">
 +
</section>
  
−
</body>
 
 
</html>
 
</html>
 +
{{Nankaifoot}}

Latest revision as of 15:58, 18 September 2015

Medigo Blue, free responsive template

Your place: Home

Welcome to Nankai IGEM Team!

From College of Life Sciences, Nankai University.

This autumn, we're coming!

This is our team!

Team Nankai 2015 is consist of 9 junior students, 11 senior students and 5 instructors. With our team established in March 2015, we are more than excited to join the big community of iGEM.

The idea of synthetic biology attracted us in a way that other fields of study never could, and our passion about science is the engine that has led us all the way through obstacles and setbacks. We are persevering and capable as a research team. However, at spare times, we are just a group of fun-loving young college students. There is always an atmosphere of anticipation that we could blend into iGEM community. So we are looking forward to seeing you at the Giant Jamboree! Want to know more about us? click here……

Do you know……?

What is “Pudding Health kit”? Pudding Health kit is actually a jelly-like unguent made of poly-γ-glutamic acid (γ-PGA) and wound healing medicines. It aims at mitigating prolonged inflammations during the process of tissue regeneration, and speeding up the healing process of chronic wounds like diabetic wounds.

What is Poly-γ-glutamic acid? Poly-γ-glutamic acid, i.e. γ-PGA, is an important, naturally occurring polyamide which exhibits excellent peculiarity in water retention and sustained drug release. How is γ-PGA produced? We used engineered Bacillus amyloliquefaciens LL3 for mass production of γ-PGA, yet the original B. amyloliquefaciens LL3 strain that we isolated from fermented food could only produce γ-PGA at a very low yield.

Wonder how we did it? Click here to learn more………

We use modeling in our project.

Although our project is promising and exciting, there are many difficulties when it comes to the practical fermentation. We need to consider lots of things before we can get our precious health pudding kit. For example, what culture medium should we use? How much carbon source should we add? How long should the fermentation process be? Well, we can hardly get what we want if it’s too short. On the other hand, a too long process is a waste of source and time, and you know, time means money in the industrial production. Most importantly, will our operation be harmful to the bacteria so that they can’t even survive? These are all we should take care of.

These practical questions are to be solved by our modeling. For details, click here.

Outside the lab……

As Peter Carr puts it, "Human Practices is the study of how your work affects the world, and how the world affects your work." This year, our team communicated with lots of teams and exchange our ideas.We also bravely showed our ideads on national confenrence. We were in Beijing, Tianjin, Zhejiang Provicnce and so on. Through communications, our team are growing and our ideas are spreading! Here for more information.

Our feature: iShare!

As we all know iGEM has already established a functional platform for participators to share Bio-bricks. However materials related to those Bio-bricks are still missing, like bacterial strains and expression vectors. It’s difficult to repeat previous iGEM projects and we want to make a difference by introducing iShare to all the iGEMers.

iShare as we pictured is the first step to all-round resource sharing platform. We suggest iGEM teams put information of materials used in their project on iShare and label those they are willing to share. In this way, future teams could have more resources for similar work and may come up with more improvement.Please see more information on iShare.

Medigo Blue, free responsive template

Copyright © Nankai University

Nankai IGEM Team 2015