Difference between revisions of "Team:Shanghai United/Proof"

(Created page with "<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>非模块化方式使用layui</title>...")
 
Line 1: Line 1:
<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">
<link rel="stylesheet" href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
+
        <title>Document</title>
 +
        <link rel="stylesheet"
 +
                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" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
+
         <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
 +
                integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
 +
                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>
 
  
<style type="text/css">
+
</head>
.layui-nav .layui-nav-item a {
+
<style type="text/css">
color: black;
+
        #sideMenu,
}
+
        #top_title,
+
        .patrollink,
.layui-nav .layui-nav-item a:hover {
+
        #firstHeading,
color: black;
+
        #home_logo,
text-decoration: none;
+
        #sideMenu {
}
+
                display: none;
+
        }
#bodyContent a[href ^="https://"],
+
.link-https {
+
padding-right: 35px;
+
}
+
.layui-nav * {
+
    font-size: 18px;
+
}
+
.carousel-indicators {
+
  
    width: 30%;
+
        #content {
left: 33%;
+
                padding: 0px;
}
+
                width: 100%;
</style>
+
                margin-top: -7px;
 +
                margin-left: 0px;
 +
                border: none;
 +
        }
  
<body>
+
        body,
 +
        html {
 +
                background-color: white;
 +
                width: 100%;
 +
                height: 100%;
 +
        }
  
<div>
+
        #bodyContent h1,
<!--导航条固定部分-->
+
        #bodyContent h2,
<div style="height: 255px;width: 100%;">
+
        #bodyContent h3,
<!-- <div style="text-align: center;">
+
        #bodyContent h4,
<img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png" style="width: 143px; height: 89px;margin-top: 20px;" />
+
        #bodyContent h5 {
</div> -->
+
                margin-bottom: 0px;
 +
        }
  
<!-- <hr /> -->
+
        #bodyContent a[href ^="https://"],
 +
        .link-https {
 +
                padding-right: 0px;
 +
        }
 +
</style>
 +
<style>
 +
        html {
 +
                width: 100%;
 +
                height: 100%;
 +
        }
  
<ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter="" style="background-color:white">
+
        body {
<li class="layui-nav-item" style="text-align: center;">
+
                min-width: 1920px;
    <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;" />
+
                overflow: scroll;
</li>
+
                margin: 0 auto;
                   
+
        }
                    <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;">
+
        .layui-nav .layui-nav-item a {
<a href="javascript:;">Project</a>
+
                color: black;
<dl class="layui-nav-child">
+
                font-size: 17px;
<!-- 二级菜单 -->
+
        }
<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>
+
  
</dl>
+
        .layui-nav .layui-nav-item a:hover {
</li>
+
                color: black;
                    <li class="layui-nav-item" style="text-align: center;">
+
                text-decoration: none;
<a href="javascript:;">Parts</a>
+
        }
<dl class="layui-nav-child">
+
<!-- 二级菜单 -->
+
<dd>
+
<a href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic Parts</a>
+
</dd>
+
<dd>
+
<a href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite Parts</a>
+
</dd>
+
<dd>
+
<a href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts Collection</a>
+
</dd>
+
  
</dl>
+
        #bodyContent a[href ^="https://"],
</li>
+
        .link-https {
                    <li class="layui-nav-item">
+
                padding-right: 35px;
<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;">
+
        .layui-nav * {
<a href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
+
                font-size: 18px;
</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;">
+
        .carousel-indicators {
<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>
+
                width: 30%;
</li>
+
                left: 33%;
</ul>
+
        }
  
</div>
+
        .layui-carousel:hover .layui-carousel-arrow {
<!--导航条固定部分结束-->
+
                display: none;
 +
        }
  
            <div style="width:100%;">
+
        .layui-carousel {
 +
                height: 1080px !important;
 +
        }
 +
</style>
 +
 
 +
<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="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/Design">Design</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>
 +
 
 +
                                </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/Basic Parts">Engineering</a>
 +
                                        </dd>
 +
                                        <dd>
 +
                                                <a href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">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/Integrated_Human_Practice">Integrated Human Practice</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>
 +
                                        <dd>
 +
                                                <a
 +
                                                        href="https://2021.igem.org/Team:Shanghai_United/Partnership">Partnership</a>
 +
                                        </dd>
 +
                                </dl>
 +
                        </li>
 +
                </ul>
 +
 
 +
        </div>
 +
 
 +
        <!--banner-->
 +
        <div style="width:100%;">
 
                 <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
 
                 <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
            </div>
+
        </div>
  
            <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:center; widows:0"><span
+
        <!--text-->
                 style="font-family:'Times New Roman'; font-size:36pt; font-weight:bold">Proof of Concept</span></p>
+
        <p style="font-size:48pt; line-height:200%; margin:70pt; orphans:0; text-align:center; widows:0"><span
 +
                 style="color:#1f497d;font-family:'Times New Roman'; font-size:48pt; font-weight:bold">Proof of Concept</span></p>
 
             </hr>
 
             </hr>
             <div style="width:80%;margin: 0 auto;">
+
             <div style="width:40%;margin: 0 auto 100pt  auto;">
 
                 <div>
 
                 <div>
 
                     <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span
 
                     <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span
Line 194: Line 235:
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                     </p>
 
                     </p>
                     <p style="font-size:20pt; line-height:200%; margin:0pt; orphans:0; text-align:center; widows:0"><span
+
                     <p style="font-size:13pt; line-height:200%; margin:0pt; orphans:0; text-align:center; widows:0"><span
                             style="font-family:'Times New Roman'; font-size:20pt; font-weight:bold">Figure 1. Design Drawing of the
+
                             style="font-family:'Times New Roman'; font-size:13pt; font-weight:bold">Figure 1. Design Drawing of the
 
                             product - Arsenic Biosensor</span></p>
 
                             product - Arsenic Biosensor</span></p>
 
                     <p
 
                     <p
                         style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:justify; text-indent:10.5pt; widows:0">
+
                         style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:justify; text-indent:21pt; widows:0">
 
                         <span style="color:#333333; font-family:'Times New Roman'; font-size:22pt">We plan to design an arsenic
 
                         <span style="color:#333333; font-family:'Times New Roman'; font-size:22pt">We plan to design an arsenic
 
                             biosensor by genetically engineering </span><span
 
                             biosensor by genetically engineering </span><span
Line 206: Line 247:
 
                         </span></p>
 
                         </span></p>
 
                     <p
 
                     <p
                         style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:justify; text-indent:10.5pt; widows:0">
+
                         style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:justify; text-indent:21pt; widows:0">
 
                         <span style="color:#333333; font-family:'Times New Roman'; font-size:22pt">As showing in the figure 1, our
 
                         <span style="color:#333333; font-family:'Times New Roman'; font-size:22pt">As showing in the figure 1, our
 
                             product will be used as a home kit for daily life and will be designed as possible as portable for our
 
                             product will be used as a home kit for daily life and will be designed as possible as portable for our
Line 218: Line 259:
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                     </p>
 
                     </p>
                     <p style="font-size:20pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
+
                     <p style="font-size:13pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">Figure
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">Figure
 
                         </span><span
 
                         </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">2</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">2</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">: The Self
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">: The Self
 
                             Defense Mechanism of </span><span
 
                             Defense Mechanism of </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-style:italic; font-weight:bold">E.
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-style:italic; font-weight:bold">E.
                             coli</span><span style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">
+
                             coli</span><span style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">
 
                         </span><span
 
                         </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">i</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">i</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">n</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">n</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold"> the</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold"> the</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold"> Presence of
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold"> Presence of
 
                             Arsenic</span></p>
 
                             Arsenic</span></p>
 
                     <p
 
                     <p
                         style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:justify; text-indent:10.5pt; widows:0">
+
                         style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:justify; text-indent:21pt; widows:0">
 
                         <span style="color:#333333; font-family:'Times New Roman'; font-size:22pt; font-style:italic">E.</span><span
 
                         <span style="color:#333333; font-family:'Times New Roman'; font-size:22pt; font-style:italic">E.</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:22pt; font-style:italic">coli</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:22pt; font-style:italic">coli</span><span
Line 269: Line 310:
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                     </p>
 
                     </p>
                     <p style="font-size:20pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
+
                     <p style="font-size:13pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">Figure
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">Figure
 
                         </span><span
 
                         </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">3</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">3</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">: Plasmid Map of
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">: Plasmid Map of
 
                             ARS/</span><span
 
                             ARS/</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">amilGFP</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">amilGFP</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold"> Plasmids
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold"> Plasmids
 
                             Transferred </span><span
 
                             Transferred </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">Into</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">Into</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold"> Competent
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold"> Competent
 
                         </span><span
 
                         </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-style:italic; font-weight:bold">E.
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-style:italic; font-weight:bold">E.
 
                             coli</span></p>
 
                             coli</span></p>
 
                     <p
 
                     <p
Line 321: Line 362:
 
                     <p style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-indent:21pt; widows:0"><span
 
                     <p style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-indent:21pt; widows:0"><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:22pt">&#xa0;</span></p>
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:22pt">&#xa0;</span></p>
                     <p style="font-size:16pt; line-height:200%; margin:0pt; orphans:0; text-align:center; widows:0"><span
+
                     <p style="font-size:48pt; line-height:200%; margin:70pt 0; orphans:0; text-align:center; widows:0"><span
                             style="color:#1f497d; font-family:'Times New Roman'; font-size:16pt; font-weight:bold">Proof by
+
                             style="color:#1f497d; font-family:'Times New Roman'; font-size:48pt; font-weight:bold">Proof by
 
                             Experiments</span></p>
 
                             Experiments</span></p>
 
                     <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span
 
                     <p style="font-size:36pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span
Line 331: Line 372:
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                     </p>
 
                     </p>
                     <p style="font-size:20pt; line-height:200%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
+
                     <p style="font-size:13pt; line-height:200%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">Figure
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">Figure
 
                         </span><span
 
                         </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">4</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">4</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">: Gel
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">: Gel
 
                             Electrophoresis Results 1 of Colony PCR of Second Experimental Attempt</span></p>
 
                             Electrophoresis Results 1 of Colony PCR of Second Experimental Attempt</span></p>
 
                     <p style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><img
 
                     <p style="font-size:22pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><img
Line 341: Line 382:
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                     </p>
 
                     </p>
                     <p style="font-size:20pt; line-height:200%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
+
                     <p style="font-size:13pt; line-height:200%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">Figure
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">Figure
 
                         </span><span
 
                         </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">5.</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">5.</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold"> Gel
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold"> Gel
 
                             Electrophoresis Results 2 of Colony PCR of Second Experimental Attempt</span></p>
 
                             Electrophoresis Results 2 of Colony PCR of Second Experimental Attempt</span></p>
 
                     <p
 
                     <p
Line 382: Line 423:
 
                             style="font-family:'Times New Roman'; font-size:36pt; font-weight:bold">Validation of the Engineered
 
                             style="font-family:'Times New Roman'; font-size:36pt; font-weight:bold">Validation of the Engineered
 
                             Bacteria</span></p>
 
                             Bacteria</span></p>
                     <p style="font-size:16pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span
+
                     <p style="font-size:13pt; line-height:200%; margin:0pt; orphans:0; text-align:justify; widows:0"><span
                             style="color:#1f497d; font-family:'Times New Roman'; font-size:16pt; font-weight:bold">&#xa0;</span></p>
+
                             style="color:#1f497d; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">&#xa0;</span></p>
 
                     <p style="font-size:22pt; line-height:130%; text-align:center; margin:3pt 0pt; orphans:0; widows:0"><img
 
                     <p style="font-size:22pt; line-height:130%; text-align:center; margin:3pt 0pt; orphans:0; widows:0"><img
 
                             src="https://static.igem.org/mediawiki/2021/8/8e/T--Shanghai_United--Proof_of_Concept06.jpg" width="508" height="355" alt=""
 
                             src="https://static.igem.org/mediawiki/2021/8/8e/T--Shanghai_United--Proof_of_Concept06.jpg" width="508" height="355" alt=""
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                             style="-aw-left-pos:0pt; -aw-rel-hpos:column; -aw-rel-vpos:paragraph; -aw-top-pos:0pt; -aw-wrap-type:inline" />
 
                     </p>
 
                     </p>
                     <p style="font-size:20pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
+
                     <p style="font-size:13pt; line-height:130%; margin:3pt 0pt; orphans:0; text-align:center; widows:0"><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">Figure
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">Figure
 
                         </span><span
 
                         </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">6.</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">6.</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold"> Fluorescence
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold"> Fluorescence
 
                             Intensity of Transformed </span><span
 
                             Intensity of Transformed </span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-style:italic; font-weight:bold">E.
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-style:italic; font-weight:bold">E.
                             coli</span><span style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">
+
                             coli</span><span style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">
 
                             In Different Concentrations of C</span><span
 
                             In Different Concentrations of C</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:6pt; font-weight:bold; vertical-align:sub">2</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:6pt; font-weight:bold; vertical-align:sub">2</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">H</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">H</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:6pt; font-weight:bold; vertical-align:sub">12</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:6pt; font-weight:bold; vertical-align:sub">12</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold">AsNaO</span><span
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold">AsNaO</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:6pt; font-weight:bold; vertical-align:sub">5</span><span
 
                             style="color:#333333; font-family:'Times New Roman'; font-size:6pt; font-weight:bold; vertical-align:sub">5</span><span
                             style="color:#333333; font-family:'Times New Roman'; font-size:20pt; font-weight:bold"> Solutions</span>
+
                             style="color:#333333; font-family:'Times New Roman'; font-size:13pt; font-weight:bold"> Solutions</span>
 
                     </p>
 
                     </p>
 
                     <p
 
                     <p
Line 453: Line 494:
 
             </div>
 
             </div>
  
           
+
        <!--bottom-->
<!--底部栏-->
+
        <div style="background-color: #F9F9F9;">
<div style="width: 100%;padding:5%;">
+
                <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
+
                        <span style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</span>
    <span style="font-family: Athelas; font-size: 48pt; height:340px;line-height: 340px;">
+
                        <span
        CONTACT INFO
+
                                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;">
    </span>
+
                                Please scan the following QR codes to find more about us on
    <br />
+
                        </span>
    <section style="font-family: Athelas; font-size: 36pt;text-align: center;margin-bottom: 40px;">
+
                        <span
        Please scan the following QR codes to find more about us on
+
                                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;">
    </section>
+
                                Weibo、Bilibili、Wechat !
    <br />
+
                        </span>
    <section style="font-family: Athelas; font-size: 36pt; font-weight: bold;text-align: center;margin-bottom: 107px;">
+
                        <img style="width:810px;height: 345px;margin: 100px auto;display: block;"
        Weibo、Bilibili、 Wechat !
+
                                src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg">
    </section>
+
                </div>
<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>
+
 
+
</body>
<!--底部栏结束-->
+
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
 +
<script>
 +
        //由于模块都一次性加载,因此不用执行 layui.use() 来加载对应模块,直接使用即可:
 +
        ;
 +
        ! function () {
 +
                var layer = layui.layer,
 +
                        form = layui.form;
 +
        }();
 +
 
 +
        layui.use('carousel', function () {
 +
                var carousel = layui.carousel;
 +
                //建造实例
 +
                carousel.render({
 +
                        elem: '#test1'
 +
                        , width: '100%' //设置容器宽度
 +
                        , arrow: 'always' //始终显示箭头
 +
                        //,anim: 'updown' //切换动画方式
 +
                });
 +
        });
 +
</script>
  
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
 
<script>
 
//由于模块都一次性加载,因此不用执行 layui.use() 来加载对应模块,直接使用即可:
 
;
 
! function() {
 
var layer = layui.layer,
 
form = layui.form;
 
}();
 
               
 
</script>
 
</body>
 
 
</html>
 
</html>

Revision as of 12:23, 24 September 2021

Document

Proof of Concept

Product Design

Figure 1. Design Drawing of the product - Arsenic Biosensor

We plan to design an arsenic biosensor by genetically engineering E. coli to alarm people by giving the sign of green fluorescence when sensing the existence of the environmental arsenic.

As showing in the figure 1, our product will be used as a home kit for daily life and will be designed as possible as portable for our customers to carry with. Besides, we will combine the tube with a reference card to determine the amount of the environmental arsenic.

Engineered Bacteria

Figure 2: The Self Defense Mechanism of E. coli in the Presence of Arsenic

E.coli will naturally react when arsenic is present in the environment with a series of defense metabolisms. According to Figure 2, when arsenic is present in the cytosol of E. coli, it will bind to ArsD and ArsR proteins, which, when not bound to arsenic, inhibits the expression of ARSA, ARSB, and ARSC genes, which are all located downstream of ARSD and ARSR genes. When ArsD and ArsR proteins bind to arsenic, it will no longer inhibit the expression of downstream genes. Additionally, ArsA proteins may also bind to arsenic, and the ArsA-arsenic complex may also promote the expression of downstream genes (not shown in figure).

Plasmid Construction

Figure 3: Plasmid Map of ARS/amilGFP Plasmids Transferred Into Competent E. coli

The plasmid would be constructed in such a way that an amilGFP sequence directly follows a single ARS sequence that is ARSA, ARSD, or ARSR. For instance, in Figure 3, said amilGFP sequence follows an ARSR sequence. When arsenic that is present in the cytosol of E. coli binds to the Ars proteins, the inhibition of the expression of amilGFP is ceased, allowing amilGFP to be expressed. Hence, green fluorescence in the E. coli would indicate the prescence of arsenic.

 

Proof by Experiments

Validation of the Plasmid Construction

Figure 4: Gel Electrophoresis Results 1 of Colony PCR of Second Experimental Attempt

Figure 5. Gel Electrophoresis Results 2 of Colony PCR of Second Experimental Attempt

Figures 4 and 5 show the result for colony PCR identification on the E.coli with ARS/amilGFP inserted that were cultivated previously. All samples are determined to have bands of corresponding molecular sizes, which shows that all selected colonies yielded positive results of ARS and amilGFP genes.

In addition, we also sent these plamids to the sequencing company and the feedback was back up our expectation that all the plasmids were constructed correctly.

Validation of the Engineered Bacteria

 

Figure 6. Fluorescence Intensity of Transformed E. coli In Different Concentrations of C2H12AsNaO5 Solutions

Figure 6 displays the fluorescence intensity generated by an ARSD/amilGFP transformed E. coli reacting for 1 hour in C2H12AsNaO5 solutions. As showing above, the fluorescence was detected for all C2H12AsNaO5 concentrations that are above 0, which confirms that the engineered E. coli worked as intended.

We will shortly carry on several function tests in some inorganic arsenic solutions and the water sample to solid our theory.

In order to further confirm the quantitative relation between the fluorescence intensity and the amounts of the arsenic, more function tests data is required. Once the model is built, it will be another milestone for the development to implement our product - the arsenic biosensor.

CONTACT INFO Please scan the following QR codes to find more about us on Weibo、Bilibili、Wechat !