View source for Http : //2017.igem.org/Team : AHUT China/Description

{{:Team:AHUT_China/Template/CSS_RESET}}
<html lang="zh-CN">
<head>
    <!--author:lucailei-->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>AHUT</title>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<!--外链 -->
	<link href="http://oyla114lp.bkt.clouddn.com/bootstrap.css" rel='stylesheet' type='text/css' />
	<!------ commn-js files ----->
	<script src="http://oyla114lp.bkt.clouddn.com/jquery.min.js"> </script>
	<!------ commn-js files ----->
	<!----- theme-style ----->
	<link href="http://oyla114lp.bkt.clouddn.com/style.css" rel='stylesheet' type='text/css' />
	<!----- theme-style ----->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</script>
        <link rel="stylesheet" href="http://oyla114lp.bkt.clouddn.com/menu.css?action=raw&ctype=text/css" type="text/css" />
</head>




<body>
<!-- 导航 -->
<nav class="navbar  navbar-default" style="margin-bottom:0px;background-color: #16181b;border-color: #16181b;border-radius: 0px;">
     <div class="container-fluid">
        <div class="row">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header col-md-3">
           
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

<a   class="logo"  href="https://2017.igem.org/Team:AHUT_China"><img src="http://oyeu0gk8v.bkt.clouddn.com/logo12.png"/></a>
            
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse col-md-10 " id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="https://2017.igem.org/Team:AHUT_China/Attributions" >Attribution</span></a>
                </li>
                <li class="dropdown">
                    <a href="http : //2017.igem.org/Team : AHUT_China/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project</span></a>
                    <ul class="dropdown-menu">
                        <li><a href="https://2017.igem.org/Team:AHUT_China/Design">Pathway&Design</a></li>
                        <li><a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Biobrick">Biobrick</a></li>
                        <li><a href="https://2017.igem.org/Team:AHUT_China/Http_:_//2017.igem.org/Team_:_AHUT_China/Http_:_//2017.igem.org/Team_:_AHUT_China/protocols">protocols</a></li>
                        
                        <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/Notebook">Notebook</a></li>
                       
                        <li><a href="https://2017.igem.org/Team:AHUT_China/Http_:_//2017.igem.org/Team_:_AHUT_China/Lab_Pictures">Lab Pictures</a></li>
                        <li><a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/future_work">future work</a></li>
                    </ul>
                </li>

                <li class="dropdown">
                    <a href="https://2017.igem.org/Team:AHUT_China/Collaborations" >Collaborations</span></a>
                </li>
                <li class="dropdown">
                    <a href="http : //2017.igem.org/Team : AHUT_China/HP" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practice</span></a>
                    <ul class="dropdown-menu">
                        <li><a href="https://2017.igem.org/Team:AHUT_China/HP/Silver">Silver</a></li>
                        <li><a href="https://2017.igem.org/Team:AHUT_China/HP/Gold_Integrated">Gold</a></li>
                        <li><a href="https://2017.igem.org/Team:AHUT_China/Engagement">Engagement</a></li>
                        <li><a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/integrated_practices">integrated practices</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Description" >Description</span></a>
                    
                </li>
                <li class="dropdown">
                    <a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Proof" >Proof</span></a>
                
                </li>
 <li class="dropdown">
                    <a href="https://2017.igem.org/Team:AHUT_China/InterLab" >InterLab</span></a>
                
                </li>
                <li class="dropdown">
                    <a href="https://2017.igem.org/Team:AHUT_China/Demonstrate" >Demonstrate</span></a>
                    
                </li>
            </ul>
           
         </div>
        </div>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>


<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>


<!----- 导航结束---->



<div class="content-top" id="about">
		<!---container--->
				<div class="container">
					<div class="content-we">
						<h2><span class="we-are"> </span>
						This project consists of 3 parts: its inspiration, its analysis and its accomplishment.</h2>
						
					</div>
				<div class="row">
					<br>
<br>This project was inspired by the movie, the Maze Runner. In this movie, Thomas, the hero, needs to escape from a maze, which is quite different from others. The structure of it is always changing, so the complexity is always increasing. In order to solve such a problem, we conduct a series of studies based on biological experiments. 
<br>

<br>We can see that "The Maze" could be abstracted into Graph theory algorithm in math. In other word, we need to find an available way from the start to the end. This way can be examined by math analysis or computer program or some other methods. We, however, analyze this theoretical model from the biological point of view, which is more practical.

<br>

<br>Based on the principle of synthetic biology experiment, we obtain the changing start, end and intermediate point. Then by bridging experiment, we can get the double DNA chains which symbolize the available way. Finally, we can examine the products of the experiment to prove the correctness of the available way. In our second round experiment, we further our ideas by putting into the GFP and related parts as the signal in the pathway. Hopefully, they would increase the reliability of this system. It’s not easy to take this into a rather mature process and we just make take a trying in this round.
					</div>
				</div>
			</div>










<!--页脚-->
<!---footer---->
	<div class="footer">
		<div class="container">
		<div class="footer-top">
			<div class="footer-class">
				<p>Copyright &copy; 2014.Company name All rights reserved.</p>
			</div>
			<div class="footer-class-right">
				<ul>
					<li><a class="twitter" href="#"><span> </span></a><li>
					<li><a class="facebook" href="#"><span> </span></a><li>
					<li><a class="skype" href="#"><span> </span></a><li>
					<li><a class="been" href="#"><span> </span></a><li>
					<li><a class="linkedin" href="#"><span> </span></a><li>
					</ul>
			</div>
			</div>
			<div class="clearfix"> </div>
		</div>
		<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>

	</div>
	<!---footer----><!--页脚结束-->

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script type="text/javascript">
    $('.carousel').carousel('cycle');
</script>


</body>
</html>