(10 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | |||
<head> | <head> | ||
− | <meta charset=" | + | <meta charset="UTF-8"> |
− | <meta name="viewport" content="width=device-width, initial-scale=1 | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
− | <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&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" | |
− | + | crossorigin="anonymous"></script> | |
− | + | ||
− | + | ||
+ | </head> | ||
+ | <style type="text/css"> | ||
#sideMenu, | #sideMenu, | ||
#top_title, | #top_title, | ||
Line 50: | Line 52: | ||
} | } | ||
</style> | </style> | ||
− | + | <style> | |
− | + | html{ | |
− | + | width: 100%; | |
− | + | height:100%; | |
− | .layui-nav .layui-nav-item a { | + | } |
− | color: black; | + | body{ |
+ | min-width: 1920px; | ||
+ | overflow: scroll; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .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 94: | ||
} | } | ||
</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;"> | ||
− | + | <li class="layui-nav-item" style="text-align: center;"> | |
− | + | <a href="https://2021.igem.org/Team:Shanghai_United" | |
− | + | style="text-align: center;">Home</a> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="layui-nav-item" style="text-align: center;"> | |
− | <a href="https://2021.igem.org/Team:Shanghai_United" | + | <a href="javascript:;">Project</a> |
− | + | <dl class="layui-nav-child"> | |
− | + | <!-- 二级菜单 --> | |
+ | <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_Of_Concept">Proof | ||
+ | of Concept</a> | ||
+ | </dd> | ||
+ | <dd> | ||
+ | <a | ||
+ | href="https://2021.igem.org/Team:Shanghai_United/Experiments">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/Results">Results</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> |
− | + | </li> | |
− | + | <li class="layui-nav-item" style="text-align: center;"> | |
− | + | <a href="javascript:;">Parts</a> | |
− | + | <dl class="layui-nav-child"> | |
− | + | <!-- 二级菜单 --> | |
− | + | <dd> | |
− | + | <a | |
− | + | href="https://2021.igem.org/Team:Shanghai_United/Engineering">Engineering</a> | |
− | + | </dd> | |
− | + | <dd> | |
− | + | <a href="https://2021.igem.org/Team:Shanghai_United/Parts">Parts | |
− | + | Collection</a> | |
− | + | </dd> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | </dl> | |
− | + | </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> | |
− | + | <dd> | |
− | + | <a | |
− | + | href="https://2021.igem.org/Team:Shanghai_United/Communication">Communication</a> | |
− | + | </dd> | |
− | + | <dd> | |
− | + | <a | |
− | + | href="https://2021.igem.org/Team:Shanghai_United/Human_Practices">Integrated Human Practices</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;"> | |
− | + | <a | |
− | + | href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="layui-nav-item" style="text-align: center;"> | |
− | + | <a href="https://2021.igem.org/Team:Shanghai_United/Model">Model</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> | ||
+ | </dl> | ||
+ | </li> | ||
+ | </ul> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!--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)指标 --> | |
− | + | <ol class="carousel-indicators"> | |
− | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | |
− | + | <li data-target="#myCarousel" data-slide-to="1"></li> | |
− | + | <li data-target="#myCarousel" data-slide-to="2"></li> | |
− | + | </ol> | |
− | + | <!-- 轮播(Carousel)项目 --> | |
− | + | <div class="carousel-inner"> | |
− | + | <div class="item active"> | |
− | + | <img style="width: 100%;" src="https://static.igem.org/mediawiki/2021/0/06/T--Shanghai_United--homepage03.jpg" alt="First slide"> | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="item"> | |
− | + | <img style="width: 100%;" src="https://static.igem.org/mediawiki/2021/b/be/T--Shanghai_United--homepage04.jpg" alt="Second slide"> | |
− | + | </div> | |
− | < | + | <div class="item"> |
− | + | <img style="width: 100%;" src="https://static.igem.org/mediawiki/2021/0/05/T--Shanghai_United--homepage05.jpg" alt="Third slide"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</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">›</a> | ||
+ | </div> | ||
− | <div style="width: | + | <!--abstract--> |
− | < | + | <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: 100px;">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: 100%;"> | |
− | + | <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> | |
− | + | ||
− | + | <!--bottom--> | |
− | + | <div style="background-color: #F9F9F9;"> | |
− | + | <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;"> | |
− | + | <span | |
− | + | style="font-size: 48px;display: block;padding-bottom: 70px;">CONTACT INFO</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;"> | |
− | + | Please scan the following QR codes to find more about us on | |
− | + | </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/7/71/T--Shanghai_United--homepage07.jpg"> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | ||
+ | </body> | ||
+ | <script | ||
src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&ctype=text/javascript"></script> | src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&ctype=text/javascript"></script> | ||
<script> | <script> | ||
Line 286: | Line 298: | ||
}); | }); | ||
</script> | </script> | ||
− | |||
− | |||
</html> | </html> |
Latest revision as of 07:50, 18 October 2021
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 !