Difference between revisions of "Team:Shanghai United"

Line 1: Line 1:
−
<html>
+
<!DOCTYPE html>
−
 
+
<html lang="en">
 
<head>
 
<head>
−
         <meta charset="utf-8">
+
         <meta charset="UTF-8">
−
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
         <title>非模块化方式使用layui</title>
+
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
         <title>Document</title>
 
         <link rel="stylesheet"
 
         <link rel="stylesheet"
−
                href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
+
        href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
 
         <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 
         <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
 
         <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
 
         <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
−
                integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
+
        integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
−
                crossorigin="anonymous"></script>
+
        crossorigin="anonymous"></script>
−
 
+
     
−
        <style type="text/css">
+
     
−
                #sideMenu,
+
−
                #top_title,
+
−
                .patrollink,
+
−
                #firstHeading,
+
−
                #home_logo,
+
−
                #sideMenu {
+
−
                        display: none;
+
−
                }
+
−
 
+
−
                #content {
+
−
                        padding: 0px;
+
−
                        width: 100%;
+
−
                        margin-top: -7px;
+
−
                        margin-left: 0px;
+
−
                        border: none;
+
−
                }
+
−
 
+
−
                body,
+
−
                html {
+
−
                        background-color: white;
+
−
                        width: 100%;
+
−
                        height: 100%;
+
−
                }
+
−
 
+
−
                #bodyContent h1,
+
−
                #bodyContent h2,
+
−
                #bodyContent h3,
+
−
                #bodyContent h4,
+
−
                #bodyContent h5 {
+
−
                        margin-bottom: 0px;
+
−
                }
+
−
 
+
−
                #bodyContent a[href ^="https://"],
+
−
                .link-https {
+
−
                        padding-right: 0px;
+
−
                }
+
−
        </style>
+
−
        <title>Entprenuership</title>
+
 
</head>
 
</head>
−
 
+
<style>
−
<style type="text/css">
+
        html{
−
         .layui-nav .layui-nav-item a {
+
                width: 100%;
−
                 color: black;
+
                height:100%;
 +
        }
 +
        body{
 +
                min-width: 1920px;
 +
                overflow: scroll;
 +
                margin: 0 auto;
 +
                border:1px solid red;
 +
        }
 +
         .layui-nav .layui-nav-item a{
 +
                 color:black;
 +
                font-size:17px;
 
         }
 
         }
−
 
 
         .layui-nav .layui-nav-item a:hover {
 
         .layui-nav .layui-nav-item a:hover {
 
                 color: black;
 
                 color: black;
Line 86: Line 58:
 
         }
 
         }
 
</style>
 
</style>
−
 
 
<body>
 
<body>
 +
        <div style="height: 255px;width: 100%;display: flex;justify-content: space-around;">
 +
                <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
 +
                        style="width: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;display: block;" />
 +
                <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter=""
 +
                        style="background-color:white;height: 255px;line-height: 255px;">
  
−
        <div>
+
                         <li class="layui-nav-item" style="text-align: center;">
−
                <!--导航条固定部分-->
+
                                <a href="https://2021.igem.org/Team:Shanghai_United"
−
                <div style="height: 255px;width: 100%;display: flex;justify-content: space-around;">
+
                                        style="text-align: center;">Home</a>
−
                         <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
+
                        </li>
−
                                style="width: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;" />
+
−
                        <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter=""
+
−
                                style="background-color:white;height: 255px;line-height: 255px;">
+
−
                                <!-- <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;">
+
                        <li class="layui-nav-item" style="text-align: center;">
−
                                         <a href="https://2021.igem.org/Team:Shanghai_United"
+
                                <a href="javascript:;">Project</a>
−
                                                 style="text-align: center;">Home</a>
+
                                <dl class="layui-nav-child">
−
                                </li>
+
                                         <!-- 二级菜单 -->
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                 <a href="https://2021.igem.org/Team:Shanghai_United/Proof">Proof
 +
                                                        of Concept</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Experiment">Experiments</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Result">Result</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Safety">Safety</a>
 +
                                        </dd>
  
−
                                 <li class="layui-nav-item" style="text-align: center;">
+
                                 </dl>
−
                                        <a href="javascript:;">Project</a>
+
                        </li>
−
                                        <dl class="layui-nav-child">
+
                        <li class="layui-nav-item" style="text-align: center;">
−
                                                <!-- 二级菜单 -->
+
                                <a href="javascript:;">Parts</a>
−
                                                <dd>
+
                                <dl class="layui-nav-child">
−
                                                        <a
+
                                        <!-- 二级菜单 -->
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
+
                                        <dd>
−
                                                </dd>
+
                                                <a
−
                                                <dd>
+
                                                        href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic
−
                                                         <a href="https://2021.igem.org/Team:Shanghai_United/Proof">Proof
+
                                                         Parts</a>
−
                                                                of Concept</a>
+
                                        </dd>
−
                                                </dd>
+
                                        <dd>
−
                                                <dd>
+
                                                <a
−
                                                        <a
+
                                                        href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Experiment">Experiments</a>
+
                                                         Parts</a>
−
                                                </dd>
+
                                        </dd>
−
                                                <dd>
+
                                        <dd>
−
                                                         <a
+
                                                <a
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
+
                                                        href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts
−
                                                </dd>
+
                                                         Collection</a>
−
                                                <dd>
+
                                        </dd>
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Result">Result</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                         <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Safety">Safety</a>
+
−
                                                </dd>
+
  
−
                                        </dl>
+
                                </dl>
−
                                </li>
+
                        </li>
−
                                <li class="layui-nav-item" style="text-align: center;">
+
                        <li class="layui-nav-item">
−
                                        <a href="javascript:;">Parts</a>
+
                                <a href="javascript:;">Human Practice</a>
−
                                        <dl class="layui-nav-child">
+
                                <dl class="layui-nav-child">
−
                                                <!-- 二级菜单 -->
+
                                        <!-- 二级菜单 -->
−
                                                <dd>
+
                                        <dd>
−
                                                        <a
+
                                                <a
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic
+
                                                        href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
−
                                                                Parts</a>
+
                                        </dd>
−
                                                </dd>
+
                                </dl>
−
                                                <dd>
+
                        </li>
−
                                                        <a
+
                        <li class="layui-nav-item" style="text-align: center;">
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite
+
                                <a
−
                                                                Parts</a>
+
                                        href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
−
                                                </dd>
+
                        </li>
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts
+
−
                                                                Collection</a>
+
−
                                                </dd>
+
  
−
                                        </dl>
+
                        <li class="layui-nav-item" style="text-align: center;">
−
                                </li>
+
                                <a
−
                                <li class="layui-nav-item">
+
                                        href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
−
                                        <a href="javascript:;">Human Practice</a>
+
                        </li>
−
                                        <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
+
                                <a href="https://2021.igem.org/Team:Shanghai_United/Modeling">Modeling</a>
−
                                                href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</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;">
 +
                                <a href="javascript:;">Team</a>
 +
                                <dl class="layui-nav-child">
 +
                                        <!-- 二级菜单 -->
 +
                                        <dd>
 +
                                                <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team
 +
                                                        Member</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
 +
                                        </dd>
  
−
                                 <li class="layui-nav-item" style="text-align: center;">
+
                                 </dl>
−
                                        <a href="javascript:;">Team</a>
+
                        </li>
−
                                        <dl class="layui-nav-child">
+
                </ul>
−
                                                <!-- 二级菜单 -->
+
−
                                                <dd>
+
−
                                                        <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team
+
−
                                                                Member</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
+
−
                                                </dd>
+
  
−
                                        </dl>
+
        </div>
−
                                </li>
+
−
                        </ul>
+
  
−
                </div>
+
        <!--gif-->
−
 
+
        <img src="https://static.igem.org/mediawiki/2021/7/71/T--Shanghai_United--homepage02.gif.gif"
−
                <img src="https://static.igem.org/mediawiki/2021/7/71/T--Shanghai_United--homepage02.gif.gif"
+
 
                         style="width: 100%;">
 
                         style="width: 100%;">
  
−
                <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
+
        <!--轮播-->
−
                        <!-- 轮播（Carousel）指标 -->
+
        <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="2000">
−
                        <ol class="carousel-indicators">
+
                <!-- 轮播（Carousel）指标 -->
−
                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
                <ol class="carousel-indicators">
−
                            <li data-target="#myCarousel" data-slide-to="1"></li>
+
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
−
                            <li data-target="#myCarousel" data-slide-to="2"></li>
+
                        <li data-target="#myCarousel" data-slide-to="1"></li>
−
                        </ol>   
+
                        <li data-target="#myCarousel" data-slide-to="2"></li>
−
                        <!-- 轮播（Carousel）项目 -->
+
                </ol>   
−
                        <div class="carousel-inner">
+
                <!-- 轮播（Carousel）项目 -->
−
                            <div class="item active">
+
                <div class="carousel-inner">
−
                                <img src="https://static.igem.org/mediawiki/2021/0/06/T--Shanghai_United--homepage03.jpg" alt="First slide">
+
                        <div class="item active">
−
                            </div>
+
                        <img style="width: 100%;" src="https://static.igem.org/mediawiki/2021/0/06/T--Shanghai_United--homepage03.jpg" alt="First slide">
−
                            <div class="item">
+
−
                                <img src="https://static.igem.org/mediawiki/2021/b/be/T--Shanghai_United--homepage04.jpg" alt="Second slide">
+
−
                            </div>
+
−
                            <div class="item">
+
−
                                <img src="https://static.igem.org/mediawiki/2021/0/05/T--Shanghai_United--homepage05.jpg" alt="Third slide">
+
−
                            </div>
+
 
                         </div>
 
                         </div>
−
                         <!-- 轮播（Carousel）导航 -->
+
                         <div class="item">
−
                        <a class="carousel-control left" href="#myCarousel"  
+
                        <img style="width: 100%;" src="https://static.igem.org/mediawiki/2021/b/be/T--Shanghai_United--homepage04.jpg" alt="Second slide">
−
                          data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class=""></span></a>
+
                        </div>
−
                        <a class="carousel-control right" href="#myCarousel"
+
                        <div class="item">
−
                          data-slide="next">&#8250;</a>
+
                         <img style="width: 100%;" src="https://static.igem.org/mediawiki/2021/0/05/T--Shanghai_United--homepage05.jpg" alt="Third slide">
−
                    </div>
+
−
 
+
−
                <div style="background-color: #B3CFF1;">
+
−
                         <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
+
−
                                <span
+
−
                                        style="font-size: 48px;color: white;display: block;padding-bottom: 200px;">ABSTRACT</span>
+
−
                                <span
+
−
                                        style="line-height: 40px;letter-spacing: 2px;font-size: 28px;color: white;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
+
−
                                        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>
+
 
                         </div>
 
                         </div>
 
                 </div>
 
                 </div>
 +
                <!-- 轮播（Carousel）导航 -->
 +
                <a class="carousel-control left" href="#myCarousel"
 +
                        data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class=""></span></a>
 +
                <a class="carousel-control right" href="#myCarousel"
 +
                        data-slide="next">&#8250;</a>
 +
        </div>
  
−
                 <div style="width: 100%;">
+
        <!--abstract-->
−
                         <video style="width: 100%;" src="https://static.igem.org/mediawiki/2021/6/65/T--Shanghai_United--homepage00.mp4" autoplay="autoplay" preload="none" controls="controls"></video>
+
        <div style="background-color: #B3CFF1;">
 +
                 <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
 +
                         <span
 +
                                style="font-size: 48px;color: white;display: block;padding-bottom: 200px;">ABSTRACT</span>
 +
                        <span
 +
                                style="line-height: 40px;letter-spacing: 2px;font-size: 28px;color: white;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
 +
                                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>
 
                 </div>
 
                 </div>
 +
        </div>
  
−
                 <div style="background-color: #F9F9F9;">
+
        <!--video-->
−
                        <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
+
        <div style="width: 100%;">
−
                                <span
+
                 <video style="width: 100%;" src="https://static.igem.org/mediawiki/2021/6/65/T--Shanghai_United--homepage00.mp4" autoplay="autoplay" preload="none" controls="controls"></video>
−
                                        style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</span>
+
        </div>
−
                                <span
+
 
−
                                        style="text-align: center;line-height: 90px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
+
        <!--bottom-->
−
                                        Please scan the following QR codes to find more about us on
+
        <div style="background-color: #F9F9F9;">
−
                                </span>
+
                <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
−
                                <span
+
                        <span
−
                                        style="text-align: center;font-weight: bold;line-height: 40px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
+
                                style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</span>
−
                                        Weibo、Bilibili、Wechat !
+
                        <span
−
                                </span>
+
                                style="text-align: center;line-height: 90px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
−
                                <img style="width:810px;height: 345px;margin: 100px auto;display: block;" src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg">
+
                                Please scan the following QR codes to find more about us on
−
                        </div>
+
                        </span>
 +
                        <span
 +
                                style="text-align: center;font-weight: bold;line-height: 40px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
 +
                                Weibo、Bilibili、Wechat !
 +
                        </span>
 +
                        <img style="width:810px;height: 345px;margin: 100px auto;display: block;" src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg">
 
                 </div>
 
                 </div>
−
 
+
        </div>
−
                <script
+
       
 +
</body>
 +
<script
 
                         src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
 
                         src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
 
                 <script>
 
                 <script>
Line 295: Line 265:
 
                         });
 
                         });
 
                 </script>
 
                 </script>
−
</body>
 
−
 
 
</html>
 
</html>

Revision as of 09:23, 24 September 2021

<!DOCTYPE html> Document

ABSTRACT 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.
CONTACT INFO Please scan the following QR codes to find more about us on Weibo、Bilibili、Wechat !