Difference between revisions of "Team:Nankai/test1"

(Created page with "<html > <script> document.styleSheets[0].disabled = true </script> <title>Home</title> <link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.css...")
 
Line 1: Line 1:
<html >
+
<html>
<script>
+
        document.styleSheets[0].disabled = true
+
        </script>
+
<title>Home</title>
+
<link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css'/>
+
<link href="https://2015.igem.org/Team:Nankai/Practices/iShare/bootstrap.min.css?action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
+
<link href="https://2015.igem.org/Template:Nankai/styleCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
+
<script src="2015.igem.org/Team:Nankai/Practices/iShare/jquery.easing.min.js?action=raw&ctype=text/javascript"></script>
+
<link href='http://fonts.useso.com/css?family=Raleway:400,100,300,500,700,800,900,600,200' rel='stylesheet' type='text/css'>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="keywords" content="Agro Agency Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
+
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
+
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
+
<script src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.min.js?action=raw&ctype=text/javascript"> </script>
+
<!---- start-smoth-scrolling---->
+
<script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Practices/iShare/move-top.js?action=raw&ctype=text/javascript/"></script>
+
<script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Practices/iShare/easing.js?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript">
+
jQuery(document).ready(function($) {
+
$(".scroll").click(function(event){
+
event.preventDefault();
+
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
+
});
+
});
+
</script>
+
<!---- start-smoth-scrolling---->
+
  
<!----//requred-js-files---->
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/miscCSS?action=raw&ctype=text/css" />
<script type="text/javascript" src="https://2015.igem.org/Team:Nankai/Practices/iShare/jquery.smint.js?action=raw&ctype=text/javascript"></script>
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/bootstrapCSS?action=raw&ctype=text/css" />
<script type="text/javascript">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Nankai/blue-schemeCSS?action=raw&ctype=text/css" />
$(document).ready( function() {
+
<script src="https://2015.igem.org/Template:Nankai/jquery-1.10.2.minJS?action=raw&ctype=text/javascript"></script>
    $('.subMenu').smint({
+
<style type="text/css">
    'scrollSpeed' : 1000
+
#homeIntro {
    });
+
background-image: url("https://static.igem.org/mediawiki/2015/9/90/Nankai_mainbuilding_flower.jpg");
});
+
width:100%;
</script>
+
}
<style>
+
#homeIntro .parallax-overlay .container.home-intro-content .row .col-md-12 h1{
 +
color:white;
 +
text-decoration: none;
 +
}
 +
#homeIntro .parallax-overlay .container.home-intro-content .row .col-md-12 h4{
 +
color:white;
 +
text-decoration: none;
 +
}
 +
body {
 +
height:auto;
 +
}
 +
#occupation{
 +
display:block;
 +
width:50%;
 +
max-width:450px;
 +
float: left;
 +
margin-right:2%;
 +
height:30px;
 +
}
 +
.normalsection img{
 +
width:100%;
 +
height:auto;
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
  
  /*Clear existing style*/
+
.text {
 +
min-height:250px;
 +
}
 +
.content .text img {
 +
display:block;
 +
width:50%;
 +
max-width:450px;
 +
height:auto;
 +
}
 +
.rightfloat img{
 +
float: right;
 +
margin-left:2%;
 +
}
 +
.leftfloat img{
 +
float: left;
 +
margin-right:2%;
 +
}
  
 +
section {
 +
text-align: center;
 +
height:auto;
  
  #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
+
}
    display:none;
+
.normalsection {
  }
+
margin-top:20px;
 +
}
 +
.content {
 +
width:80%;
 +
margin-left:auto;
 +
margin-right:auto;
 +
text-align: left;
 +
margin-top:
 +
50px;
 +
}
  
  html, body {
 
    width: auto !important;
 
    /*overflow-x: hidden !important;*/
 
    height: 100% !important;
 
 
  }
 
  /*End claer*/
 
 
</style>
 
</style>
 +
<section id="homeIntro" class="parallax first-widget firstsection">
 +
    <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="row">
 +
                                     
 +
        <div class="col-md-12">
  
 
+
        <h1>Welcome to Nankai IGEM team!</h1>
<!--body-->
+
        <h4>From college of life science</h4>
 
+
        </div> <!-- /.col-md-12 -->
+
        </div> <!-- /.row -->
<!---- start-portfolio-script----->
+
    </div> <!-- /.container -->
<script src="https://2015.igem.org/Template:Nankai/hover_packJS?action=raw&ctype=text/javascript"></script>
+
    </div> <!-- /.parallax-overlay -->
<script type="text/javascript" src="https://2015.igem.org/Template:Nankai/jquery.mixitup.minJS?action=raw&ctype=text/javascript "></script>
+
</section>
<script type="text/javascript">
+
<section class="normalsection">
$(function () {
+
<img src="https://static.igem.org/mediawiki/2015/5/56/Nankai_division.png">
var filterList = {
+
<h3>This autumn, we're coming!</h3>
init: function () {
+
<div id="portfolio-carousel" class="portfolio-carousel portfolio-holder">
+
<div class="item">
// MixItUp plugin
+
<div class="thumb-post">
// http://mixitup.io
+
<div class="overlay">
$('#portfoliolist').mixitup({
+
<div class="overlay-inner">
targetSelector: '.portfolio',
+
<div class="portfolio-infos">
filterSelector: '.filter',
+
<span class="meta-category">The titles of our lab.</span>
effects: ['fade'],
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/a/af/Nankai_test.jpg">Original Picture</a></h3>
easing: 'snap',
+
</div>
// call the hover effect
+
onMixEnd: filterList.hoverEffect()
+
</div>
});
+
</div>
+
<img src="https://static.igem.org/mediawiki/2015/e/ec/Nankai_pic1.JPG" alt="The titles of our lab.">
},
+
hoverEffect: function () {
+
// Simple parallax effect
+
$('#portfoliolist .portfolio').hover(
+
function () {
+
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
+
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
+
},
+
function () {
+
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
+
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
+
}
+
);
+
+
}
+
+
};
+
// Run the show!
+
filterList.init();
+
});
+
</script>
+
<!----//End-portfolio-script----->
+
<ul id="filters" class="clearfix">
+
<li><span class="filter active" data-filter="app card icon">All</span></li>
+
<li><span class="filter" data-filter="app">Lab</span></li>
+
<li><span class="filter" data-filter="card">Experiment</span></li>
+
<li><span class="filter" data-filter="icon">Development</span></li>
+
</ul>
+
<div id="portfoliolist">
+
<div class="portfolio app mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
    <img src="https://static.igem.org/mediawiki/2015/e/ef/Nankai_Lab1.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
    <img src="https://static.igem.org/mediawiki/2015/a/a0/Nankai_Lab2.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="portfolio card mix_all" data-cat="web" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
<img src="https://static.igem.org/mediawiki/2015/e/e3/Nankai_Lab3.jpg" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
    <img src="https://static.igem.org/mediawiki/2015/f/f7/Nankai_Lab8.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
    <img src="https://static.igem.org/mediawiki/2015/c/c5/Nankai_Lab4.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
    <img src="https://static.igem.org/mediawiki/2015/4/41/Nankai_Lab5.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
    <img src="https://static.igem.org/mediawiki/2015/0/08/Nankai_Lab6.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="portfolio icon mix_all" data-cat="icon" style="display: inline-block; opacity: 1;">
+
<div class="portfolio-wrapper">
+
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#" class="b-link-stripe b-animate-go  thickbox">
+
    <img src="https://static.igem.org/mediawiki/2015/7/7d/Nankai_Lab7.JPG" /><div class="b-wrapper"><h2 class="b-animate b-from-left    b-delay03 "><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" alt=""/></h2>
+
  </div></a>
+
                </div>
+
</div>
+
<div class="clearfix"> </div>
+
 
</div>
 
</div>
</div>
+
</div> <!-- /.item -->
<!----//End-portfolio---->
+
<div class="item">
<script src="https://2015.igem.org/Template:Nankai/bootstrap.minJS?action=raw&ctype=text/javascript bootstrap.minJS"></script>
+
<div class="thumb-post">
<!----start-model-box---->
+
<div class="overlay">
<a data-toggle="modal" data-target=".bs-example-modal-md" href="#"> </a>
+
<div class="overlay-inner">
<div class="modal fade bs-example-modal-md light-box" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
+
<div class="portfolio-infos">
  <div class="modal-dialog modal-md">
+
<span class="meta-category">This is where we do our project.</span>
    <div class="modal-content light-box-info">
+
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/9/93/Nankai_pic2.JPG">Original Picture</a></h3>
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><img src="https://static.igem.org/mediawiki/2015/e/e1/Nankai_link-ico.png" title="close" /></button>
+
</div>
    <h3>Place Yours content here</h3>
+
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris egestas orci et blandit dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque posuere diam et est hendrerit, eget sodales lectus tincidunt. Etiam suscipit orci sapien, at molestie lorem imperdiet vitae. Fusce nunc eros, congue non hendrerit sed, lobortis scelerisque magna. Ut in nunc sem. Integer bibendum enim et erat molestie, sed interdum nisl ultricies. In hac habitasse platea dictumst. Nullam sem diam, tincidunt dapibus tellus pulvinar, pulvinar tempus dui. Integer eu faucibus arcu. Duis adipiscing commodo ipsum dapibus elementum.</p>
+
    </div>
+
  </div>
+
 
</div>
 
</div>
<!----start-model-box---->
+
</div>
<div class="copy-right">
+
<img src="https://static.igem.org/mediawiki/2015/9/93/Nankai_pic2.JPG" alt="This is where we do our project.">
<p>Copyright &copy; 2015.Nankai iGEM All rights reserved.<a target="_blank" href="https://2015.igem.org/Team:Nankai/">Nakai iGEM</a> </a></p>
+
</div>
 +
</div> <!-- /.item -->
 +
<div class="item">
 +
<div class="thumb-post">
 +
<div class="overlay">
 +
<div class="overlay-inner">
 +
<div class="portfolio-infos">
 +
<span class="meta-category">Our kind professor.</span>
 +
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/7/76/Nankai_pic3.JPG">Original Picture</a></h3>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2015/7/76/Nankai_pic3.JPG" alt="Our kind professor.">
 +
</div>
 +
</div> <!-- /.item -->
 +
<div class="item">
 +
<div class="thumb-post">
 +
<div class="overlay">
 +
<div class="overlay-inner">
 +
<div class="portfolio-infos">
 +
<span class="meta-category">We have a cute captain.</span>
 +
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/d/da/Nankai_pic4.JPG">Original Picture</a></h3>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2015/d/da/Nankai_pic4.JPG" alt="We have a cute captain.">
 +
</div>
 +
</div> <!-- /.item -->
 +
<div class="item">
 +
<div class="thumb-post">
 +
<div class="overlay">
 +
<div class="overlay-inner">
 +
<div class="portfolio-infos">
 +
<span class="meta-category">Conferences are just our routine.</span>
 +
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/d/dc/Nankai_pic5.JPG">Original Picture</a></h3>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2015/d/dc/Nankai_pic5.JPG" alt="Conferences are just our routine">
 +
</div>
 +
</div> <!-- /.item -->
 +
<div class="item">
 +
<div class="thumb-post">
 +
<div class="overlay">
 +
<div class="overlay-inner">
 +
<div class="portfolio-infos">
 +
<span class="meta-category">Everyone is working hard.</span>
 +
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/b/b0/Nankai_pic6.JPG">Original Picture</a></h3>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2015/b/b0/Nankai_pic6.JPG" alt="Everyone is working hard.">
 +
</div>
 +
</div> <!-- /.item -->
 +
<div class="item">
 +
<div class="thumb-post">
 +
<div class="overlay">
 +
<div class="overlay-inner">
 +
<div class="portfolio-infos">
 +
<span class="meta-category">We are the Nankai 2015 team .</br>We are the member of college of life science.</span>
 +
<h3 class="portfolio-title"><a href="https://static.igem.org/mediawiki/2015/2/2b/Nankai_pic7.JPG">Original Picture</a></h3>
 +
</div>
 +
 +
</div>
 +
</div>
 +
<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 science.">
 +
</div>
 +
</div> <!-- /.item -->
 +
</div>
 +
<div class="content rightfloat">
 +
<h4> This is our team!</h4>
 +
<div class="text">
 +
<img src="https://static.igem.org/mediawiki/2015/d/d2/Nankai_group_photo.jpg">
 +
<p>Team Nankai 2015 is consist of ? junior students, ? senior students and 3 instructors. With our team established in March 2015, we are more than excited to join the big community of iGEM. Our team is organized within the College of Life Science of Nankai University, where all of the team members have spent two or three years studying and conducting researches. </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>
</div>
 
 
</div>
 
</div>
 +
 +
<div class="content leftfloat">
 +
<div id="occupation"></div>
 +
<h4> Do you know……?</h4>
 +
<div class="text">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c3/Nankai_γPGAproduct.jpg">
 +
<p>What is “Pudding Health kit”? The Pudding Health kit is actually a jelly-like unguent made of Poly-γ-glutamic acid (γ-PGA) and medicine, which has a significantly better effect on healing the wounds than usual unguents.
 +
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?<a href="https://2015.igem.org/Team:Nankai/Description"> Click here to learn more………</a></p>
 +
</div>
 +
</div>
 +
</section>
 +
 
</html>
 
</html>
 
{{Nankai}}
 
{{Nankai}}

Revision as of 07:51, 16 August 2015

Your place: Home

Welcome to Nankai IGEM team!

From college of life science

This autumn, we're coming!

This is our team!

Team Nankai 2015 is consist of ? junior students, ? senior students and 3 instructors. With our team established in March 2015, we are more than excited to join the big community of iGEM. Our team is organized within the College of Life Science of Nankai University, where all of the team members have spent two or three years studying and conducting researches.

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”? The Pudding Health kit is actually a jelly-like unguent made of Poly-γ-glutamic acid (γ-PGA) and medicine, which has a significantly better effect on healing the wounds than usual unguents. 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………

Medigo Blue, free responsive template