Difference between revisions of "Team:BGIC-Union"

m
m
Line 1: Line 1:
  
−
<!-- # ------------------------------------------------------------------
+
<html lang="en">
−
# kickassGFX.net - Best Graphic Source - Free Themes, Scripts & Plugins
+
−
# -----------------------------------------------------------------------
+
−
# This file has been downloaded from KickassGFX.net
+
−
# Homepage: http://www.kickassgfx.net/
+
−
# -----------------------------------------------------------------------
+
−
# You'll find your Updates everyday at KickassGFX.net
+
−
# -----------------------------------------------------------------------
+
−
# If you need support with this template you can
+
−
# contact us at  http://www.kickassgfx.net/
+
−
# ------------------------------------------------------------------- -->
+
  
−
 
−
<html>
 
 
<head>
 
<head>
  
−
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
    <title>Team：BGIC-Union</title>
−
<title>Downloaded from KickassGFX.net</title>
+
  
−
<link href=“https://2017.igem.org/Template:BGIC-Union/button-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <meta charset="utf-8">
−
<link href=“https://2017.igem.org/Template:BGIC-Union/collection-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <meta name="viewport">
−
 
+
    <!-- JAVASCRIPTS -->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/columns-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <script src="https://2017.igem.org/Template:BGIC-Union/javascript?action=raw&ctype=text/javascript"></script>
−
+
<!-- CSS -->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/hover-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:BGIC-Union/css?action=raw&ctype=text/css">
−
<link href=“https://2017.igem.org/Template:BGIC-Union/hover_image-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
<!-- IE 9 Fallback-->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/light-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <!--[if IE 9]>
−
 
+
<link href="2017.igem.org/Team:BGIC-Union/css/ie.css" rel="stylesheet">
−
<link href=“https://2017.igem.org/Template:BGIC-Union/lightbox-css?action=raw&ctype=text/css”  rel=“stylesheet”  type=“text/css” />
+
<![endif]-->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/menu-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <!-- GOOGLE FONTS -->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/responsive-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'>
−
<link href=“https://2017.igem.org/Template:BGIC-Union/slider-css?action=raw&ctype=text/css”  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'>
−
<link href=“https://2017.igem.org/Template:BGIC-Union/stimenu-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <!-- FAVICONS -->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/widgets-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/repute144x144.png">
−
<link href=“https://2017.igem.org/Template:BGIC-Union/default-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/repute114x114.png">
−
<link href=“https://2017.igem.org/Template:BGIC-Union/nivoslider-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <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">
−
 
+
</head>
−
<!--[if IE 8]>
+
<body>
−
<link href="css/style_IE.css" rel="stylesheet" type="text/css">
+
−
<!-- <![endif]--> -->
+
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/html-javascript?action=raw&ctype=text/javascript "></script>
+
−
 
+
−
 
+
−
<!-- JQUERY -->
+
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/jquery-javascript?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/easing-javascript?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
<!-- JQUERY_UI -->
+
−
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
+
−
 
+
−
<!-- SLIDER -->
+
−
<script type="https://2017.igem.org/Template:BGIC-Union/cycle-javascript?action=raw&ctype=text/javascript?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript">
+
−
$(window).load(function() {
+
−
$("#scroller .items").cycle({
+
−
    fx: 'scrollUp'
+
−
});
+
−
});
+
−
</script>
+
−
 
+
−
<!-- SLIDER_NIVO
+
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/nivoslider-javascript?action=raw&ctype=text/javascript"></script>
+
−
<script type="text/javascript">
+
−
     $(window).load(function() {
+
−
        $('.nivo_slider').nivoSlider({
+
−
manualAdvance: true,
+
−
directionNavHide:true});
+
−
    });
+
−
</script>
+
−
-->
+
−
 
+
−
<!-- SLIDER_PIECEMAKER
+
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/swfobject-javascript?action=raw&ctype=text/javascript"></script>
+
−
-->
+
 
   
 
   
−
<!-- SLIDER_ROUNDABOUT
+
    <!-- WRAPPER -->
−
<script type="text/javascript" src="js/jquery.featureCarousel.min.js"></script>
+
    <div class="wrapper">
−
-->
+
        <!-- MENU -->
−
 
+
        <nav class="navbar navbar-default " role="navigation">
−
<!-- MENU -->
+
            <div class="container">
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/menu-javascript?action=raw&ctype=text/javascript"></script>
+
                <div class="navbar-header">
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/iconmenu-javascript?action=raw&ctype=text/javascript"></script>
+
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">
−
 
+
                        <span class="sr-only">Toggle Navigation</span>
−
<!-- SERVICES
+
                        <i class="fa fa-bars"></i>
−
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
+
                    </button>
−
<script type="text/javascript" src="js/services.js"></script>
+
                    <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">
−
<!-- HOVER_BUTTON -->
+
                    </a>
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/hover-javascript?action=raw&ctype=text/javascript"></script>
+
                </div>
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/buttons-javascript?action=raw&ctype=text/javascript"></script>
+
                <!-- MAIN NAVIGATION -->
−
 
+
                <div id="main-nav" class="navbar-collapse collapse navbar-mega-menu">
−
<!-- IMAGE -->
+
                    <ul class="nav navbar-nav navbar-right">
−
<script src="https://2017.igem.org/Template:BGIC-Union/image-javascript?action=raw&ctype=text/javascript" type="text/javascript"> </script>
+
                        <li class="dropdown active">
−
<script src="https://2017.igem.org/Template:BGIC-Union/lightbox-javascript?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
                            <a href="https://2017.igem.org/Team:BGIC-Union" class="dropdown-toggle" data-toggle="dropdown">HOME <i class="fa fa-angle-down"></i></a>
−
<script src="https://2017.igem.org/Template:BGIC-Union/capslide-javascript?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
                            <ul class="dropdown-menu" role="menu">
−
 
+
                                <li class="active"><a href="https://2017.igem.org/Team:BGIC-Union">Home</a></li>
−
<!-- GALLERY
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union">abstract</a></li>
−
<script src="js/lazyload.js" type="text/javascript"></script>
+
                            </ul>
−
<script src="https://2017.igem.org/Template:BGIC-Union/gallery-javascript?action=raw&ctype=text/javascript" type="text/javascript"> </script>
+
                        </li>
−
<script src="js/jquery.masonary.js" type="text/javascript"> </script>
+
                        <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>
−
 
+
                            <ul class="dropdown-menu" role="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">collaborations</a></li>
−
 
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">sponsors</a></li>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">attributions</a></li>
−
 
+
                            </ul>
−
 
+
                        </li>
−
<body>
+
                        <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>
−
 
+
                            <ul class="dropdown-menu" role="menu">
−
<!-- BEGIN menu -->
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">problems</a></li>
−
<header class="header_silverbackground">
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">our design</a></li>
−
<div class="menu">
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">results</a></li>
−
<!-- BEGIN logo -->
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">interlab</a></li>
−
<a class="logo" href="index.html"><img src="images/logo.png" alt="logo" /></a>
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">references</a></li>
−
<!-- /END logo -->
+
                            </ul>
−
+
                        </li>
−
<div class="blockeasing-wrapp">
+
                        <li class="dropdown ">
−
<h6 class="blockeasing-header">Menu</h6>
+
                            <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>
−
<ul class="blockeasing">
+
                            <ul class="dropdown-menu" role="menu">
−
        <li class="current"><a href="index.html">HOME</a>
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">protocol</a></li>
−
<ul>
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">lab journal</a></li>
−
<li><a href="index.html">SLIDE 1</a>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">activity diary</a></li>
−
            <ul>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">safety</a></li>
−
              <li><a href="index_layout_v1.html">HOME LAYOUT V1</a></li>
+
                            </ul>
−
            </ul>
+
                        </li>
−
</li>
+
                        <li class="dropdown ">
−
<li><a href="index1.html">SLIDE 2</a>
+
                            <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>
−
            <ul>
+
                            <ul class="dropdown-menu" role="menu">
−
            <li><a href="index1_layout_v1.html">HOME LAYOUT V1</a></li>
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">parts</a></li>
−
            </ul>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">improvements</a></li>
−
</li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">applications</a></li>
−
    <li><a href="index2.html">SLIDE 3</a>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">provision</a></li>
−
    <ul>
+
                            </ul>
−
    <li><a href="index2_layout_v1.html">HOME LAYOUT V1</a></li>
+
                        </li>
−
    </ul>
+
<li class="dropdown ">
−
</li>
+
                            <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>
−
</ul>
+
                            <ul class="dropdown-menu" role="menu">
−
</li>
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">education</a></li>
−
<li><a href="our-team.html">OUR TEAM</a></li>
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">discussion</a></li>
−
<li><a href="blog.html">BLOG</a>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">introspection</a></li>
−
<ul>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">promotion</a></li>
−
        <li><a href="blog_post.html">POST EXAMPLE</a></li>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">arts</a></li>
−
  </ul>
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">modelling</a></li>
−
</li>      
+
                            </ul>
−
        <li><a href="services.html">SERVICES</a>
+
                        </li>
−
<ul>
+
<li class="dropdown ">
−
      <li><a href="services_page.html">SERVICES PAGE</a></li>
+
                            <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>
−
  </ul>
+
                        </li>
−
</li>
+
−
        <li><a href="gallery.html">GALLERY</a></li>
+
                    </ul>
−
<li><a href="#">FEATURES</a>
+
                </div>
−
<ul>
+
            </div>
−
        <li><a href="icons.html">ICONS</a></li>
+
        </nav>
−
<li><a href="elements.html">ELEMENTS</a></li>
+
        <!-- END MENU -->
−
<li><a href="columns.html">COLUMNS</a></li>
+
       
−
<li><a href="typography.html">TYPOGRAPHY</a></li>
+
−
</ul>
+
−
</li>
+
−
        <li><a href="contact.html">CONTACT</a></li>
+
−
</ul>
+
−
</div>
+
−
<div class="clear"></div>
+
−
    </div>  
+
−
</header>
+
−
<!-- /END menu -->
+
−
 
+
−
<!-- BEGIN Slider -->
+
−
<div id="scroller">
+
−
<div class="items">
+
−
<a class="item" href="#"><img src="images/Slider/slide-1.jpg" alt="slide-1" /></a>
+
−
<a class="item" href="#"><img src="images/Slider/slide-2.jpg" alt="slide-2" /></a>
+
−
<a class="item" href="#"><img src="images/Slider/slide-3.jpg" alt="slide-3" /></a>
+
−
</div>
+
−
</div>
+
−
<!-- /END Slider -->
+
−
 
+
−
<!-- BEGIN middle_silver_background with icons  -->
+
−
<div class="middle_silver_background">
+
−
<div class="container">
+
−
<ul id="sti-menu" class="sti-menu">
+
−
<li data-hovercolor="#ffffff">
+
−
<a href="#">
+
−
<h2 data-type="mText" class="sti-item">Meet our team</h2>
+
−
<h3 data-type="sText" class="sti-item">Connect designers</h3>
+
−
<span data-type="icon" class="sti-icon sti-icon-one sti-item"></span>
+
−
</a>
+
−
</li>
+
−
<li data-hovercolor="#ffffff">
+
−
<a href="#">
+
−
<h2 data-type="mText" class="sti-item">View our portfolio</h2>
+
−
<h3 data-type="sText" class="sti-item">Professional work</h3>
+
−
<span data-type="icon" class="sti-icon sti-icon-two sti-item"></span>
+
−
</a>
+
−
</li>
+
−
<li data-hovercolor="#ffffff">
+
−
<a href="#">
+
−
<h2 data-type="mText" class="sti-item">Work with us</h2>
+
−
<h3 data-type="sText" class="sti-item">You won't regret it</h3>
+
−
<span data-type="icon" class="sti-icon sti-icon-three sti-item"></span>
+
−
</a>
+
−
</li>
+
−
<li data-hovercolor="#ffffff">
+
−
<a href="#">
+
−
<h2 data-type="mText" class="sti-item">Publish your work</h2>
+
−
<h3 data-type="sText" class="sti-item">Let it roar!</h3>
+
−
<span data-type="icon" class="sti-icon sti-icon-four sti-item"></span>
+
−
</a>
+
−
</li>
+
−
</ul>
+
−
<div class="clear"></div>
+
−
</div>
+
−
</div>
+
 
 
−
<!-- /END middle_silver_background with icons -->
+
<!-- SLIDERS -->
 +
        <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">
 +
                        <img src="https://static.igem.org/mediawiki/2017/5/51/BGIC-Union_slider2-h500.png" class="img-responsive" height="500px" width="1600px">
 +
                        <div class="carousel-caption">
 +
                            <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>
 +
                    </div>
 +
                    <div class="item">
 +
                        <img src="assets/img/sliders/slider2-h500.png" class="img-responsive" alt="Slider Image">
 +
                        <div class="carousel-caption">
 +
                            <h2 class="hero-heading">From Shenzhen BGIC with Love</h2>
 +
                            <p class="lead">A united team with members from eight cities</p>
 +
                            <a href="#" class="btn btn-lg hero-button">KNOW US</a>
 +
                    </div>
 +
</div>
 +
                    <div class="item">
 +
                        <img src="assets/img/sliders/slider1-h500.png" class="img-responsive" alt="Slider Image">
 +
                        <div class="carousel-caption">
 +
                            <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 -->
 +
   
 +
<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.
  
−
<!-- BEGIN middle part -->
+
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.
−
<section id="content">
+
  
−
<div class="href_path href_path_left">
+
</p>
−
<img class="content_icon" src="images/icons/icon-1.png" alt="icon-1" />
+
                    </div>
−
<a href="services.html"><h2>WEB DESIGN SERVICES</h2></a>
+
                    <div class="col-md-6">
−
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at semper risus. Curabitur mattis dapibus quam, tincidunt rutrum sapient porta sit amet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at semper risus. Curabitur mattis dapibus quam, tincidunt rutrum sapient porta sit amet.</div>
+
                        <img src="https://static.igem.org/mediawiki/2017/1/1b/BGIC-Union_intro-img.png" class="img-responsive" alt="Image Intro">
−
</div>
+
                    </div>
−
 
+
                </div>
−
<div class="href_path href_path_right">
+
            </div>
−
<img class="content_icon" src="images/icons/icon-2.png" alt="icon-2" />
+
        </section>
−
<a href="services.html"><h2>GRAPHIC DESIGN SERVICES</h2></a>
+
        <!-- END INTRO -->
−
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at semper risus. Morbi non lacinia augue. Quam, tincidunt rutrum sapien porta sit amet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at semper risus. Curabitur mattis dapibus quam, tincidunt rutrum sapient porta sit amet.</div>
+
        <!-- GOOD POINTS-->
−
</div>
+
        <section>
−
 
+
            <div class="container">
−
<div class="href_path href_no_path_left">
+
                <div class="row">
−
<img class="content_icon" src="images/icons/icon-3.png" alt="icon-3" />
+
                    <div class="col-md-6">
−
<a href="services.html"><h2>SEO SERVICES</h2></a>
+
                        <div class="boxed-content left-aligned left-boxed-icon">
−
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at semper risus.  Curabitur mattis dapibus quam, tincidunt rutrum sapient porta sit amet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at semper risus. Curabitur mattis dapibus quam, tincidunt rutrum sapient porta sit amet.</div>
+
                            <i class="fa fa-flag"></i>
−
</div>
+
                            <h2 class="boxed-content-title">IMPROVED DESIGN</h2>
−
 
+
                            <p> Based on...we improved</p>
−
<div class="clear"></div>
+
                        </div>
−
</section>
+
                    </div>
−
<!-- /END middle part -->
+
                    <div class="col-md-6">
−
 
+
                        <div class="boxed-content left-aligned left-boxed-icon">
−
 
+
                            <i class="fa fa-globe"></i>
−
<!-- BEGIN footer -->
+
                            <h2 class="boxed-content-title">SOCIAL OUTREACH</h2>
−
<footer id="footer">  
+
                            <p>We held...</p>
−
  <div id="footer-wrapper">
+
                        </div>
−
  <div class="footer-column">
+
                    </div>
−
  <div class="widget">  
+
                    <div class="col-md-6">
−
  <h5>CONTACT US</h5>
+
                        <div class="boxed-content left-aligned left-boxed-icon">
−
  <ul>
+
                            <i class="fa fa-cog"></i>
−
    <li>Company Name</li>
+
                            <h2 class="boxed-content-title">NEW APPLICATION</h2>
−
    <li>Sezamee street 1109</li>
+
                            <p>Our design can be applied to ...</p>
−
    <li>Quahog, Long Island</li>
+
                        </div>
−
    <li>+99.520.179</li>
+
                    </div>
−
    <li>+99.520.178</li>
+
                    <div class="col-md-6">
−
    <li><a href="mailto:office@companyname.com" class="footer_link">office@companyname.com</a></li>
+
                        <div class="boxed-content left-aligned left-boxed-icon">
−
    <li><a href="www.companyname.com" class="footer_link">www.companyname.com</a></li>
+
                            <i class="fa fa-users"></i>
−
  </ul>
+
                            <h2 class="boxed-content-title">EFFCTIVE COLLABORATION</h2>
−
  </div>  
+
                            <p>We have discussions with....</p>
−
  </div>
+
                        </div>
−
 
+
                    </div>
−
  <div class="footer-column">
+
                </div>
−
  <div class="widget">  
+
            </div>
−
  <h5>LATEST WORK</h5>
+
        </section>
−
  <ul>
+
        <!-- END GOOD POINTS -->
−
    <li>1. Fenix NLM business card</li>
+
        <!-- DEMONSTRATION -->
−
    <li>2. Fertico branding</li>
+
        <section>
−
    <li>3. Medeja website design</li>
+
            <div class="container">
−
    <li>4. CrowwnBet logo design</li>
+
                <h2 class="section-heading sr-only">DEMONSTRATION</h2>
−
    <li>5. CopyPaste banner</li>
+
                <div class="tab-content">
−
    <li>6. Fitofer package redesign</li>
+
                    <div class="tab-pane fade in active text-center" id="tab-bottom1">
−
    <li>7. Control P flyer design </li>
+
                        <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Ultra Responsive">
−
  </ul>
+
                        <h3 class="text-accent-color">DETECTION</h3>
−
  </div>  
+
                        <p class="lead">dCas9 sgRNA </p>
−
  </div>
+
                    </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="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 -->
 
    
 
    
−
  <div class="footer-column last">
 
−
  <div class="widget">
 
−
  <h5>FOLLOW US</h5>
 
−
  <div class="clear"></div>
 
−
    <p>Keep in touch with our  latest design, participate in some of the creation processes and connect with our great designers.</p>
 
−
    <!-- BEGIN social icon -->
 
−
  <div class="fadehover hoverfooter">
 
−
              <a class="a" href="#"><img src="images/f.png" alt="facebook" /></a>
 
−
              <a class="b" href="#"><img src="images/f1.png" alt="facebook" /></a>
 
−
          </div>
 
−
          <div class="fadehover hoverfooter">
 
−
              <a class="a" href="#"><img src="images/t.png" alt="twitter" /></a>
 
−
              <a class="b" href="#"><img src="images/t1.png" alt="" /></a>
 
−
          </div>
 
−
          <div class="fadehover hoverfooter">
 
−
              <a class="a" href="#"><img src="images/g.png" alt="google+" /></a>
 
−
              <a class="b" href="#"><img src="images/g1.png" alt="google+" /></a>
 
−
          </div>
 
−
          <div class="fadehover hoverfooter">
 
−
              <a class="a" href="#"><img src="images/r.png" alt="rss" /></a>
 
−
              <a class="b" href="#"><img src="images/r1.png" alt="rss" /></a>
 
−
          </div>
 
−
      <!-- /END social icon -->
 
−
  </div>     
 
−
  </div>
 
−
  <div class="clear"></div>
 
  
 +
 +
</body>
 +
 +
  
−
  <!--loverbar info-->
+
−
  <div class="footer-info">
+
−
 
+
−
<h5 class="no-marg-bott padd-top padd-bott5">COMPANY LOCANTION & INFO</h5>
+
−
<div class="footer-border"></div>
+
−
<div class="padd-top">
+
−
<img class="left footer-info-map" src="images/footer-map.png" alt="" />
+
−
<div class="footer-info-text">
+
−
<h5>LOCATE US</h5>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus at semper risus. Phasellus at semper risus. Lorem ipsum dolor sit amet, consectetur adipiscing</p>
+
−
</div>
+
−
<div class="footer-info-picks">
+
−
<h5>WHO WE ARE</h5>
+
−
<a class="image_rollover_left" data-description="READ MORE" href="#">
+
−
<img src="images/footer/1.jpg" alt="" />
+
−
</a>
+
−
<a class="image_rollover_top" data-description="READ MORE" href="#">
+
−
<img src="images/footer/2.jpg" alt="" />
+
−
</a>
+
−
<a class="image_rollover_bottom" data-description="READ MORE" href="#">
+
−
<img src="images/footer/3.jpg" alt="" />
+
−
</a>
+
−
<a class="image_rollover_right" data-description="READ MORE" href="#">
+
−
<img src="images/footer/4.jpg" alt="" />
+
−
</a>
+
−
<div class="clear"><div>
+
−
</div>
+
−
<div class="clear">
+
−
</div>
+
−
</div>
+
−
  </div>
+
−
  </div>
+
−
  <div style='clear: both;'></div>
+
−
  </div>
+
−
 
+
−
  <!--/END loverbar info-->
+
−
 
+
−
 
+
−
  <div class="footer-border padd-top15"></div>
+
−
 
+
−
 
+
−
  <!--loverbar menu-->
+
−
  <ul class="footer-menu">
+
−
  <li><a href="index.html">Home</a></li>
+
−
<li><a href="about.html">About us</a></li>
+
−
<li><a href="blog.html">Blog</a></li>
+
−
<li><a href="icons.html">Icons</a></li>
+
−
    <li><a href="services.html">Services</a></li>
+
−
<li><a href="gallery.html">Gallery</a></li>
+
−
    <li><a href="contact.html">Contact</a></li>
+
−
  </ul>
+
−
 
+
−
  <div class="footer-copyright">Collect from <a href="http://www.cssmoban.com/" title="网站模板" target="_blank">网站模板</a></div>
+
−
  <!--/END loverbar menu-->
+
−
 
+
−
 
+
−
  <div class="clear"></div>
+
−
 
+
−
</div>
+
−
 
+
−
  </footer>
+
−
 
+
−
<!-- /END footer -->
+
−
 
+
−
</body>
+
 
</html>
 
</html>

Revision as of 19:10, 28 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