Difference between revisions of "Team:Shanghai United"

Line 68: Line 68:
 
     width: 30%;
 
     width: 30%;
 
left: 33%;
 
left: 33%;
−
  }
+
   
 
</style>
 
</style>
  
 
<body>
 
<body>
  
 +
<!--导航条固定部分-->
 
<div>
 
<div>
−
<!--导航条固定部分-->
+
−
<div style="height: 255px;width: 100%;">
+
 
−
<!-- <div style="text-align: center;">
+
−
<img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png" style="width: 143px; height: 89px;margin-top: 20px;" />
+
−
</div> -->
+
  
−
<!-- <hr /> -->
 
  
 
<ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter="" style="background-color:white">
 
<ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter="" style="background-color:white">
 +
 +
 +
 +
 +
<li class="layui-nav-item" style="text-align: center;">
 +
<img src="https://static.igem.org/mediawiki/2021/e/e1/T--Shanghai_HS--project_overflow_wenzi.png
 +
      " style="width: 210px; height: 24px;margin-top: 20px;" />
 +
</li>
 +
 
<li class="layui-nav-item" style="text-align: center;">
 
<li class="layui-nav-item" style="text-align: center;">
−
    <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png" style="width: 143px; height: 89px;margin-top: 20px;margin-right: 271px;margin-left: 120px;" />
 
−
</li>
 
−
                   
 
−
                    <li class="layui-nav-item" style="text-align: center;">
 
 
<a href="https://2021.igem.org/Team:Shanghai_United" style="text-align: center;">Home</a>
 
<a href="https://2021.igem.org/Team:Shanghai_United" style="text-align: center;">Home</a>
 
</li>
 
</li>
Line 99: Line 101:
 
</dd>
 
</dd>
 
<dd>
 
<dd>
−
<a href="https://2021.igem.org/Team:Shanghai_United/Proof">Proof of Concept</a>
+
<a href="https://2021.igem.org/Team:Shanghai_United/Design">Design</a>
 
</dd>
 
</dd>
 
<dd>
 
<dd>
Line 116: Line 118:
 
</dl>
 
</dl>
 
</li>
 
</li>
−
                    <li class="layui-nav-item" style="text-align: center;">
+
 
−
<a href="javascript:;">Parts</a>
+
<li class="layui-nav-item" style="text-align: center;">
 +
<a href="https://2021.igem.org/Team:Shanghai_United/Contribution">Parts</a>
 +
</li>
 +
 
 +
<li class="layui-nav-item">
 +
<a href="https://2021.igem.org/Team:Shanghai_United/Engineering">Human Practice</a>
 +
</li>
 +
<li class="layui-nav-item">
 +
<a href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
 +
</li>
 +
<li class="layui-nav-item" style="text-align: center;">
 +
<a href="javascript:;">Entreprenuership</a>
 
<dl class="layui-nav-child">
 
<dl class="layui-nav-child">
 
<!-- 二级菜单 -->
 
<!-- 二级菜单 -->
Line 132: Line 145:
 
</dl>
 
</dl>
 
</li>
 
</li>
−
                    <li class="layui-nav-item">
 
−
<a href="javascript:;">Human Practice</a>
 
−
<dl class="layui-nav-child">
 
−
<!-- 二级菜单 -->
 
−
<dd>
 
−
<a href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
 
−
</dd>
 
−
</dl>
 
−
</li>
 
−
                    <li class="layui-nav-item" style="text-align: center;">
 
−
<a href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
 
−
</li>
 
−
 
 
<li class="layui-nav-item" style="text-align: center;">
 
<li class="layui-nav-item" style="text-align: center;">
−
<a href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
+
<a href="https://2021.igem.org/Team:Shanghai_United/Model">Modeling</a>
−
</li>
+
</li>
−
+
−
<li class="layui-nav-item" style="text-align: center;">
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Modeling">Modeling</a>
+
−
</li>
+
−
+
  
 
<li class="layui-nav-item" style="text-align: center;">
 
<li class="layui-nav-item" style="text-align: center;">
Line 175: Line 170:
 
<!--导航条固定部分结束-->
 
<!--导航条固定部分结束-->
  
−
<div style="width: 100%;">
 
−
    <img src="https://static.igem.org/mediawiki/2021/4/49/T--Shanghai_United--homepage02.gif" style="width: 100%;height: 960px;">
 
−
</div>
 
  
−
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
+
 
−
    <!-- 轮播（Carousel）指标 -->
+
 
−
    <ol class="carousel-indicators">
+
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
−
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
  <!-- Indicators -->
−
        <li data-target="#myCarousel" data-slide-to="1"></li>
+
  <ol class="carousel-indicators">
−
        <li data-target="#myCarousel" data-slide-to="2"></li>
+
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
−
    </ol>  
+
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
−
    <!-- 轮播（Carousel）项目 -->
+
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
−
    <div class="carousel-inner">
+
  </ol>
−
        <div class="item active">
+
 
−
            <img src="https://static.igem.org/mediawiki/2021/0/06/T--Shanghai_United--homepage03.jpg" alt="First slide">
+
  <!-- Wrapper for slides -->
−
        </div>
+
  <div class="carousel-inner" role="listbox">
−
        <div class="item">
+
    <div class="item active">
−
            <img src="https://static.igem.org/mediawiki/2021/b/be/T--Shanghai_United--homepage04.jpg" alt="Second slide">
+
      <img src="..." alt="...">
−
        </div>
+
      <div class="carousel-caption">
−
        <div class="item">
+
        ...
−
            <img src="https://static.igem.org/mediawiki/2021/0/05/T--Shanghai_United--homepage05.jpg" alt="Third slide">
+
      </div>
−
        </div>
+
 
     </div>
 
     </div>
−
     <!-- 轮播（Carousel）导航 -->
+
     <div class="item">
−
    <a class="carousel-control left" href="#myCarousel"  
+
      <img src="..." alt="...">
−
      data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class=""></span></a>
+
      <div class="carousel-caption">
−
    <a class="carousel-control right" href="#myCarousel"  
+
        ...
−
      data-slide="next">&#8250;</a>
+
      </div>
 +
    </div>
 +
    ...
 +
  </div>
 +
 
 +
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 
</div>
 
</div>
  
  
  
−
<div style="background-color: #B3CFF1;color: white; padding: 10%;">
 
−
<p style="margin:0pt; color:white;orphans:0; text-align:justify; widows:0">
 
−
    <span style="font-family:'Times New Roman'; font-size:48pt; font-weight:bold;margin-top: 150px;">Abstract</span>
 
−
    <br /><br />
 
−
    <span style="color:white;font-family:'Times New Roman'; font-size:28pt;line-height:28px;">As a non-metallic element, arsenic has a very important use in industry. But equally, its harm to the human body is also very huge, even causing cancers. So what we need to do is find a more efficient way to detect the presence and the amount of arsenic around us. In this case, we design to combine the arsA, arsD, and arsR genes to make up the ARS operon pattern which could respond to the presence of arsenic. Afterward, we use green fluorescent proteins to ’ring’ the alarm by glowing. We hope our project could promote the public awareness of arsenic threat and provide a better solution to detect arsenic.</span></p>
 
−
 
−
 
  
−
</div>
 
−
 
−
<div style="width: 100%;height: 100%;">
 
−
    <video style="width: 100%;height: 100%;" type="video/mp4" autoplay controls src="https://static.igem.org/mediawiki/2021/6/65/T--Shanghai_United--homepage00.mp4"></video>
 
−
</div>
 
  
  
−
<!--底部栏-->
+
 
−
<div style="width: 100%;padding:5%;">
+
 
−
+
 
−
    <span style="font-family: Athelas; font-size: 48pt; height:340px;line-height: 340px;">
+
 
−
        CONTACT INFO
+
 
−
    </span>
+
//这是视频
−
    <br />
+
 
−
    <section style="font-family: Athelas; font-size: 36pt;text-align: center;margin-bottom: 40px;">
+
<div>
−
        Please scan the following QR codes to find more about us on
+
 
−
    </section>
+
<div style="display:inline">111</div>
−
    <br />
+
 
−
    <section style="font-family: Athelas; font-size: 36pt; font-weight: bold;text-align: center;margin-bottom: 107px;">
+
<div style="display:inline">222</div>
−
        Weibo、Bilibili、 Wechat !
+
 
−
    </section>
+
−
<img style="display:block;width: 810px;height: 345px;margin: 0 auto;" src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg"></img>
+
 
</div>
 
</div>
−
 
−
<!--底部栏结束-->
 
  
−
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
+
 
 +
 
 +
 
 +
 
 +
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
 
<script>
 
<script>
 
//由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
 
//由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
Line 250: Line 242:
 
}();
 
}();
 
</script>
 
</script>
 +
 +
 +
 +
 
</body>
 
</body>
−
</html>
+
</html>

Revision as of 05:18, 22 September 2021

非模块化方式使用layui Entprenuership

//这是视频
111
222