Difference between revisions of "Team:AHUT China"

Line 1: Line 1:
 
{{:Team:AHUT_China/Template/CSS_RESET}}
 
{{:Team:AHUT_China/Template/CSS_RESET}}
−
 
 
<html lang="zh-CN">
 
<html lang="zh-CN">
 
<head>
 
<head>
Line 9: Line 8:
 
     <!-- 上述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>
 
<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;">
Line 26: Line 29:
 
         <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-2 ">
+
        <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">
 
                 <span class="sr-only">Toggle navigation</span>
 
                 <span class="sr-only">Toggle navigation</span>
Line 34: Line 38:
 
             </button>
 
             </button>
  
−
            <a class="navbar-brand" href="#">放logo</a>
+
<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="#">AHUT</a>
+
           
 
         </div>
 
         </div>
  
Line 47: Line 51:
 
                     <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="Http_:_//2017.igem.org/Team_:_AHUT_China/Pathway and Design">Pathway&Design</a></li>
+
                         <li><a href="https://2017.igem.org/Http_:_//2017.igem.org/Team_:_AHUT_China/Pathway&Design">Pathway&Design</a></li>
 
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/Biobrick">Biobrick</a></li>
 
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/Biobrick">Biobrick</a></li>
−
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/protocols">protocols</a></li>
+
                         <li><a href="Http_:_//2017.igem.org/Team_:_AHUT_China/protocds">protocds</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>
Line 93: Line 97:
 
     </div><!-- /.container-fluid -->
 
     </div><!-- /.container-fluid -->
 
</nav>
 
</nav>
 +
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 +
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
 +
<!----- 导航结束---->
 +
<!---滚动图片--->
 +
<!----start-slider-script---->
 +
<script src="http://oyla114lp.bkt.clouddn.com/responsiveslides.min.js?action=raw&ctype=text/javascript" type="text/javascript" ></script>
  
 +
<script>
 +
    // You can also use "$(window).load(function() {"
 +
    $(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  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">
 +
          <div class="slide-text-info">
 +
          <h1>Biocompass: The Maze Runner</h1>
 +
<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;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. </p>
 +
          <div class="slide-btns">
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">ABOUT</a>
 +
          <a class="livedemo" href="http://oyla114lp.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.mp4">VIDEO</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li>
 +
        <li>
 +
          <img src="http://oyla114lp.bkt.clouddn.com/paper2.jpg" alt="">
 +
        <div class="caption">
 +
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 +
          <h1>Biocompass: The Maze Runner</h1>
 +
<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;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. </p>
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">ABOUT</a>
 +
          <a class="livedemo" href="http://oyla114lp.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.mp4">VIDEO</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li>
 +
        <li>
 +
          <img src="http://oyla114lp.bkt.clouddn.com/paper3.jpg" alt="">
 +
          <div class="caption">
 +
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 +
          <h1>Biocompass: The Maze Runner</h1>
 +
<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;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. </p>
 +
          <div class="slide-btns">
 +
          <div class="slide-btns">
 +
          <a class="startnow" href="#">ABOUT</a>
 +
          <a class="livedemo" href="http://oyla114lp.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.mp4">VIDEO</a>
 +
          </div>
 +
          </div>
 +
          </div>
 +
        </li>
 +
      </ul>
 +
    </div>        
 +
    <div class="clearfix"> </div>
 +
<!----- //滚动图片结束---->
  
−
 
−
<div id="carousel-example" class="carousel slide" data-ride="carousel" style="height: auto">
 
−
<!--Indicators-->
 
−
    <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://seopic.699pic.com/photo/50000/5577.jpg_wh1200.jpg " 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://seopic.699pic.com/photo/00016/7208.jpg_wh1200.jpg"  ></img>
 
−
        </div>
 
−
    </div>
 
−
 
−
 
−
</div>
 
−
 
−
<h1>Biocompass: The Maze Runner</h1>
 
−
<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>
 
−
<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>
 
−
<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.
 
−
 
−
 
−
</h4>
 
−
 
−
<!--页脚-->
 
−
<footer>
 
−
    <div class="container">
 
−
        <div class="row">
 
−
            <div class="col-sm-2">
 
−
                <h6>Copyright &copy;AHUT_China</h6>
 
−
            </div>
 
−
 
−
            <div class="col-sm-4">
 
−
                <h6>关于我们</h6>
 
−
                <p>
 
−
                    we are AHUT_China!
 
−
                </p>
 
−
            </div>
 
−
 
−
            <div class="col-sm-2">
 
−
                <h6>导航</h6>
 
−
                <ul class="unstyled">
 
−
                    <li><a href="">主页</a></li>
 
−
                    <li><a href="">服务</a></li>
 
−
                    <li><a href="">链接</a></li>
 
−
                    <li><a href="">联系我们</a></li>
 
−
                </ul>
 
−
            </div>
 
−
 
−
            <div class="col-sm-2">
 
−
                <h6>Follow us</h6>
 
−
                <ul class="unstyled">
 
−
                    <li><a href="">weibo</a></li>
 
−
                    <li><a href="">wechat</a></li>
 
−
                    <li><a href="">facebook</a></li>
 
−
                </ul>
 
−
            </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" src="js/bootsnav.js"></script>
 
  
 
<script type="text/javascript">
 
<script type="text/javascript">
 
     $('.carousel').carousel('cycle');
 
     $('.carousel').carousel('cycle');
−
$(function() {
 
−
  $('#spinner').fadeOut();
 
−
})
 
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{:Team:AHUT_China/foot}}

Revision as of 17:08, 31 October 2017

AHUT

  • Biocompass: 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.
        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.

    ABOUT VIDEO

  • Biocompass: 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.
        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.

    ABOUT VIDEO

  • Biocompass: 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.
        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.

    ABOUT VIDEO