Difference between revisions of "Team:BGIC-Union"

m
 
(195 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
−
<html lang="en" dir="ltr" class="client-nojs">
+
<html>
−
<head>
+
  <head>
−
<meta charset="UTF-8" />
+
  <html>
−
<meta name="generator" content="MediaWiki 1.24.1" />
+
  <head>
−
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
−
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]-->
+
−
<!-- IE 9 Fallback-->
+
−
    <!--[if IE 9]>
+
−
<link href="assets/css/ie.css" rel="stylesheet">
+
−
<![endif]-->
+
−
    <!-- GOOGLE FONTS -->
+
−
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'>
+
−
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400italic,700,400,300' rel='stylesheet' type='text/css'>
+
−
    <!-- FAVICONS -->
+
−
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/repute144x144.png">
+
−
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/repute114x114.png">
+
−
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/repute72x72.png">
+
−
    <link rel="apple-touch-icon-precomposed" href="assets/ico/repute57x57.png">
+
−
    <link rel="shortcut icon" href="assets/ico/favicon.png"><metaname="ResourceLoaderDynamicStyles" content="" />
+
−
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
−
/* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style>
+
−
<script src="https://2017.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
−
<script>if(window.mw){
+
−
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:BGIC-Union","wgTitle":"Team:BGIC-Union","wgCurRevisionId":9223,"wgRevisionId":9223,"wgArticleId":3729,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Bleat233","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Jilin_China","wgUserId":1788,"wgUserEditCount":48,"wgUserRegistration":1495711504000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
−
}</script><script>if(window.mw){
+
−
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
+
−
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"856c30b313687689913598462326241f+\\","patrolToken":"b8f91bb56abfa75cfd3c805acf7589cd+\\","watchToken":"4cccd475386ba1af0281b636d66a9dfe+\\"});},{},{});
+
−
/* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:378d08257df94ab77bd67020eaed3dfc */
+
−
}</script>
+
−
<script>if(window.mw){
+
−
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
−
}</script>
+
−
    <title>Team：BGIC-Union</title>
+
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 +
 
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    <!-- CSS -->
+
 
−
     <link href="https://2017.igem.org/Team:BGIC-Union/css/bootstrap" rel="stylesheet" type="text/css">
+
 
−
    <link href="https://2017.igem.org/Team:BGIC-Union/css/fontawesome.min" rel="stylesheet" type="text/css">
+
     <title>Team：BGIC-Union</title>
−
    <link href="https://2017.igem.org/Team:BGIC-Union/css/main" rel="stylesheet" type="text/css">
+
 
−
    <link href="https://2017.igem.org/Team:BGIC-Union/css/style" rel="stylesheet" type="text/css">
+
  <head>
 
    
 
    
−
</head>
 
  
−
<body>
+
  <!-- Bootstrap core CSS -->
−
    <!-- WRAPPER -->
+
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
     <div class="wrapper">
+
 
−
        <!-- MENU -->
+
  <!-- carousel -->
−
        <nav class="navbar navbar-default " role="navigation">
+
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
            <div class="container">
+
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
                <div class="navbar-header">
+
 
−
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">
+
  <!-- main -->
−
                        <span class="sr-only">Toggle Navigation</span>
+
  <style type="text/css">
−
                        <i class="fa fa-bars"></i>
+
 
−
                    </button>
+
 
−
                    <a href="index.html" class="navbar-brand navbar-logo">
+
#top_title,#sideMenu { display: none !important; }
−
                        <img src="assets/img/logo/repute-logo-nav.png" alt="Repute Lite - Free Bootstrap Business Template">
+
        #content {
−
                    </a>
+
            width: 100%;
−
                </div>
+
            margin: 0;
−
                <!-- MAIN NAVIGATION -->
+
            padding: 0;
−
                <div id="main-nav" class="navbar-collapse collapse navbar-mega-menu">
+
           
−
                    <ul class="nav navbar-nav navbar-right">
+
        }
−
                        <li class="dropdown active">
+
 
−
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">HOME <i class="fa fa-angle-down"></i></a>
+
#bodyContent
−
                            <ul class="dropdown-menu" role="menu">
+
{
−
                                 <li class="active"><a href="index.html">Home</a></li>
+
margin-top：0px !important;
−
                                <li><a href="index-dark-header.html">abstract</a></li>
+
}
 +
 
 +
 
 +
#content{
 +
  background-color: #FFe4e1; !important;
 +
}
 +
 
 +
 
 +
.mainstyle
 +
{
 +
font-family: Comic Sans MS;
 +
}
 +
html, body {
 +
    margin: 0 ;
 +
    padding: 0 ;
 +
}
 +
body {
 +
  background-color: #ffa07a;
 +
  margin-keft：150px
 +
    font-weight: 400;
 +
    font-size: 14px;
 +
    color: #555;
 +
    ；
 +
    -webkit-font-smoothing: antialiased;
 +
    -webkit-overflow-scrolling: touch;
 +
}
 +
 
 +
/* Titles */
 +
h1, h2, h3, h4, h5, h6, p {
 +
font-family: Comic Sans MS;
 +
    font-weight: 700;
 +
    color: #333;
 +
}
 +
 
 +
h1 {
 +
font-size: 35px;
 +
margin-top: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
p {
 +
    line-height: 28px;
 +
    margin-bottom: 25px;
 +
    font-size: 13px;
 +
font-family: Comic Sans MS;
 +
}
 +
 
 +
.centered {
 +
    text-align: center;
 +
}
 +
 
 +
/* Links */
 +
a {
 +
    color: #20B2AA;
 +
    word-wrap: break-word;
 +
font-size: 18px;
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
 +
 
 +
a:hover,
 +
a:focus {
 +
    color: #7b7b7b;
 +
    text-decoration: none;
 +
    outline: 0;
 +
}
 +
 
 +
a:before,
 +
a:after {
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
 +
 
 +
hr {
 +
    display: block;
 +
    height: 1px;
 +
    border: 0;
 +
    border-top: 1px solid #ccc;
 +
    margin: 1em 0;
 +
    padding: 0;
 +
}
 +
 
 +
.copyrights{
 +
text-indent:-9999px;
 +
height:0;
 +
line-height:0;
 +
font-size:0;
 +
overflow:hidden;
 +
}
 +
 
 +
.navbar {
 +
text-transform: uppercase;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.navbar-inverse {
 +
padding-bottom: 30px;
 +
padding-top: 0;
 +
}
 +
 
 +
.navbar-inverse {
 +
background-color: #FFA07A;
 +
border-color: #FA8072;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > li > a {
 +
color: white;
 +
 +
}
 +
 
 +
 
 +
.navbar-inverse .navbar-nav > li > a:hover {
 +
color: #222222;
 +
}
 +
 
 +
.navbar-brand {
 +
font-weight: 700;
 +
font-size: 40px;
 +
letter-spacing: 2px;
 +
backgroud: white;
 +
}
 +
 
 +
.navbar-inverse .navbar-brand {
 +
color: white;
 +
background-color: #FFA07A;
 +
 +
}
 +
 
 +
.navbar-inverse .navbar-toggle {
 +
border-color: transparent;
 +
font-size: 12px;
 +
}
 +
 
 +
.progress-bar-theme {
 +
  background-color: #FFA07A;
 +
}
 +
 
 +
 
 +
/* Helpers */
 +
 
 +
.mt {
 +
margin-top: 40px;
 +
margin-bottom: 40px;
 +
}
 +
 
 +
.pt {
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
}
 +
 
 +
 
 +
/* +++++ WRAP SECTIONS +++++ */
 +
 
 +
#ww {
 +
padding-top: 0px;
 +
padding-bottom: 70px;
 +
background-color: #f2f2f2;
 +
}
 +
 
 +
 
 +
 
 +
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
 +
/* Effects also are controled by hover.zoom.js */
 +
.zoom {
 +
    display:block;
 +
    position:relative;
 +
    overflow:hidden;
 +
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
 +
}
 +
 
 +
 
 +
    .zoomOverlay {
 +
        position:absolute;
 +
        top:0; left:0;
 +
        bottom:0; right:0;
 +
        display:none;
 +
        background-image:url(../img/zoom.png);
 +
        background-repeat:no-repeat;
 +
        background-position:center;
 +
    }
 +
 
 +
.zoom2 {
 +
opacity: 1;
 +
}
 +
 
 +
.zoom2:hover {
 +
opacity: 0.5;
 +
}
 +
 
 +
 
 +
  </style>
 +
 
 +
  <!-- script -->
 +
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
 +
 
 +
  <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
<!-- hover    -->
 +
  <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 +
  </head>
 +
 
 +
 
 +
<body>
 +
<div class="column_full_size top1">
 +
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 +
    <div class="container-fluid">
 +
    <div class="navbar-header">
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 +
        </div>
 +
    <div>
 +
        <ul class="nav navbar-nav navbar-center">
 +
            <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 +
         
 +
           
 +
          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
 +
  <li class="dropdown">
 +
                             <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 +
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 +
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 
                             </ul>
 
                             </ul>
−
                        </li>
+
            </li>
−
                        <li class="dropdown ">
+
−
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM <i class="fa fa-angle-down"></i></a>
+
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
−
                             <ul class="dropdown-menu" role="menu">
+
−
                                <li><a href="feature-nav-fixed-top.html">members</a></li>
+
<li class="dropdown ">
−
                                <li><a href="feature-footer-light.html">collaborations</a></li>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
−
<li><a href="">sponsors</a></li>
+
</a>
−
<li><a href="">attributions</a></li>
+
                             <ul class="dropdown-menu" >
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
 +
                         
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/References">references</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
−
                         <li class="dropdown ">
+
                       
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">RPOJECT <i class="fa fa-angle-down"></i></a>
+
                        <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 +
                         <li class="dropdown ">   <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
−
                                 <li><a href="page-about-us.html">problems</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">protocols</a></li>
−
                                 <l<li><a href="page-privacy.html">our design</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
−
                                <li><a href="page-terms.html">references</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
−
                            </ul>
+
 
                         </li>
 
                         </li>
−
                        <li class="dropdown ">
+
                     
−
                             <a href="#" class="dropdown-toggle" data-toggle="dropdpage-contacts.htmlown">NOTEBOOK <i class="fa fa-angle-down"></i></a>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
 +
                             <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
−
                                <li><a href="portfolio-4-columns.html">protocol</a></li>
+
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
−
                                <li><a href="portfolio-single.html">lab journal</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
−
<li><a href="">activity diary</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
−
<li><a href="">safety</a></li>
+
 
 +
 
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
−
                        <li class="dropdown ">
+
−
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">ACHIEVEMENTS <i class="fa fa-angle-down"></i></a>
+
                      <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
 +
                          <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 
                             <ul class="dropdown-menu" role="menu">
 
                             <ul class="dropdown-menu" role="menu">
−
                                 <li><a href="blog-medium-thumbnail.html">parts</a></li>
+
                             
−
                                <li><a href="blog-single.html">results</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
−
<li><a href="">improvements</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
−
<li><a href="">applications</a></li>
+
−
<li><a href="">provision</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
 +
 
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">PRACTICES&DESIGN<i class="fa fa-angle-down"></i></a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a>
−
                            <ul class="dropdown-menu" role="menu">
+
−
                                <li><a href="blog-medium-thumbnail.html">education</a></li>
+
−
                                <li><a href="blog-single.html">discussion</a></li>
+
−
<li><a href="">introspection</a></li>
+
−
<li><a href="">promotion</a></li>
+
−
<li><a href="">arts</a></li>
+
−
<li><a href="">modelling</a></li>
+
−
                            </ul>
+
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="#" class="dropdown-toggle" data-toggle="dropdown">EVALUATION <i class="fa fa-angle-down"></i></a>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 
                         </li>
 
                         </li>
−
+
<li class="dropdown ">
−
                        <li><a href="https://goo.gl/27z3vD" class="special-menu-item" target="_blank"><i class="fa fa-rocket"></i> IGEM 2017</a></li>
+
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
−
                    </ul>
+
                        </li>
−
                </div>
+
        </ul>
−
            </div>
+
    </div>
−
        </nav>
+
    </div>
−
        <!-- END MENU -->
+
</nav>
−
        <!-- SLIDERS -->
+
−
        <section class="hero-unit-slider slider-responsive no-margin">
+
−
            <div id="carousel-hero" class="slick-carousel">
+
−
                <div class="carousel-inner" role="listbox">
+
</div>
−
                    <div class="item active">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/c/cb/BGIC-Union_slider3-h500.png" class="img-responsive" alt="Slider Image">
+
  <section >
−
                        <div class="carousel-caption">
+
        <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
−
                            <h2 class="hero-heading">dCasKnight</h2>
+
         
−
                            <p class="lead">A paired dCas9-T7 coupled biosensor </p>
+
 
−
                            <a href="#" class="btn btn-lg hero-button">LEARN MORE</a>
+
          <div class="carousel-inner">
−
                        </div>
+
          <div class="item active">
−
                    </div>
+
          <div class="overlay-slide">
−
                    <div class="item">
+
          <img src="https://static.igem.org/mediawiki/2017/archive/8/89/20171021063547%21P3%21%21%21.jpg" width="1300px" class="img-responsive">
−
                        <img src="https://2017.igem.org/File:BGIC-Union_slider2-h500.png" class="img-responsive" alt="Slider Image">
+
          </div>
−
                        <div class="carousel-caption">
+
          <div class="carousel-caption">
−
                            <h2 class="hero-heading">From Shenzhen BGIC with Love</h2>
+
              <div class="col-md-12 col-xs-12 text-center">
−
                            <p class="lead">A united team with members from eight cities</p>
+
                      <h1>dCasentry</h1>
−
                            <a href="#" class="btn btn-lg hero-button">KNOW US</a>
+
              <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3>
−
                    </div>
+
              <div class="line"></div>
−
</div>
+
              <p class="animated3"></p>
−
                    <div class="item">
+
              </div>
−
                        <img src="https://static.igem.org/mediawiki/2017/e/e0/BGIC-Union_slider1-h500.png" class="img-responsive" alt="Slider Image">
+
          </div>
−
                        <div class="carousel-caption">
+
          </div>
−
                            <h2 class="hero-heading1">Future provision</h2>
+
 
−
                            <p class="lead2">We learn about cancer diagonosis, bio-containment and more</p>
+
               
−
                            <a href="#" class="btn btn-lg hero-button1">HAVE A LOOK</a>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- END SLIDERS -->
+
−
        <!-- GOOD POINTS -->
+
−
        <div class="main-features ">
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-md-3 col-sm-6"><i class="fa fa-cubes "></i>
+
−
                        <h3 class="feature-heading">IMPROVED DESIGN</h3></div>
+
−
                    <div class="col-md-3 col-sm-6"><i class="fa fa-globe "></i>
+
−
                        <h3 class="feature-heading">SOCIAL OUTREACH</h3></div>
+
−
                    <div class="col-md-3 col-sm-6"><i class="fa fa-refresh "></i>
+
−
                        <h3 class="feature-heading">NEW APPLICATION</h3></div>
+
−
                    <div class="col-md-3 col-sm-6"><i class="fa fa-rocket "></i>
+
−
                        <h3 class="feature-heading">EFFCTIVE COLLABORATION</h3></div>
+
−
                </div>
+
−
            </div>
+
 
         </div>
 
         </div>
−
        <!-- END GOOD POINTS -->
+
  </section>
−
        <!-- INTRO -->
+
    <!--/ Slider end -->
−
        <section>
+
    <!--/ Slider end -->
−
            <div class="container">
+
−
                <div class="row">
+
<!-- +++++ Welcome Section +++++ -->
−
                    <div class="col-md-6">
+
<div id="ww">
−
                        <h2 class="section-heading">DESCRIPTION</h2>
+
    <div class="container">
−
                        <p class="lead">
+
<div class="row">
−
<p>
+
<div class="col-lg-8 col-lg-offset-2 ">
−
Cancer is one of the most deadly diseases in the world. Cancer accounts for more than 8.8 million deaths in 2015. Lung cancer, one of the top five cancers, took away 1.69 million lives in 2015. Although medicine and cancer treatments have been highly developed overtime, it is still difficult to diagnose and cure lung cancer in its early stage, particularly for non-small cell lung cancer (NSCLC).  
+
−
</P>
+
<div style="height:122px; width:150px; border-radius:50%; overflow:hidden; ">
−
<P>
+
<img src="https://static.igem.org/mediawiki/2017/d/db/User.png" height="120px" width="150px">
−
Our main task is to construct a test paper that contains a powerful biosensor capable of detecting any DNA sequence. The biosensor, which is composed by dcas9 and T7 polymerase coupled system, can act like a smart automatic switch. When the test paper detects a particular DNA sequence, it then releases a visible signal.
+
</div>
 +
</div><h1 class="center">Hi, I am dCasentry,</h1>
 +
<div class="row">
 +
<div class="col-md-6">
 +
<div>dCasentry: A guardian against Lung Cancer</br>
 +
Lung cancer is one of the deadliest malignant tumors in the world, with highest death rate in China. The most widely used lung cancer detection method nowadays remains biopsy, which may cause pain infection and bruising. However, the technic of liquid biopsy obviates this problem by detecting various factors including circulating tumor DNA (ctDNA) in the blood. ctDNA is a short strand of DNA released from tumor cells that can be deemed as the sign of cancer. Although traditional liquid biopsy avoids many side effects, it requires laboratory apparatus such as PCR instrument during detection. Also, some other ctDNA detection systems fail to overcome the difficulty of the extremely low concentration of ctDNA in the blood. To solve those problems, we developed a new liquid biopsy method using dCas9 protein with a much simple procedure while increase the signal with various kinds of output. We hope to adopt free-dried paper chip as our vector of detecting system to simplify its operation as well as storage. Finally, the product will be presented as a kit that contains all the items you needed for convenient machine-free detection.
 +
</br>
 +
<i>Please, click <a href="https://2017.igem.org/Team:BGIC-Union/Project">  here </a> and know more about me as well as the product!</i> </div>
 +
</div>
 +
<div class="col-md-6">
 +
<img src="https://static.igem.org/mediawiki/2017/7/79/FigureDemo.jpg" width="500px" /></div></div><!-- /col-lg-8 -->
 +
</div><!-- /row -->
 +
    </div> <!-- /container -->
 +
</div><!-- /ww -->
 +
   
 +
<!-- +++++ Projects Section +++++ -->
 +
 +
<div class="container pt">
 +
<div class="row mt ">
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/64/Bgicbiosafety.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Best Parts </a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/26/Applieddesignlogo.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/Gold_bgic.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated Human Practice</a></h4>
 +
</div>
 +
</div><!-- /row -->
 +
<div class="row mt">
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/21/Bgicpublicengagement.png " width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/7c/Entreprenuershipbgic.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Entreprenuership">Entreprenuership</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/48/Bgicmodel.png " width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a></h4>
 +
</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
 +
 +
 +
</div>
  
−
For diagnosing NSCLC cancer, we will use our biosensor to detect the fusion gene EML4-ALK, which is thought to have huge connections with lung cancer. The formation of this protein has to do with the alteration that occurred in the chromosomes. The alteration means one small piece of chromosome mysteriously going to the tail of another chromosome. If we are able to use our dcas9 and T7 polymerase coupled system to find EML4-ALK effectively and identify it at an early stage, then we will be creating a faster and safer cancer diagnostic process and immensely help people in pain with NSCLC cancer or even other types of cancers.
+
 
 +
 
 +
  </body>
  
−
</p>
+
 
−
                    </div>
+
 
−
                    <div class="col-md-6">
+
     
−
                        <img src="/File:BGIC-Union_intro-img.png" class="img-responsive" alt="Image Intro">
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- END INTRO -->
+
−
        <!-- GOOD POINTS-->
+
−
        <section>
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-md-6">
+
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
−
                            <i class="fa fa-flag"></i>
+
−
                            <h2 class="boxed-content-title">IMPROVED DESIGN</h2>
+
−
                            <p> Based on...we improved</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-md-6">
+
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
−
                            <i class="fa fa-globe"></i>
+
−
                            <h2 class="boxed-content-title">SOCIAL OUTREACH</h2>
+
−
                            <p>We held...</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-md-6">
+
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
−
                            <i class="fa fa-cog"></i>
+
−
                            <h2 class="boxed-content-title">NEW APPLICATION</h2>
+
−
                            <p>Our design can be applied to ...</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-md-6">
+
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
−
                            <i class="fa fa-users"></i>
+
−
                            <h2 class="boxed-content-title">EFFCTIVE COLLABORATION</h2>
+
−
                            <p>We have discussions with....</p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- END GOOD POINTS -->
+
−
        <!-- DEMONSTRATION -->
+
−
        <section>
+
−
            <div class="container">
+
−
                <h2 class="section-heading sr-only">DEMONSTRATION</h2>
+
−
                <div class="tab-content">
+
−
                    <div class="tab-pane fade in active text-center" id="tab-bottom1">
+
−
                        <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Ultra Responsive">
+
−
                        <h3 class="text-accent-color">DETECTION</h3>
+
−
                        <p class="lead">dCas9 sgRNA </p>
+
−
                    </div>
+
−
                    <div class="tab-pane fade text-center" id="tab-bottom2">
+
−
                        <img src="assets/img/hero-unit-obj3.png" class="img-responsive center-block margin-bottom-30px" alt="Easy to Customize">
+
−
                        <h3 class="text-accent-color">SIGNALING</h3>
+
−
                        <p class="lead">FLUC</p>
+
−
                    </div>
+
−
                    <div class="tab-pane fade text-center" id="tab-bottom3">
+
−
                        <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Clean and Elegant Design">
+
−
                        <h3 class="text-accent-color">ANALYSIS</h3>
+
−
                        <p class="lead"> DATA</p>
+
−
                    </div>
+
−
                    <div class="tab-pane fade text-center" id="tab-bottom4">
+
−
                        <img src="assets/img/free.png" class="img-responsive center-block margin-bottom-30px" alt="Free Updates and Support">
+
−
                        <h3 class="text-accent-color">TREATMENT</h3>
+
−
                        <p class="lead">treatment</p>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="custom-tabs-line tabs-line-top">
+
−
                    <ul class="nav" role="tablist">
+
−
                        <li class="active"><a href="#tab-bottom1" role="tab" data-toggle="tab">DETECTION</a></li>
+
−
                        <li><a href="#tab-bottom2" role="tab" data-toggle="tab">SIGNALING</a></li>
+
−
                        <li><a href="#tab-bottom3" role="tab" data-toggle="tab">ANALYSIS</a></li>
+
−
                        <li><a href="#tab-bottom4" role="tab" data-toggle="tab">TREATMENT</a></li>
+
−
                    </ul>
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- END DEMONSTRATION -->
+
−
        <!-- FOOTER -->
+
−
        <footer>
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-md-4">
+
−
                        <!-- INFO -->
+
−
                        <h3 class="sr-only">ABOUT US</h3>
+
−
                        <img src="assets/img/logo/repute-logo-light.png" class="logo" alt="Repute">
+
−
                        <p>CONTACT US</p>
+
−
                        <br>
+
−
                        <address class="margin-bottom-30px">
+
−
                            <ul class="list-unstyled">
+
−
                                <li>F12 BGI-College，146 Beishan Road，Yantian District 518083
+
−
                                    <br/> Shenzhen，Guangdong Province, China，Asia</li>
+
−
                                <li>Phone:+86-755-36307888</li>
+
−
                                <li>Email: info@genomics.cn</li>
+
−
<li>Fax:+86-755-36307273</li>
+
−
                            </ul>
+
−
                        </address>
+
−
                        <!-- END INFO -->
+
−
                    </div>
+
−
                    <div class="col-md-4">
+
−
                        <!-- QUICK LINKS -->
+
−
                        <h3 class="footer-heading">QUICK LINKS</h3>
+
−
                        <div class="row margin-bottom-30px">
+
−
                            <div class="col-xs-6">
+
−
                                <ul class="list-unstyled footer-nav">
+
−
                                    <li><a href="#">Home</a></li>
+
−
                                    <li><a href="#">Team</a></li>
+
−
                                    <li><a href="#">Description</a></li>
+
−
                                    <li><a href="#">Design</a></li>
+
−
                                    <li><a href="#">Experiments
+
−
                            </div>
+
−
                            <div class="col-xs-6">
+
−
                                <ul class="list-unstyled footer-nav">
+
−
                                    <li><a href="#">Notebook</a></li>
+
−
                                    <li><a href="#">Results</a></li>
+
−
                                    <li><a href="#">Parts</a></li>
+
−
                                    <li><a href="#">Safety</a></li>
+
−
                                    <li><a href="#">Human Practice Summary</a></li>
+
−
                                </ul>
+
−
                            </div>
+
−
                        </div>
+
−
                        <!--END QUICK LINKS -->
+
−
                    </div>
+
−
                    <div class="col-md-4">
+
−
                        <!-- CONTACT -->
+
−
                        <div class="social-connect">
+
−
                            <h3 class="footer-heading">GET CONNECTED</h3>
+
−
                            <ul class="list-inline social-icons">
+
−
                                <li><a href="#" class="facebook-bg"><i class="fa fa-facebook"></i></a></li>
+
−
                                <li><a href="#" class="twitter-bg"><i class="fa fa-twitter"></i></a></li>
+
−
                            </ul>
+
−
                        </div>
+
−
                        <!-- END CONTACT -->
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </footer>
+
−
        <!-- END FOOTER -->
+
−
    </div>
+
−
    <!-- END WRAPPER -->
+
−
    <!-- JAVASCRIPTS -->
+
−
    <script src="https://2017.igem.org/Team:BGIC-Union/js/jquery-2.1.1.min.js"></script>
+
−
    <script src="https://2017.igem.org/Team:BGIC-Union/js/bootstrap.min.js"></script>
+
−
    <script src="https://2017.igem.org/Team:BGIC-Union/js/plugins/slick/slick.min.js"></script>
+
−
    <script src="https://2017.igem.org/Team:BGIC-Union/js/plugins/stellar/jquery.stellar.min.js"></script>
+
−
    <script src="https://2017.igem.org/Team:BGIC-Union/js/repute-scripts.js"></script>
+
−
</body>
+
  
 
</html>
 
</html>

Latest revision as of 13:11, 2 December 2017

Team：BGIC-Union

Hi, I am dCasentry,

dCasentry: A guardian against Lung Cancer
Lung cancer is one of the deadliest malignant tumors in the world, with highest death rate in China. The most widely used lung cancer detection method nowadays remains biopsy, which may cause pain infection and bruising. However, the technic of liquid biopsy obviates this problem by detecting various factors including circulating tumor DNA (ctDNA) in the blood. ctDNA is a short strand of DNA released from tumor cells that can be deemed as the sign of cancer. Although traditional liquid biopsy avoids many side effects, it requires laboratory apparatus such as PCR instrument during detection. Also, some other ctDNA detection systems fail to overcome the difficulty of the extremely low concentration of ctDNA in the blood. To solve those problems, we developed a new liquid biopsy method using dCas9 protein with a much simple procedure while increase the signal with various kinds of output. We hope to adopt free-dried paper chip as our vector of detecting system to simplify its operation as well as storage. Finally, the product will be presented as a kit that contains all the items you needed for convenient machine-free detection.
Please, click here and know more about me as well as the product!

Best Parts

Applied Design

Integrated Human Practice

Education & Public Engagement

Entreprenuership

Model