(23 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 11: | Line 13: | ||
<head> | <head> | ||
− | + | ||
+ | <!-- Bootstrap core CSS --> | ||
+ | <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 --> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | ||
#top_title,#sideMenu { display: none !important; } | #top_title,#sideMenu { display: none !important; } | ||
#content { | #content { | ||
Line 23: | Line 33: | ||
} | } | ||
− | + | #bodyContent | |
+ | { | ||
+ | margin-top:0px !important; | ||
+ | } | ||
Line 31: | Line 44: | ||
− | + | .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: | + | |
color: #555; | color: #555; | ||
− | + | ; | |
− | + | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
-webkit-overflow-scrolling: touch; | -webkit-overflow-scrolling: touch; | ||
Line 51: | Line 64: | ||
/* Titles */ | /* Titles */ | ||
− | h1, h2, h3, h4, h5, h6,p { | + | h1, h2, h3, h4, h5, h6, p { |
− | font-family: | + | font-family: Comic Sans MS; |
− | font-weight: | + | font-weight: 700; |
color: #333; | color: #333; | ||
− | |||
} | } | ||
Line 61: | Line 73: | ||
font-size: 35px; | font-size: 35px; | ||
margin-top: 30px; | margin-top: 30px; | ||
− | margin-bottom: | + | margin-bottom: 30px; |
} | } | ||
− | + | ||
p { | p { | ||
− | line-height: | + | line-height: 28px; |
− | margin-bottom: | + | margin-bottom: 25px; |
− | font-size: | + | font-size: 13px; |
+ | font-family: Comic Sans MS; | ||
} | } | ||
Line 81: | 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 127: | ||
} | } | ||
+ | .copyrights{ | ||
+ | text-indent:-9999px; | ||
+ | height:0; | ||
+ | line-height:0; | ||
+ | font-size:0; | ||
+ | overflow:hidden; | ||
+ | } | ||
.navbar { | .navbar { | ||
Line 120: | Line 140: | ||
} | } | ||
− | |||
− | |||
− | |||
.navbar-inverse { | .navbar-inverse { | ||
− | padding-bottom: | + | padding-bottom: 30px; |
− | padding-top: | + | padding-top: 0; |
} | } | ||
Line 135: | 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 143: | 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 171: | Line 194: | ||
padding-bottom: 50px; | padding-bottom: 50px; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
/* +++++ WRAP SECTIONS +++++ */ | /* +++++ WRAP SECTIONS +++++ */ | ||
Line 185: | Line 205: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */ | /* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */ | ||
Line 271: | 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> | ||
Line 717: | Line 247: | ||
</head> | </head> | ||
− | + | ||
+ | <body> | ||
<div class="column_full_size top1"> | <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"> | ||
Line 735: | Line 266: | ||
<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/Collaborations">collaborations</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> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li> | ||
</ul> | </ul> | ||
Line 747: | Line 278: | ||
<ul class="dropdown-menu" > | <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/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/Results">results</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/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/Improve">improve</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:BGIC-Union/References">references</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 758: | Line 290: | ||
<li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a> | <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/Experiments"> | + | <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">notebook</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/InterLab">InterLab</a></li></ul> | <li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul> | ||
Line 770: | Line 302: | ||
<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/Composite_Parts">composite parts</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/Parts_Collection">parts collection</a></li> | ||
− | + | ||
</ul> | </ul> | ||
Line 778: | Line 310: | ||
<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> | <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/HP/Silver">silver</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/HP/Gold_Integrated"></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/Engagement">public engagement</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/Applied_Design">applied design</a></li> | ||
Line 787: | Line 319: | ||
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li> | <li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li> | ||
</ul> | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown "> | ||
+ | <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a> | ||
</li> | </li> | ||
<li class="dropdown "> | <li class="dropdown "> | ||
Line 797: | Line 332: | ||
</div> | </div> | ||
</div> | </div> | ||
− | </nav> | + | </nav> |
− | + | ||
− | + | ||
− | < | + | |
− | + | </div> | |
− | + | ||
+ | <section > | ||
<div class="carousel slide" id="carousel-example-generic" data-ride="carousel"> | <div class="carousel slide" id="carousel-example-generic" data-ride="carousel"> | ||
Line 809: | Line 345: | ||
<div class="item active"> | <div class="item active"> | ||
<div class="overlay-slide"> | <div class="overlay-slide"> | ||
− | <img src="https://static.igem.org/mediawiki/2017/8/89/ | + | <img src="https://static.igem.org/mediawiki/2017/archive/8/89/20171021063547%21P3%21%21%21.jpg" width="1300px" class="img-responsive"> |
</div> | </div> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
<div class="col-md-12 col-xs-12 text-center"> | <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> | <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3> | ||
<div class="line"></div> | <div class="line"></div> | ||
Line 837: | Line 373: | ||
</div> | </div> | ||
</div><h1 class="center">Hi, I am dCasentry,</h1> | </div><h1 class="center">Hi, I am dCasentry,</h1> | ||
− | <div> | + | <div class="row"> |
− | Cancer is | + | <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> | </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><!-- /col-lg-8 --> | + | |
</div><!-- /row --> | </div><!-- /row --> | ||
</div> <!-- /container --> | </div> <!-- /container --> | ||
Line 886: | Line 420: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
Latest revision as of 13:11, 2 December 2017