m |
|||
(98 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <html | + | <html> |
+ | <head> | ||
+ | <html> | ||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Line 10: | Line 12: | ||
<head> | <head> | ||
+ | |||
+ | |||
<!-- Bootstrap core CSS --> | <!-- Bootstrap core CSS --> | ||
− | <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet"> | + | <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet"> |
+ | |||
+ | <!-- carousel --> | ||
+ | <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&ctype=text/css" rel="stylesheet"> | ||
+ | <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&ctype=text/css" rel="stylesheet"> | ||
<!-- main --> | <!-- main --> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | |||
− | #top_title,#sideMenu | + | #top_title,#sideMenu { display: none !important; } |
− | + | #content { | |
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | #bodyContent | ||
+ | { | ||
+ | margin-top:0px !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content{ | ||
+ | background-color: #FFe4e1; !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | .mainstyle | ||
+ | { | ||
+ | font-family: Comic Sans MS; | ||
} | } | ||
− | |||
html, body { | html, body { | ||
− | margin: 0 | + | margin: 0 ; |
− | padding: 0 | + | padding: 0 ; |
} | } | ||
body { | body { | ||
− | background-color: # | + | background-color: #ffa07a; |
− | + | margin-keft:150px | |
font-weight: 400; | font-weight: 400; | ||
font-size: 14px; | font-size: 14px; | ||
Line 38: | Line 64: | ||
/* Titles */ | /* Titles */ | ||
− | h1, h2, h3, h4, h5, h6 { | + | h1, h2, h3, h4, h5, h6, p { |
− | font-family: | + | font-family: Comic Sans MS; |
font-weight: 700; | font-weight: 700; | ||
color: #333; | color: #333; | ||
Line 52: | Line 78: | ||
− | + | ||
p { | p { | ||
line-height: 28px; | line-height: 28px; | ||
margin-bottom: 25px; | margin-bottom: 25px; | ||
− | font-size: | + | font-size: 13px; |
+ | font-family: Comic Sans MS; | ||
} | } | ||
Line 67: | Line 94: | ||
color: #20B2AA; | color: #20B2AA; | ||
word-wrap: break-word; | word-wrap: break-word; | ||
− | + | font-size: 18px; | |
-webkit-transition: color 0.1s ease-in, background 0.1s ease-in; | -webkit-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
-moz-transition: color 0.1s ease-in, background 0.1s ease-in; | -moz-transition: color 0.1s ease-in, background 0.1s ease-in; | ||
Line 114: | Line 141: | ||
.navbar-inverse { | .navbar-inverse { | ||
− | padding-bottom: | + | padding-bottom: 30px; |
− | padding-top: | + | padding-top: 0; |
} | } | ||
Line 125: | Line 152: | ||
.navbar-inverse .navbar-nav > li > a { | .navbar-inverse .navbar-nav > li > a { | ||
color: white; | color: white; | ||
+ | |||
} | } | ||
+ | |||
.navbar-inverse .navbar-nav > li > a:hover { | .navbar-inverse .navbar-nav > li > a:hover { | ||
Line 133: | Line 162: | ||
.navbar-brand { | .navbar-brand { | ||
font-weight: 700; | font-weight: 700; | ||
− | font-size: | + | font-size: 40px; |
letter-spacing: 2px; | letter-spacing: 2px; | ||
+ | backgroud: white; | ||
} | } | ||
.navbar-inverse .navbar-brand { | .navbar-inverse .navbar-brand { | ||
color: white; | color: white; | ||
+ | background-color: #FFA07A; | ||
+ | |||
} | } | ||
.navbar-inverse .navbar-toggle { | .navbar-inverse .navbar-toggle { | ||
border-color: transparent; | border-color: transparent; | ||
+ | font-size: 12px; | ||
} | } | ||
Line 166: | Line 199: | ||
#ww { | #ww { | ||
− | padding-top: | + | padding-top: 0px; |
padding-bottom: 70px; | padding-bottom: 70px; | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
Line 172: | Line 205: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */ | /* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */ | ||
Line 236: | Line 212: | ||
position:relative; | position:relative; | ||
overflow:hidden; | overflow:hidden; | ||
− | background:transparent url(../ | + | background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center; |
} | } | ||
Line 258: | Line 234: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
+ | |||
<!-- script --> | <!-- script --> | ||
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></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&ctype=text/javascript"></script> | + | <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&ctype=text/javascript"></script> |
+ | |||
<!-- hover --> | <!-- hover --> | ||
− | <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&ctype=text/javascript"></script> | + | <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&ctype=text/javascript"></script> |
− | <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&ctype=text/javascript"></script> | + | <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&ctype=text/javascript"></script> |
</head> | </head> | ||
− | + | ||
− | <div class="column_full_size"> | + | <body> |
+ | <div class="column_full_size top1"> | ||
<nav class="navbar navbar-inverse navbar-static-top" role="navigation"> | <nav class="navbar navbar-inverse navbar-static-top" role="navigation"> | ||
<div class="container-fluid"> | <div class="container-fluid"> | ||
Line 283: | Line 257: | ||
<div> | <div> | ||
<ul class="nav navbar-nav navbar-center"> | <ul class="nav navbar-nav navbar-center"> | ||
− | <li class="active"> <a href="https://2017.igem.org/Team:BGIC-Union">HOME</a></li> | + | <li class="active" > <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li> |
− | <li class="dropdown"> | + | |
− | + | <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"> | <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/Team">members</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li> |
− | + | ||
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
+ | <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li> | ||
+ | |||
<li class="dropdown "> | <li class="dropdown "> | ||
− | <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> | + | <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a> |
</a> | </a> | ||
<ul class="dropdown-menu" > | <ul class="dropdown-menu" > | ||
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li> |
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li> |
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <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 "> | + | |
− | + | <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/ | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">protocols</a></li> |
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook"> | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li> |
− | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul> | |
− | + | ||
</li> | </li> | ||
− | + | ||
− | <a href="https://2017.igem.org/Team:BGIC-Union/ | + | <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/Basic_Parts">basic parts</a></li> | |
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <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/ | + | <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li> |
− | + | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
− | + | ||
− | + | <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/ | + | |
− | + | <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/ | + | <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/ | + | |
− | <li><a href="https://2017.igem.org/Team:BGIC-Union/ | + | <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/ | + | <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a> |
</li> | </li> | ||
<li class="dropdown "> | <li class="dropdown "> | ||
− | <a href="https://2017.igem.org/Team:BGIC-Union/ | + | <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a> |
+ | </li> | ||
+ | <li class="dropdown "> | ||
+ | <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 345: | Line 333: | ||
</div> | </div> | ||
</nav> | </nav> | ||
− | + | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <section > | ||
+ | <div class="carousel slide" id="carousel-example-generic" data-ride="carousel"> | ||
+ | |||
+ | |||
+ | <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> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </section> | ||
+ | <!--/ Slider end --> | ||
+ | <!--/ Slider end --> | ||
+ | |||
<!-- +++++ Welcome Section +++++ --> | <!-- +++++ Welcome Section +++++ --> | ||
<div id="ww"> | <div id="ww"> | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col-lg-8 col-lg-offset-2 | + | <div class="col-lg-8 col-lg-offset-2 "> |
− | <div style="height:122px; width:150px; border-radius:50%; overflow:hidden | + | <div style="height:122px; width:150px; border-radius:50%; overflow:hidden; "> |
<img src="https://static.igem.org/mediawiki/2017/d/db/User.png" height="120px" width="150px"> | <img src="https://static.igem.org/mediawiki/2017/d/db/User.png" height="120px" width="150px"> | ||
</div> | </div> | ||
− | <h1>Hi, I am dCasentry,</h1> | + | </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"> |
− | </div><!-- /col-lg-8 --> | + | <img src="https://static.igem.org/mediawiki/2017/7/79/FigureDemo.jpg" width="500px" /></div></div><!-- /col-lg-8 --> |
</div><!-- /row --> | </div><!-- /row --> | ||
</div> <!-- /container --> | </div> <!-- /container --> | ||
Line 372: | Line 389: | ||
<div class="container pt"> | <div class="container pt"> | ||
− | <div class="row mt | + | <div class="row mt "> |
<div class="col-lg-4"> | <div class="col-lg-4"> | ||
− | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/ | + | <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> | ||
<div class="col-lg-4"> | <div class="col-lg-4"> | ||
− | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/ | + | <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> | ||
<div class="col-lg-4"> | <div class="col-lg-4"> | ||
− | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/ | + | <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> | ||
</div><!-- /row --> | </div><!-- /row --> | ||
− | <div class="row mt | + | <div class="row mt"> |
<div class="col-lg-4"> | <div class="col-lg-4"> | ||
− | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/ | + | <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> | ||
<div class="col-lg-4"> | <div class="col-lg-4"> | ||
− | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/ | + | <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> | ||
<div class="col-lg-4"> | <div class="col-lg-4"> | ||
− | <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/ | + | <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> | ||
</div><!-- /row --> | </div><!-- /row --> | ||
Line 403: | Line 420: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Line 442: | Line 426: | ||
</body> | </body> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 13:11, 2 December 2017