Jin Honglei (Talk | contribs) |
Jin Honglei (Talk | contribs) (init home page) |
||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE HTML> | |
<html> | <html> | ||
+ | <head> | ||
+ | <title>Home</title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> | ||
+ | <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/> | ||
+ | <script type="text/javascript" src="js/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="js/bootstrap.min.js"></script> | ||
+ | <script type="application/x-javascript"> | ||
+ | addEventListener("load", | ||
+ | function() { | ||
+ | setTimeout(hideURLbar, 0); | ||
+ | }, false); | ||
+ | function hideURLbar(){ | ||
+ | window.scrollTo(0,1); | ||
+ | } | ||
+ | </script> | ||
+ | <!---- start-smoth-scrolling----> | ||
+ | <script type="text/javascript" src="js/move-top.js"></script> | ||
+ | <script type="text/javascript" src="js/easing.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function($) { | ||
+ | $(".scroll").click(function(event){ | ||
+ | event.preventDefault(); | ||
+ | $('html,body').animate({scrollTop:$(this.hash).offset().top},1200); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!---End-smoth-scrolling----> | ||
+ | <!------ Light Box ------> | ||
+ | <link rel="stylesheet" href="css/swipebox.css"> | ||
+ | <script src="js/jquery.swipebox.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(function($) { | ||
+ | $(".swipebox").swipebox(); | ||
+ | }); | ||
+ | </script> | ||
+ | <!------ Eng Light Box ------> | ||
+ | <script src="js/responsiveslides.min.js"></script> | ||
+ | <script> | ||
+ | $(function () { | ||
+ | $("#slider").responsiveSlides({ | ||
+ | auto: true, | ||
+ | nav: true, | ||
+ | speed: 500, | ||
+ | namespace: "callbacks", | ||
+ | pager: true, | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <link rel="stylesheet" type="text/css" href="css/style4.css" /> | ||
+ | <!--Animation--> | ||
+ | <script src="js/wow.min.js"></script> | ||
+ | <link href="css/animate.css" rel='stylesheet' type='text/css' /> | ||
+ | <script> | ||
+ | new WOW().init(); | ||
+ | </script> | ||
+ | <!---/End-Animation----> | ||
+ | <style> | ||
− | + | .dropdown_menu { | |
− | + | background:#000; filter:alpha(opacity:30); opacity:0.5; | |
− | < | + | } |
+ | .dropdown_title { | ||
+ | margin:0 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $(document).off('click.bs.dropdown.data-api'); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | dropdownOpen(); | ||
+ | }); | ||
+ | function dropdownOpen() { | ||
+ | var $dropdownLi = $('li.dropdown'); | ||
− | <div class=" | + | $dropdownLi.mouseover(function() { |
− | < | + | $(this).addClass('open'); |
− | < | + | }).mouseout(function() { |
− | < | + | $(this).removeClass('open'); |
− | < | + | }); |
− | </ | + | } |
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="header-banner" id="head"> | ||
+ | <div class="slider"> | ||
+ | <div class="callbacks_container"> | ||
+ | <ul class="rslides" id="slider"> | ||
+ | <li> | ||
+ | <img src="images/T--GZHS-United--home_Home-1.jpg" alt=""> | ||
+ | <div class="caption wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> | ||
+ | <div class="logo"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United">mos quit X cry</a> | ||
+ | </div> | ||
+ | <h3>GZHS-United</h3> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="images/T--GZHS-United--home_Home-2.jpg" alt=""> | ||
+ | <div class="caption wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> | ||
+ | <div class="logo"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United">mos quit X cry</a> | ||
+ | </div> | ||
+ | <h3>GZHS-United</h3> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="images/T--GZHS-United--home_Home-3.jpg" alt=""> | ||
+ | <div class="caption wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> | ||
+ | <div class="logo"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United">mos quit X cry</a> | ||
+ | </div> | ||
+ | <h3>GZHS-United</h3> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="images/T--GZHS-United--home_Home-4.jpg" alt=""> | ||
+ | <div class="caption wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> | ||
+ | <div class="logo"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United">mos quit X cry</a> | ||
+ | </div> | ||
+ | <h3>GZHS-United</h3> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="header-bottom"> | ||
+ | <div class="fixed-header"> | ||
+ | <div class="container"> | ||
+ | <div class="top-menu"> | ||
+ | <span class="menu"><img src="images/T--GZHS-United--home_nav.png" alt=""/> </span> | ||
+ | <ul> | ||
+ | <nav class="cl-effect-5"> | ||
+ | <li><a href="https://2017.igem.org/Team:GZHS-United"><span data-hover="HOME">HOME</span></a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="TEAM">TEAM</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Team">Team</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Collaborations">Collaborations</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="PROJECT">PROJECT</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu2"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Description">Description</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Design">Design</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Experiments">Experiments</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="RESULTS">RESULTS</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu3"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Results">Results</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Model">Modeling</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Demonstrate">Demonstrate</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="#">Improve</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="#">Contribution</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="PARTS">PARTS</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu4"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Parts">Parts</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu5" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="NOTEBOOK">NOTEBOOK</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu5"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Gallery">Gallery</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Timeline">Timeline</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/InterLab">InterLab</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu6" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="SAFETY">SAFETY</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu6"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Safety">Safety</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu7" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="HUMAN_PRACTICE" class="dropdown_title">HUMAN PRACTICE</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu7"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/HP/Silver">Silver</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/HP/Gold_Integrated">Gold & Integrated</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Engagement">Public Engagement</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Entrepreneurship">Entrepreneurship</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </nav> | ||
+ | </ul> | ||
+ | <!-- script for menu --> | ||
+ | <!--script-nav--> | ||
+ | <script> | ||
+ | $("span.menu").click(function(){ | ||
+ | $(".top-menu ul").slideToggle("slow" , function(){ | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- //script for menu --> | ||
− | < | + | <!-- script-for sticky-nav --> |
+ | <script> | ||
+ | $(document).ready(function() { | ||
+ | var navoffeset=$(".header-bottom").offset().top; | ||
+ | $(window).scroll(function(){ | ||
+ | var scrollpos=$(window).scrollTop(); | ||
+ | if(scrollpos >=navoffeset){ | ||
+ | $(".header-bottom").addClass("fixed"); | ||
+ | }else{ | ||
+ | $(".header-bottom").removeClass("fixed"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <!-- //script-for sticky-nav --> | ||
+ | </div> | ||
− | <div | + | </div> |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="content"> | |
− | <div class=" | + | <div class="about-section" id="about"> |
− | <div class=" | + | <div class="container"> |
− | <h5> | + | <h3>about us </h3> |
− | < | + | <div class="main wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> |
− | < | + | <div class="view view-fourth "> |
+ | <a href="https://2017.igem.org/Team:GZHS-United/Team"> | ||
+ | <img src="images/T--GZHS-United--home_Home-6.jpg" /> | ||
+ | <div class="mask"> | ||
+ | <h2>Students</h2> | ||
+ | <p>OUR STUDENTS</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="view view-fourth view1"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Team"> | ||
+ | <img src="images/T--GZHS-United--home_Home-7.jpg" /> | ||
+ | <div class="mask"> | ||
+ | <h2>Introducers</h2> | ||
+ | <p>OUR INTRODUCERS</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="view view-fourth"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Team"> | ||
+ | <img src="images/T--GZHS-United--home_Home-8.jpg" /> | ||
+ | <div class="mask"> | ||
+ | <h2>Advicors</h2> | ||
+ | <p>OUR ADVICORS</p> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="menu-section"> | ||
+ | <div class="container"> | ||
+ | <h3> PROJECT ABSTRACT</h3> | ||
+ | <div class="menu-grids wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> | ||
+ | <div class="col-md-4 menu-grid"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Description"> | ||
+ | <img src="images/T--GZHS-United--home_mtx1.png" class="img-responsive" alt="" /> | ||
+ | <div class="menu-info"> | ||
+ | <h5>MTX1</h5> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-md-4 menu-grid "> | ||
+ | <img src="images/T--GZHS-United--home_gif.gif" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <div class="col-md-4 menu-grid menu1 "> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Description"> | ||
+ | <img src="images/T--GZHS-United--home_cry4ba.png" class="img-responsive" alt="" /> | ||
+ | <div class="menu-info"> | ||
+ | <h5>Cry4Ba</h5> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="our_work"> | ||
+ | <div class="container"> | ||
+ | <h3>OUR WORK</h3> | ||
+ | <div class="wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> | ||
+ | <p>Bs mainly target culex mosquitoes, while Bti exibits strong killing effect against Aedes mosquitoes. However, if they work together in one system, the efficiency of both the two protein can improve significantly. Because of that, we decided to build up a system which consist of these two proteins based on synthetic biology. So as to ensure that we can get purified protein, we used E.coli as our bio-chasis to synthesize these proteins and applied them in toxicity test. For there had been many bio-bricks from Cry family in iGEM, the new part Mtx1 we introduced into the biobricks in our project may be applied to strengthen the efficiency of former parts of Cry.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="contact-section"> | ||
+ | <div class="container"> | ||
+ | <h3>contact us</h3> | ||
+ | <div class="contact-grids wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> | ||
+ | <div class="col-md-4 contactgrid"> | ||
+ | <input type="text" class="text" value=" name" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = ' name';}"> | ||
+ | </div> | ||
+ | <div class="col-md-4 contactgrid"> | ||
+ | <input type="text" class="text" value="email" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'email';}"> | ||
+ | </div> | ||
+ | <div class="col-md-4 contactgrid"> | ||
+ | <input type="text" class="text" value="phone" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'phone';}"> | ||
+ | </div> | ||
+ | <div class="col-md-8 contactgrid1"> | ||
+ | <textarea onFocus="if(this.value == 'Your Message') this.value='';" onBlur="if(this.value == '') this.value='Your Message';" >Your Message</textarea> | ||
+ | </div> | ||
+ | <div class="col-md-4 contactgrid2"> | ||
+ | <input type="button" value="send message"> | ||
+ | </div> | ||
+ | <div class="clearfix"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
− | < | + | <script type="text/javascript"> |
− | + | $(document).ready(function() { | |
− | + | $().UItoTop({ easingType: 'easeOutQuart' }); | |
− | + | }); | |
− | + | </script> | |
− | + | <a class="scroll" href="#head" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> | |
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 14:46, 24 September 2017
<!DOCTYPE HTML>
OUR WORK
Bs mainly target culex mosquitoes, while Bti exibits strong killing effect against Aedes mosquitoes. However, if they work together in one system, the efficiency of both the two protein can improve significantly. Because of that, we decided to build up a system which consist of these two proteins based on synthetic biology. So as to ensure that we can get purified protein, we used E.coli as our bio-chasis to synthesize these proteins and applied them in toxicity test. For there had been many bio-bricks from Cry family in iGEM, the new part Mtx1 we introduced into the biobricks in our project may be applied to strengthen the efficiency of former parts of Cry.