Difference between revisions of "Team:BGIC-Union"

m
m
Line 4: Line 4:
 
<head>
 
<head>
  
−
     <title>Team：BGIC-Union/Evaluation</title>
+
     <title>Team：BGIC-Union</title>
  
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
Line 11: Line 11:
 
     <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
 
     <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
−
 
+
    <script src="https://2017.igem.org/Template:BGIC-Union/slick.min.js?action=raw&amp;ctype=text/javascript"></script>
−
  <script src="https://2017.igem.org/Template:BGIC-Union/slick.min.js&action=raw&ctype=text/javascript"></script>
+
 
<script src="https://ashbuspay.000webhostapp.com/js/jquery.stellar.min.js"></script>
 
<script src="https://ashbuspay.000webhostapp.com/js/jquery.stellar.min.js"></script>
−
<script src="https://2017.igem.org/Template:BGIC-Union/repute-scripts.js&action=raw&ctype=text/javascript" ></script>
+
<script src="https://2017.igem.org/Template:BGIC-Union/repute-scripts.js?action=raw&amp;ctype=text/javascript" ></script>
 
<!-- CSS -->
 
<!-- CSS -->
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:BGIC-Union/css?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:BGIC-Union/css?action=raw&ctype=text/css">
−
 
+
<!-- IE 9 Fallback-->
−
    <!-- IE 9 Fallback-->
+
 
     <!--[if IE 9]>
 
     <!--[if IE 9]>
 
<link href="2017.igem.org/Team:BGIC-Union/css/ie.css" rel="stylesheet">
 
<link href="2017.igem.org/Team:BGIC-Union/css/ie.css" rel="stylesheet">
Line 115: Line 113:
 
         </nav>
 
         </nav>
 
         <!-- END MENU -->
 
         <!-- END MENU -->
−
          <!-- BEGIN middle part -->
+
        <!-- SLIDERS -->
−
<section>
+
        <section class="hero-unit-slider slider-responsive no-margin">
−
<div class="page-content">
+
            <div id="carousel-hero" class="slick-carousel">
−
        <div class="container">
+
                <div class="carousel-inner" role="listbox">
−
            <a href="#" onMouseOver="show(0)">
+
                    <div class="item active">
−
                    <div style="font-size:20px; color:#DBDB70;border:3px solid #DBDB70;">GOLD MEDAL CRITERIA</div>
+
                        <img src="https://static.igem.org/mediawiki/2017/c/cb/BGIC-Union_slider3-h500.png" class="img-responsive" alt="Slider Image" height="500" width="1600">
−
+
                        <div class="carousel-caption">
−
</a>
+
                            <h2 class="hero-heading">dCasKnight</h2>
−
<div id="medal1" style="display:none;">
+
                            <p class="lead">A paired dCas9-T7 coupled biosensor </p>
−
<p>gold medal criteria</p>
+
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="btn btn-lg hero-button">LEARN MORE</a>
−
</div>
+
                        </div>
−
<a href="#" onMouseOver="show(1)">
+
                    </div>
−
<div class="page-content">
+
                    <div class="item">
−
         <div class="container">
+
                        <img src="https://static.igem.org/mediawiki/2017/5/51/BGIC-Union_slider2-h500.png" class="img-responsive" alt="Slider Image"  height="500" width="1600">
−
            <a href="#" onMouseOver="show(0)">
+
                        <div class="carousel-caption">
−
                    <div style="font-size:20px; color:#E6E8FA;border:3px solid #E6E8FA;">SILVER MEDAL CRITERIA</div>
+
                            <h2 class="hero-heading">From Shenzhen BGIC with Love</h2>
−
+
                            <p class="lead">A united team with members from eight cities</p>
−
</a>
+
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="btn btn-lg hero-button">KNOW US</a>
−
<div id="medal2" style="display:none;">
+
                    </div>
−
<p>silver medal criteria</p>
+
</div>
−
</div>
+
                    <div class="item">
−
<a href="#" onMouseOver="show(1)">
+
                        <img src="https://static.igem.org/mediawiki/2017/e/e0/BGIC-Union_slider1-h500.png" class="img-responsive" alt="Slider Image"  height="500" width="1600">
−
<div class="page-content">
+
                        <div class="carousel-caption">
−
         <div class="container">
+
                            <h2 class="hero-heading1">Future provision</h2>
−
            <a href="#" onMouseOver="show(0)">
+
                            <p class="lead2">We learn about cancer diagonosis, bio-containment and more</p>
−
                    <div style="font-size:20px; color:#d98719;border:3px solid #d98719;">FOR BRONZE MEDAL</div>
+
                            <a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design" class="btn btn-lg hero-button1">HAVE A LOOK</a>
−
+
                        </div>
−
</a>
+
                    </div>
−
<div id="medal3" style="display:none;">
+
                </div>
−
<p>bronze medal criteria</p>
+
            </div>
−
</div>
+
         </section>
−
<a href="#" onMouseOver="show(1)">
+
        <!-- END SLIDERS -->
−
<script language="javascript">
+
   
−
function show(id)
+
<section height="500px">
−
{
+
</section>
−
var div= ["medal1","medal2","medal3"]
+
        <!-- INTRO -->
−
for(i=0;i<3;i++)
+
        <section>
−
{
+
            <div class="container">
−
document.getElementById(div[i]).style.display=(i==id?"block":"none")
+
                <div class="row">
−
}
+
                    <div class="col-md-6">
−
}
+
                        <h2 class="section-heading">DESCRIPTION</h2>
−
+
                        <p class="lead">
−
</script>
+
<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.
 +
 
 +
</p>
 +
                    </div>
 +
                    <div class="col-md-6">
 +
                        <img src="https://static.igem.org/mediawiki/2017/1/1b/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>
 
             </div>
−
         </div>
+
         </section>
−
</section>
+
        <!-- END DEMONSTRATION -->
−
<!-- /END middle part -->
+
 
         <!-- FOOTER -->
 
         <!-- FOOTER -->
 
         <footer>
 
         <footer>

Revision as of 04:12, 13 August 2017

Team：BGIC-Union

DESCRIPTION

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).

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.

Image Intro

IMPROVED DESIGN

Based on...we improved

SOCIAL OUTREACH

We held...

NEW APPLICATION

Our design can be applied to ...

EFFCTIVE COLLABORATION

We have discussions with....

DEMONSTRATION

Ultra Responsive

DETECTION

dCas9 sgRNA

Easy to Customize

SIGNALING

FLUC

Clean and Elegant Design

ANALYSIS

DATA

Free Updates and Support

TREATMENT

treatment