Difference between revisions of "Team:AHUT China"

 
(44 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 9: 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>
 
  
 +
<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 36:
 
         <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 45:
 
             </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 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 65: 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 95: 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>
+
<!----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>
  
−
<!-- Slideshow 4 -->
+
<!----//End-slider-script---->
 +
<!-- Slideshow 4 -->
 
    <div  id="top" class="callbacks_container">
 
    <div  id="top" class="callbacks_container">
 
      <ul class="rslides" id="slider4">
 
      <ul class="rslides" id="slider4">
 
        <li>
 
        <li>
−
          <img src="http://oyeu0gk8v.bkt.clouddn.com/%E8%BF%B7%E5%AE%AB2.png" alt="">
+
          <img src="http://oyla114lp.bkt.clouddn.com/paper1.jpg" alt="">
 
<div class="caption bounceInDown" data-wow-delay="0.4s">
 
<div class="caption bounceInDown" data-wow-delay="0.4s">
 
          <div class="slide-text-info">
 
          <div class="slide-text-info">
−
          <h1>welcome to our marketplace</h1>
+
          <h1>Biocompass 3.0: The Maze Runner</h1>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
+
<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>
 
          <div class="slide-btns">
 
          <div class="slide-btns">
−
          <a class="startnow" href="#">VIWE MORE</a>
+
          <div class="slide-btns">
−
          <a class="livedemo" href="#">VIDEO TOUR</a>
+
          <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>
 
          </div>
Line 120: Line 153:
 
        </li>
 
        </li>
 
        <li>
 
        <li>
−
          <img src="http://seopic.699pic.com/photo/50005/7674.jpg_wh1200.jpg" alt="">
+
          <img src="http://oyla114lp.bkt.clouddn.com/paper2.jpg" alt="">
 
        <div class="caption">
 
        <div class="caption">
 
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
−
          <h1>welcome to our marketplace</h1>
+
          <h1>Biocompass 3.0: The Maze Runner</h1>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
+
<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>
 
          <div class="slide-btns">
 
          <div class="slide-btns">
−
          <a class="startnow" href="#">VIWE MORE</a>
+
          <a class="startnow" href="#">ABOUT</a>
−
          <a class="livedemo" href="#">VIDEO TOUR</a>
+
          <a class="livedemo" href="http://oyla114lp.bkt.clouddn.com/%E5%BA%8F%E5%88%97%2001.mp4">VIDEO</a>
 
          </div>
 
          </div>
 
          </div>
 
          </div>
Line 133: Line 166:
 
        </li>
 
        </li>
 
        <li>
 
        <li>
−
          <img src="http://oyeu0gk8v.bkt.clouddn.com/3.jpg" alt="">
+
          <img src="http://oyla114lp.bkt.clouddn.com/paper3.jpg" alt="">
 
          <div class="caption">
 
          <div class="caption">
 
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
 
          <div class="slide-text-info bounceInDown" data-wow-delay="0.4s">
−
          <h1>welcome to our marketplace</h1>
+
          <h1>Biocompass 3.0: The Maze Runner</h1>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.Sed nisi metus,tristique ndolor non,ornare sagittis dolor.Nulla vestibulu lacus...</p>
+
<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>
 
          <div class="slide-btns">
 
          <div class="slide-btns">
−
          <a class="startnow" href="#">VIWE MORE</a>
+
          <div class="slide-btns">
−
          <a class="livedemo" href="#">VIDEO TOUR</a>
+
          <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>
 
          </div>
Line 147: Line 181:
 
      </ul>
 
      </ul>
 
    </div>          
 
    </div>          
−
    <div class="clearfix"> </div-->
+
    <div class="clearfix"> </div>
−
<!----- //End-slider---->
+
<!----- //滚动图片结束---->
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
    <!-- 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>
+
−
    </a>
+
−
    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+
−
        <span class="glyphicon glyphicon-chevron-right"></span>
+
−
    </a-->
+
−
 
+
−
 
+
−
 
+
−
</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">
 
−
    $('.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