Difference between revisions of "Team:AHUT China"

 
(75 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{:Team:AHUT_China/Template/CSS_RESET}}
 
{{:Team:AHUT_China/Template/CSS_RESET}}
 +
{{:Team:AHUT_China/Template/bootstrapcss}}
 +
{{:Team:AHUT_China/Template/stylecss}}
 +
{{:Team:AHUT_China/buchongcss}}
 
<html lang="zh-CN">
 
<html lang="zh-CN">
 
<head>
 
<head>
Line 8: Line 11:
 
     <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
 
     <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
 
     <title>AHUT</title>
 
     <title>AHUT</title>
−
    <!-- 新 Bootstrap 核心 CSS 文件 -->
 
−
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
−
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
−
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
−
    <!--[if lt IE 9]>
 
 
     <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
     <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>
 
     <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
 
     <![endif]-->
 
     <![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>
 
</head>
−
<body>
 
  
−
 
−
 
−
<div id="donghua">
 
−
    <EMBED  src=http://oyeu0gk8v.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.swf height=100% width=100% type=application/x-shockwave-flash fullscreen=1 menubar=no quality="high" wmode="transparent" >
 
−
    </EMBED>
 
−
</div>
 
  
−
<style type="text/css">
 
−
#donghua {
 
−
  position: fixed;
 
−
  z-index: 9999999;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
}
 
−
</style>
 
  
−
<script>
 
−
var donghua=document.getElementById('donghua');
 
−
            donghua.style.display='block';
 
−
            setTimeout(function(){
 
−
                donghua.style.display='none';
 
−
            },7000)
 
−
</script>
 
  
 +
<body>
 +
<!-- 导航 -->
 
<nav class="navbar  navbar-default" style="margin-bottom:0px;background-color: #16181b;border-color: #16181b;border-radius: 0px;">
 
<nav class="navbar  navbar-default" style="margin-bottom:0px;background-color: #16181b;border-color: #16181b;border-radius: 0px;">
 
     <div class="container-fluid">
 
     <div class="container-fluid">
 
         <div class="row">
 
         <div class="row">
 
         <!-- Brand and toggle get grouped for better mobile display -->
 
         <!-- Brand and toggle get grouped for better mobile display -->
−
         <div class="navbar-header col-md-10">
+
         <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">
 
             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
Line 56: Line 45:
 
             </button>
 
             </button>
  
−
 
+
<a   class="logo" href="https://2017.igem.org/Team:AHUT_China"><img src="http://oyeu0gk8v.bkt.clouddn.com/logo12.png"/></a>
−
            <a class="navbar-brand" href="https://2017.igem.org/Team:AHUT_China">AHUT</a>
+
           
 
         </div>
 
         </div>
  
Line 69: Line 58:
 
                     <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>
 
                     <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">
 
                     <ul class="dropdown-menu">
−
                         <li><a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Pathway&Design">Pathway&Design</a></li>
+
                         <li><a href="https://2017.igem.org/Team:AHUT_China/Design">Pathway&Design</a></li>
−
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/Biobrick">Biobrick</a></li>
+
                         <li><a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Biobrick">Biobrick</a></li>
−
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/protocds">protocds</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="Http_:_//2017.igem.org/Team_:_AHUT_China/Notebook">Notebook</a></li>
 
                        
 
                        
−
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/Lab Pictures">Lab Pictures</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="Http_:_//2017.igem.org/Team_:_AHUT_China/future work">future work</a></li>
+
                         <li><a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/future_work">future work</a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 87: Line 76:
 
                     <ul class="dropdown-menu">
 
                     <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/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/HP/Gold_Integrated">Gold_Integrated</a></li>
 
                         <li><a href="https://2017.igem.org/Team:AHUT_China/Engagement">Engagement</a></li>
 
                         <li><a href="https://2017.igem.org/Team:AHUT_China/Engagement">Engagement</a></li>
−
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/integrated_practices">integrated practices</a></li>
+
                          
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 
                 <li class="dropdown">
 
                 <li class="dropdown">
−
                     <a href="Http_:_//2017.igem.org/Team_:_AHUT_China/Description" >Description</span></a>
+
                     <a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Description" >Description</span></a>
 
                      
 
                      
 
                 </li>
 
                 </li>
 
                 <li class="dropdown">
 
                 <li class="dropdown">
−
                     <a href="Http_:_//2017.igem.org/Team_:_AHUT_China/Proof" >Proof</span></a>
+
                     <a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Proof" >Proof</span></a>
 
                  
 
                  
 
                 </li>
 
                 </li>
−
<li class="dropdown">
+
 
−
                    <a href="https://2017.igem.org/Team:AHUT_China/InterLab" >InterLab</span></a>
+
 
                  
 
                  
−
                </li>
+
 
 
                 <li class="dropdown">
 
                 <li class="dropdown">
 
                     <a href="https://2017.igem.org/Team:AHUT_China/Demonstrate" >Demonstrate</span></a>
 
                     <a href="https://2017.igem.org/Team:AHUT_China/Demonstrate" >Demonstrate</span></a>
Line 117: Line 105:
  
  
−
<div id="carousel-example" class="carousel slide" data-ride="carousel" style="height: auto">
+
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
−
<!--Indicators-->
+
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
−
    <ol class="carousel-indicators">
+
−
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
−
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
−
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
−
    </ol>
+
  
−
    <!-- Wrapper for slides -->
 
−
    <div class="carousel-inner" style="text-align:center">
 
−
        <div class="item active">
 
−
            <img style=" width:100%" alt="First slide" src="http://oyeu0gk8v.bkt.clouddn.com/%E8%BF%B7%E5%AE%AB2.png " slide></img>
 
−
        </div>
 
−
        <div class="item">
 
−
            <img style="width:100%" alt="Second slide" src="http://seopic.699pic.com/photo/50005/7674.jpg_wh1200.jpg" ></img>
 
−
        </div>
 
−
        <div class="item">
 
−
            <img style="width:100%" alt="Third slide" src="http://oyeu0gk8v.bkt.clouddn.com/3.jpg"  ></img>
 
−
        </div>
 
−
    </div>
 
  
−
    <!-- Controls -->
+
<!----- 导航结束---->
−
    <!--a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+
<!---滚动图片--->
−
        <span class="glyphicon glyphicon-chevron-left"></span>
+
<!----start-slider-script---->
−
    </a>
+
<script src="http://oyla114lp.bkt.clouddn.com/responsiveslides.min.js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
−
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+
<script>
−
        <span class="glyphicon glyphicon-chevron-right"></span>
+
    // You can also use "$(window).load(function() {"
−
    </a-->
+
    $(function () {
 +
      // Slideshow 4
 +
      $("#slider4").responsiveSlides({
 +
        auto: true,
 +
        pager: true,
 +
        nav: true,
 +
        speed: 500,
 +
        namespace: "callbacks",
 +
        before: function () {
 +
          $('.events').append("<li>before event fired.</li>");
 +
        },
 +
        after: function () {
 +
          $('.events').append("<li>after event fired.</li>");
 +
        }
 +
      });
 +
 +
    });
 +
  </script>
  
−
 
+
<!----//End-slider-script---->
−
 
+
<!-- Slideshow 4 -->
−
</div>
+
    <div id="top" class="callbacks_container">
−
 
+
      <ul class="rslides" id="slider4">
−
 
+
        <li>
−
 
+
          <img src="http://oyla114lp.bkt.clouddn.com/paper1.jpg" alt="">
−
 
+
<div class="caption bounceInDown" data-wow-delay="0.4s">
−
<h1>Biocompass: The Maze Runner</h1>
+
          <div class="slide-text-info">
−
<h4> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hello! Welcome to get to know the project designed by one of the iGEM representatives from AHUT_China of 2017. This year we conceive a small plan in which synthetic biology will be applied to help Thomas and his friends to escape from the imprisoned mobile maze.</h4>
+
          <h1>Biocompass 3.0: The Maze Runner</h1>
−
<h4>&nbsp;&nbsp;&nbsp;&nbsp;We have designed a black box. There lies single-strand DNA showing the joint points and roads of the maze. Both of them will change as time files. We implemented a set of integrated experiment to help Thomas and his group to find the exit successfully in spite of facing the already changed maze.</h4>
+
<p>&nbsp;&nbsp;&nbsp;&nbsp;Hello! Welcome to get to know the project designed by one of the iGEM representatives from AHUT_China of 2017. This year we conceive a small plan in which synthetic biology will be applied to help Thomas and his friends to escape from the imprisoned mobile maze.<br>&nbsp;&nbsp;&nbsp;&nbsp;We have designed a black box. There lies single-strand DNA showing the joint points and roads of the maze. Both of them will change as time files. We implemented a set of integrated experiment to help Thomas and his group to find the exit successfully in spite of facing the already changed maze.<br>&nbsp;&nbsp;&nbsp;&nbsp;As a method for mathematical problems, Not only will our project help Thomas and his friends in the future but also it will possibly work as the server of the Internet cloud. It will then be used to provide people with the remote computing service of the navigation software. </p>
−
<h4>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Not only will our project help Thomas and his friends in the future but also it will work as the server of the Internet cloud. It is used to provide people with the remote computing service of the navigation software.
+
          <div class="slide-btns">
−
 
+
          <div class="slide-btns">
−
 
+
          <a class="startnow" href="#">ABOUT</a>
−
</h4>
+
          <a class="livedemo" href="http://oyla114lp.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.mp4">VIDEO</a>
−
 
+
          </div>
−
<!--页脚-->
+
          </div>
−
<footer>
+
          </div>
−
    <div class="container">
+
        </li>
−
        <div class="row">
+
        <li>
−
            <div class="col-sm-2">
+
          <img src="http://oyla114lp.bkt.clouddn.com/paper2.jpg" alt="">
−
                <h6>Copyright &copy;AHUT_China</h6>
+
        <div class="caption">
−
            </div>
+
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
−
 
+
          <h1>Biocompass 3.0: The Maze Runner</h1>
−
            <div class="col-sm-4">
+
<p>&nbsp;&nbsp;&nbsp;&nbsp;Hello! Welcome to get to know the project designed by one of the iGEM representatives from AHUT_China of 2017. This year we conceive a small plan in which synthetic biology will be applied to help Thomas and his friends to escape from the imprisoned mobile maze.<br>&nbsp;&nbsp;&nbsp;&nbsp;We have designed a black box. There lies single-strand DNA showing the joint points and roads of the maze. Both of them will change as time files. We implemented a set of integrated experiment to help Thomas and his group to find the exit successfully in spite of facing the already changed maze.<br>&nbsp;&nbsp;&nbsp;&nbsp; As a method for mathematical problems, Not only will our project help Thomas and his friends in the future but also it will possibly work as the server of the Internet cloud. It will then be used to provide people with the remote computing service of the navigation software. </p>
−
                <h6>关于我们</h6>
+
          <div class="slide-btns">
−
                <p>
+
          <a class="startnow" href="#">ABOUT</a>
−
                    we are AHUT_China!
+
          <a class="livedemo" href="http://oyla114lp.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.mp4">VIDEO</a>
−
                </p>
+
          </div>
−
            </div>
+
          </div>
−
 
+
          </div>
−
            <div class="col-sm-2">
+
        </li>
−
                <h6>导航</h6>
+
        <li>
−
                <ul class="unstyled">
+
          <img src="http://oyla114lp.bkt.clouddn.com/paper3.jpg" alt="">
−
                    <li><a href="">主页</a></li>
+
          <div class="caption">
−
                    <li><a href="">服务</a></li>
+
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
−
                    <li><a href="">链接</a></li>
+
          <h1>Biocompass 3.0: The Maze Runner</h1>
−
                    <li><a href="">联系我们</a></li>
+
<p>&nbsp;&nbsp;&nbsp;&nbsp;Hello! Welcome to get to know the project designed by one of the iGEM representatives from AHUT_China of 2017. This year we conceive a small plan in which synthetic biology will be applied to help Thomas and his friends to escape from the imprisoned mobile maze.<br>&nbsp;&nbsp;&nbsp;&nbsp;We have designed a black box. There lies single-strand DNA showing the joint points and roads of the maze. Both of them will change as time files. We implemented a set of integrated experiment to help Thomas and his group to find the exit successfully in spite of facing the already changed maze.<br>&nbsp;&nbsp;&nbsp;&nbsp;As a method for mathematical problems, Not only will our project help Thomas and his friends in the future but also it will possibly work as the server of the Internet cloud. It will then be used to provide people with the remote computing service of the navigation software. </p>
−
                </ul>
+
          <div class="slide-btns">
−
            </div>
+
          <div class="slide-btns">
−
 
+
          <a class="startnow" href="#">ABOUT</a>
−
            <div class="col-sm-2">
+
          <a class="livedemo" href="http://oyla114lp.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.mp4">VIDEO</a>
−
                <h6>Follow us</h6>
+
          </div>
−
                <ul class="unstyled">
+
          </div>
−
                    <li><a href="">weibo</a></li>
+
          </div>
−
                    <li><a href="">wechat</a></li>
+
        </li>
−
                    <li><a href="">facebook</a></li>
+
      </ul>
−
                </ul>
+
    </div>        
−
            </div>
+
    <div class="clearfix"> </div>
−
 
+
<!----- //滚动图片结束---->
−
 
+
−
        </div>
+
−
    </div>
+
−
</footer><!--页脚结束-->
+
−
 
+
−
 
+
−
 
+
−
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
+
−
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
+
 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
 
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
 
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
−
 
−
<script type="text/javascript">
 
−
    $('.carousel').carousel('cycle');
 
−
$(function() {
 
−
  $('#spinner').fadeOut();
 
−
})
 
−
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{:Team:AHUT_China/buchongcss}}
 +
{{:Team:AHUT_China/footcss}}
 +
{{:Team:AHUT_China/foot}}

Latest revision as of 03:18, 2 November 2017

AHUT

  • Biocompass 3.0: The Maze Runner

        Hello! Welcome to get to know the project designed by one of the iGEM representatives from AHUT_China of 2017. This year we conceive a small plan in which synthetic biology will be applied to help Thomas and his friends to escape from the imprisoned mobile maze.
        We have designed a black box. There lies single-strand DNA showing the joint points and roads of the maze. Both of them will change as time files. We implemented a set of integrated experiment to help Thomas and his group to find the exit successfully in spite of facing the already changed maze.
        As a method for mathematical problems, Not only will our project help Thomas and his friends in the future but also it will possibly work as the server of the Internet cloud. It will then be used to provide people with the remote computing service of the navigation software.

    ABOUT VIDEO

  • Biocompass 3.0: The Maze Runner

        Hello! Welcome to get to know the project designed by one of the iGEM representatives from AHUT_China of 2017. This year we conceive a small plan in which synthetic biology will be applied to help Thomas and his friends to escape from the imprisoned mobile maze.
        We have designed a black box. There lies single-strand DNA showing the joint points and roads of the maze. Both of them will change as time files. We implemented a set of integrated experiment to help Thomas and his group to find the exit successfully in spite of facing the already changed maze.
         As a method for mathematical problems, Not only will our project help Thomas and his friends in the future but also it will possibly work as the server of the Internet cloud. It will then be used to provide people with the remote computing service of the navigation software.

    ABOUT VIDEO

  • Biocompass 3.0: The Maze Runner

        Hello! Welcome to get to know the project designed by one of the iGEM representatives from AHUT_China of 2017. This year we conceive a small plan in which synthetic biology will be applied to help Thomas and his friends to escape from the imprisoned mobile maze.
        We have designed a black box. There lies single-strand DNA showing the joint points and roads of the maze. Both of them will change as time files. We implemented a set of integrated experiment to help Thomas and his group to find the exit successfully in spite of facing the already changed maze.
        As a method for mathematical problems, Not only will our project help Thomas and his friends in the future but also it will possibly work as the server of the Internet cloud. It will then be used to provide people with the remote computing service of the navigation software.

    ABOUT VIDEO