Difference between revisions of "Team:BGIC-Union"

m
 
(129 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
−
<html lang="en">
+
<html>
 +
  <head>
 +
  <html>
 +
  <head>
 +
    <meta charset="utf-8">
 +
 
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
−
<head>
 
  
 
     <title>Team：BGIC-Union</title>
 
     <title>Team：BGIC-Union</title>
  
−
    <meta charset="utf-8">
+
  <head>
−
    <meta name="viewport">
+
 
−
    <!-- JAVASCRIPTS -->
+
 
−
     <script src="https://2017.igem.org/Template:BGIC-Union/javascript?action=raw&ctype=text/javascript"></script>
+
  <!-- Bootstrap core CSS -->
−
<!-- CSS -->
+
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:BGIC-Union/css?action=raw&ctype=text/css">
+
 
−
<!-- IE 9 Fallback-->
+
  <!-- carousel -->
−
    <!--[if IE 9]>
+
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="2017.igem.org/Team:BGIC-Union/css/ie.css" rel="stylesheet">
+
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<![endif]-->
+
 
−
    <!-- GOOGLE FONTS -->
+
  <!-- main -->
−
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'>
+
  <style 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">
+
#top_title,#sideMenu { display: none !important; }
−
     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/repute114x114.png">
+
        #content {
−
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/repute72x72.png">
+
            width: 100%;
−
    <link rel="apple-touch-icon-precomposed" href="assets/ico/repute57x57.png">
+
            margin: 0;
−
    <link rel="shortcut icon" href="assets/ico/favicon.png">
+
            padding: 0;
−
</head>
+
           
−
<body>
+
        }
−
   
+
 
−
    <!-- WRAPPER -->
+
#bodyContent
−
    <div class="wrapper">
+
{
−
        <!-- MENU -->
+
margin-top：0px !important;
−
        <nav class="navbar navbar-default " role="navigation">
+
}
−
            <div class="container">
+
 
−
                <div class="navbar-header">
+
 
−
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">
+
#content{
−
                        <span class="sr-only">Toggle Navigation</span>
+
  background-color: #FFe4e1; !important;
−
                        <i class="fa fa-bars"></i>
+
}
−
                    </button>
+
 
−
                    <a href="index.html" class="navbar-brand navbar-logo">
+
 
−
                        <img src="https://static.igem.org/mediawiki/2017/2/2c/Repute-logo-nav.png" height="32px" width="100px">
+
.mainstyle
−
                    </a>
+
{
−
                </div>
+
font-family: Comic Sans MS;
−
                <!-- MAIN NAVIGATION -->
+
}
−
                <div id="main-nav" class="navbar-collapse collapse navbar-mega-menu">
+
html, body {
−
                    <ul class="nav navbar-nav navbar-right">
+
    margin: 0 ;
−
                        <li class="dropdown active">
+
    padding: 0 ;
−
                             <a href="https://2017.igem.org/Team:BGIC-Union" class="dropdown-toggle" data-toggle="dropdown">HOME <i class="fa fa-angle-down"></i></a>
+
}
−
                            <ul class="dropdown-menu" role="menu">
+
body {
−
                                 <li class="active"><a href="https://2017.igem.org/Team:BGIC-Union">Home</a></li>
+
  background-color: #ffa07a;
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union">abstract</a></li>
+
  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="https://2017.igem.org/Team:BGIC-Union/Team" 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="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
+
<li class="dropdown ">
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">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="https://2017.igem.org/Team:BGIC-Union/Team">sponsors</a></li>
+
</a>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">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="https://2017.igem.org/Team:BGIC-Union/Project" 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="https://2017.igem.org/Team:BGIC-Union/Project">problems</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">protocols</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">our design</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
−
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">results</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">interlab</a></li>
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">references</a></li>
+
−
                            </ul>
+
 
                         </li>
 
                         </li>
−
                        <li class="dropdown ">
+
                     
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Notebook" 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="https://2017.igem.org/Team:BGIC-Union/Notebook">protocol</a></li>
+
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">lab journal</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">activity diary</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">safety</a></li>
+
 
 +
 
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
−
                        <li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Achievements" 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="https://2017.igem.org/Team:BGIC-Union/Achievements">parts</a></li>
+
                             
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">improvements</a></li>
+
                                 <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">applications</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">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="https://2017.igem.org/Team:BGIC-Union/Practices&Design" 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="https://2017.igem.org/Team:BGIC-Union/Practices&Design">education</a></li>
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">discussion</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">introspection</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">promotion</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">arts</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">modelling</a></li>
+
−
                            </ul>
+
 
                         </li>
 
                         </li>
 
<li class="dropdown ">
 
<li class="dropdown ">
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" 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 ">
−
                    </ul>
+
                             <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
−
                </div>
+
                        </li>
−
            </div>
+
        </ul>
−
        </nav>
+
    </div>
−
        <!-- END MENU -->
+
    </div>
−
        <!-- SLIDERS -->
+
</nav>
−
        <section class="hero-unit-slider slider-responsive no-margin">
+
−
            <div id="carousel-hero" class="slick-carousel">
+
−
                <div class="carousel-inner" role="listbox">
+
−
                    <div class="item active">
+
</div>
−
                        <p style="text-align:center"><img  src="https://static.igem.org/mediawiki/2017/5/51/BGIC-Union_slider2-h500.png" class="img-responsive" height="500px" width="1600px"></p>
+
−
                          <div class="carousel-caption">
+
  <section >
−
                            <h2 class="hero-heading">From Shenzhen BGIC with Love</h2>
+
        <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
−
                            <p class="lead">A united team with members from eight cities</p>
+
         
−
                             <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="btn btn-lg hero-button">KNOW US</a>
+
−
                    </div>
+
−
                    </div>
+
−
                   
+
−
                 
+
−
                </div>
+
−
            </div>
+
−
        </section>
+
−
        <!-- END SLIDERS -->
+
−
   
+
−
<section height="500px">
+
−
</section>
+
−
        <!-- INTRO -->
+
−
        <section>
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-md-6">
+
−
                        <h2 class="section-heading">DESCRIPTION</h2>
+
−
                        <p class="lead">
+
−
<p>
+
−
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>
+
−
<P>
+
−
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.
+
  
−
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.
+
          <div class="carousel-inner">
 +
          <div class="item active">
 +
          <div class="overlay-slide">
 +
          <img src="https://static.igem.org/mediawiki/2017/archive/8/89/20171021063547%21P3%21%21%21.jpg" width="1300px" class="img-responsive">
 +
          </div>
 +
          <div class="carousel-caption">
 +
              <div class="col-md-12 col-xs-12 text-center">
 +
                      <h1>dCasentry</h1>
 +
              <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3>
 +
              <div class="line"></div>
 +
              <p class="animated3"></p>
 +
              </div>
 +
          </div>
 +
          </div>
  
−
</p>
+
               
−
                    </div>
+
        </div>
−
                    <div class="col-md-6">
+
  </section>
−
                        <img src="https://static.igem.org/mediawiki/2017/1/1b/BGIC-Union_intro-img.png" class="img-responsive" alt="Image Intro">
+
    <!--/ Slider end -->
−
                    </div>
+
    <!--/ Slider end -->
−
                </div>
+
−
            </div>
+
<!-- +++++ Welcome Section +++++ -->
−
        </section>
+
<div id="ww">
−
        <!-- END INTRO -->
+
    <div class="container">
−
        <!-- GOOD POINTS-->
+
<div class="row">
−
        <section>
+
<div class="col-lg-8 col-lg-offset-2 ">
−
            <div class="container">
+
−
                <div class="row">
+
<div style="height:122px; width:150px; border-radius:50%; overflow:hidden; ">
−
                    <div class="col-md-6">
+
<img src="https://static.igem.org/mediawiki/2017/d/db/User.png" height="120px" width="150px">
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
</div>
−
                            <i class="fa fa-flag"></i>
+
</div><h1 class="center">Hi, I am dCasentry,</h1>
−
                            <h2 class="boxed-content-title">IMPROVED DESIGN</h2>
+
<div class="row">
−
                            <p> Based on...we improved</p>
+
<div class="col-md-6">
−
                        </div>
+
<div>dCasentry: A guardian against Lung Cancer</br>
−
                    </div>
+
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.
−
                    <div class="col-md-6">
+
</br>
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
<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>
−
                            <i class="fa fa-globe"></i>
+
</div>
−
                            <h2 class="boxed-content-title">SOCIAL OUTREACH</h2>
+
<div class="col-md-6">
−
                            <p>We held...</p>
+
<img src="https://static.igem.org/mediawiki/2017/7/79/FigureDemo.jpg" width="500px" /></div></div><!-- /col-lg-8 -->
−
                        </div>
+
</div><!-- /row -->
−
                    </div>
+
    </div> <!-- /container -->
−
                    <div class="col-md-6">
+
</div><!-- /ww -->
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
   
−
                            <i class="fa fa-cog"></i>
+
<!-- +++++ Projects Section +++++ -->
−
                            <h2 class="boxed-content-title">NEW APPLICATION</h2>
+
−
                            <p>Our design can be applied to ...</p>
+
<div class="container pt">
−
                        </div>
+
<div class="row mt ">
−
                    </div>
+
<div class="col-lg-4">
−
                    <div class="col-md-6">
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/64/Bgicbiosafety.png" width="200px" height="150px"></img></a>
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Best Parts </a></h4>
−
                            <i class="fa fa-users"></i>
+
</div>
−
                            <h2 class="boxed-content-title">EFFCTIVE COLLABORATION</h2>
+
<div class="col-lg-4">
−
                            <p>We have discussions with....</p>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/26/Applieddesignlogo.png" width="200px" height="150px"></img></a>
−
                        </div>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a></h4>
−
                    </div>
+
</div>
−
                </div>
+
<div class="col-lg-4">
−
            </div>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/Gold_bgic.png" width="200px" height="150px"></img></a>
−
        </section>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated Human Practice</a></h4>
−
        <!-- END GOOD POINTS -->
+
</div>
−
        <!-- DEMONSTRATION -->
+
</div><!-- /row -->
−
        <section>
+
<div class="row mt">
−
            <div class="container">
+
<div class="col-lg-4">
−
                <h2 class="section-heading sr-only">DEMONSTRATION</h2>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/21/Bgicpublicengagement.png " width="200px" height="150px"></img></a>
−
                <div class="tab-content">
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a></h4>
−
                    <div class="tab-pane fade in active text-center" id="tab-bottom1">
+
</div>
−
                        <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Ultra Responsive">
+
<div class="col-lg-4">
−
                        <h3 class="text-accent-color">DETECTION</h3>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/7c/Entreprenuershipbgic.png" width="200px" height="150px"></img></a>
−
                        <p class="lead">dCas9 sgRNA </p>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Entreprenuership">Entreprenuership</a></h4>
−
                    </div>
+
</div>
−
                    <div class="tab-pane fade text-center" id="tab-bottom2">
+
<div class="col-lg-4">
−
                        <img src="assets/img/hero-unit-obj3.png" class="img-responsive center-block margin-bottom-30px" alt="Easy to Customize">
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/48/Bgicmodel.png " width="200px" height="150px"></img></a>
−
                        <h3 class="text-accent-color">SIGNALING</h3>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a></h4>
−
                        <p class="lead">FLUC</p>
+
</div>
−
                    </div>
+
</div><!-- /row -->
−
                    <div class="tab-pane fade text-center" id="tab-bottom3">
+
</div><!-- /container -->
−
                        <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>
−
                    <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="https://static.igem.org/mediawiki/2017/d/de/Repute-logo-light.png" class="logo" >
+
−
                        <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="https://2017.igem.org/Team:BGIC-Union">Home</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Description</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Design</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Experiments
+
−
                            </div>
+
−
                            <div class="col-xs-6">
+
−
                                <ul class="list-unstyled footer-nav">
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Notebook</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Results</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">Parts</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Safety</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">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="twitter-bg"><i class="fa fa-twitter"></i></a></li>
+
−
                            </ul>
+
−
                        </div>
+
−
                        <!-- END CONTACT -->
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </footer>
+
−
        <!-- END FOOTER -->
+
−
    </div>
+
−
    <!-- END WRAPPER -->
+
 
    
 
    
 +
  </body>
  
−
 
−
</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