(Prototype team page) |
|||
(48 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<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" /> | ||
+ | <style> | ||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #content { padding:0px; width:100%; margin-top:-5px; margin-left:0px;} | ||
+ | .mw-content-ltr ul{margin: 0;} | ||
+ | .slider{margin-top: -12px; margin-bottom: -2px;} | ||
+ | .dropdown_menu { | ||
+ | background:#000; filter:alpha(opacity:30); opacity:0.7; | ||
+ | } | ||
+ | .dropdown_title { | ||
+ | margin:0 10px; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <link href="https://2017.igem.org/Team:GZHS-United/CSS/homestyle?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> |
− | < | + | <link href="https://2017.igem.org/Team:GZHS-United/CSS/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
− | </ | + | <script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/jquerymin?action=raw&ctype=text/javascript"></script> |
+ | <script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/bootstrapmin?action=raw&ctype=text/javascript"></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="https://2017.igem.org/Team:GZHS-United/JS/movetop?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/easing?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},1200); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!---End-smoth-scrolling----> | ||
+ | <!------ Light Box ------> | ||
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:GZHS-United/CSS/swipebox?action=raw&ctype=text/css"> | ||
+ | <script src="https://2017.igem.org/Team:GZHS-United/JS/jqueryswipeboxmin?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(function($) { | ||
+ | $(".swipebox").swipebox(); | ||
+ | }); | ||
+ | </script> | ||
+ | <!------ Eng Light Box ------> | ||
+ | <script src="https://2017.igem.org/Team:GZHS-United/JS/responsiveslidesmin?action=raw&ctype=text/javascript"></script> | ||
+ | <script> | ||
+ | $(function () { | ||
+ | $("#slider").responsiveSlides({ | ||
+ | auto: true, | ||
+ | nav: false, | ||
+ | speed: 500, | ||
+ | namespace: "callbacks", | ||
+ | pager: true, | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:GZHS-United/CSS/homestyle4?action=raw&ctype=text/css" /> | ||
+ | <!--Animation--> | ||
+ | <script src="https://2017.igem.org/Team:GZHS-United/JS/wowmin?action=raw&ctype=text/javascript"></script> | ||
+ | <link href="https://2017.igem.org/Team:GZHS-United/CSS/animate?action=raw&ctype=text/css" rel='stylesheet' type='text/css' /> | ||
+ | <script> | ||
+ | new WOW().init(); | ||
+ | </script> | ||
+ | <!---/End-Animation----> | ||
+ | <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> | ||
+ | <style> | ||
+ | .dropdown-menu>li>a{font-weight: 600;} | ||
+ | .dropdown-menu>li>a:hover{background-color: #999;} | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="header-banner" id="head"> | ||
+ | <div class="slider"> | ||
+ | <div class="callbacks_container"> | ||
+ | <ul class="rslides" id="slider"> | ||
+ | <li> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/cc/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="https://static.igem.org/mediawiki/2017/e/ee/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="https://static.igem.org/mediawiki/2017/b/bf/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="https://static.igem.org/mediawiki/2017/5/5e/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="https://static.igem.org/mediawiki/2017/8/83/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="https://2017.igem.org/Team:GZHS-United/Contribution">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/Notebook">Notebook</a> | ||
+ | </li> | ||
+ | <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"); | |
− | </div> | + | }else{ |
+ | $(".header-bottom").removeClass("fixed"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <!-- //script-for sticky-nav --> | ||
+ | </div> | ||
− | <div | + | </div> |
− | <div | + | </div> |
− | + | </div> | |
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div class="content"> | ||
+ | <div class="about-section" id="about"> | ||
+ | <div class="container"> | ||
+ | <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 " id="view1"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Team#Students"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/0/02/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" id="view2"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Team#Introducers"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/cb/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" id="view3"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Team#Advicors"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/ac/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-xs-4 col-sm-4 col-md-4 menu-grid"> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Design#MTX1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/d/df/T--GZHS-United--home_mtx1.png" class="img-responsive" alt="" /> | ||
+ | <div class="menu-info"> | ||
+ | <h5>MTX1</h5> | ||
+ | </div> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="col-xs-4 col-sm-4 col-md-4 menu-grid "> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/e4/T--GZHS-United--home_gif.gif" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <div class="col-xs-4 col-sm-4 col-md-4 menu-grid menu1 "> | ||
+ | <a href="https://2017.igem.org/Team:GZHS-United/Design#Cry4Ba"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/8/81/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" id="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 targets Culex mosquitoes, while <em>Bt.i</em> exhibits strong killing effect against Aedes mosquitoes. However, if they work together in one system, the efficiency of both the two protein can improve significantly. Based on this information, we decided to build a system consisting these two proteins using synthetic biology. To ensure that we can get purified protein, we used <em>E.coli</em> as our bio-chasis to synthesize these proteins and applied them in toxicity test. For there had been many bio-bricks from <em>Cry</em> family in iGEM, the new part <em>Mtx1</em> was introduced into the biobricks in our project, which may be applied to strengthen the efficiency of former parts of <em>Cry</em>.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img style="width:100%; height:80%;" src="https://static.igem.org/mediawiki/2017/a/a5/T--GZHS-United--home_banner2_footer.jpg"> | ||
</div> | </div> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Latest revision as of 02:15, 2 November 2017
OUR WORK
Bs mainly targets Culex mosquitoes, while Bt.i exhibits strong killing effect against Aedes mosquitoes. However, if they work together in one system, the efficiency of both the two protein can improve significantly. Based on this information, we decided to build a system consisting these two proteins using synthetic biology. 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 was introduced into the biobricks in our project, which may be applied to strengthen the efficiency of former parts of Cry.