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>
  
−
    <title>Team：BGIC-Union</title>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
<title>Downloaded from KickassGFX.net</title>
  
−
    <meta charset="utf-8">
+
<link href=“https://2017.igem.org/Template:BGIC-Union/button-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
−
    <meta name="viewport">
+
<link href=“https://2017.igem.org/Template:BGIC-Union/collection-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
−
    <!-- JAVASCRIPTS -->
+
 
−
    <script src="https://2017.igem.org/Template:BGIC-Union/javascript?action=raw&ctype=text/javascript"></script>
+
<link href=“https://2017.igem.org/Template:BGIC-Union/columns-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
−
<!-- 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-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
−
<!-- IE 9 Fallback-->
+
<link href=“https://2017.igem.org/Template:BGIC-Union/hover_image-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
−
    <!--[if IE 9]>
+
<link href=“https://2017.igem.org/Template:BGIC-Union/light-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
−
<link href="2017.igem.org/Team:BGIC-Union/css/ie.css" rel="stylesheet">
+
 
−
<![endif]-->
+
<link href=“https://2017.igem.org/Template:BGIC-Union/lightbox-css?action=raw&ctype=text/css”  rel=“stylesheet”  type=“text/css” />
−
    <!-- GOOGLE FONTS -->
+
<link href=“https://2017.igem.org/Template:BGIC-Union/menu-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/responsive-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/slider-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
−
    <!-- FAVICONS -->
+
<link href=“https://2017.igem.org/Template:BGIC-Union/stimenu-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/widgets-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/default-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 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" href="assets/ico/repute57x57.png">
+
 
−
     <link rel="shortcut icon" href="assets/ico/favicon.png">
+
 
−
</head>
+
 
−
<body>
+
<!--[if IE 8]>
 +
<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>
 +
-->
 
   
 
   
−
    <!-- WRAPPER -->
+
<!-- SLIDER_ROUNDABOUT
−
    <div class="wrapper">
+
<script type="text/javascript" src="js/jquery.featureCarousel.min.js"></script>
−
        <!-- MENU -->
+
-->
−
        <nav class="navbar navbar-default " role="navigation">
+
 
−
            <div class="container">
+
<!-- MENU -->
−
                <div class="navbar-header">
+
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/menu-javascript?action=raw&ctype=text/javascript"></script>
−
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">
+
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/iconmenu-javascript?action=raw&ctype=text/javascript"></script>
−
                        <span class="sr-only">Toggle Navigation</span>
+
 
−
                        <i class="fa fa-bars"></i>
+
<!-- SERVICES
−
                    </button>
+
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
−
                    <a href="index.html" class="navbar-brand navbar-logo">
+
<script type="text/javascript" src="js/services.js"></script>
−
                        <img src="https://static.igem.org/mediawiki/2017/2/2c/Repute-logo-nav.png" height="32px" width="100px">
+
-->
−
                    </a>
+
<!-- HOVER_BUTTON -->
−
                </div>
+
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/hover-javascript?action=raw&ctype=text/javascript"></script>
−
                <!-- MAIN NAVIGATION -->
+
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/buttons-javascript?action=raw&ctype=text/javascript"></script>
−
                <div id="main-nav" class="navbar-collapse collapse navbar-mega-menu">
+
 
−
                    <ul class="nav navbar-nav navbar-right">
+
<!-- IMAGE -->
−
                        <li class="dropdown active">
+
<script src="https://2017.igem.org/Template:BGIC-Union/image-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/lightbox-javascript?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
                            <ul class="dropdown-menu" role="menu">
+
<script src="https://2017.igem.org/Template:BGIC-Union/capslide-javascript?action=raw&ctype=text/javascript" type="text/javascript"></script>
−
                                <li class="active"><a href="https://2017.igem.org/Team:BGIC-Union">Home</a></li>
+
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union">abstract</a></li>
+
<!-- GALLERY
−
                            </ul>
+
<script src="js/lazyload.js" type="text/javascript"></script>
−
                        </li>
+
<script src="https://2017.igem.org/Template:BGIC-Union/gallery-javascript?action=raw&ctype=text/javascript" type="text/javascript"> </script>
−
                        <li class="dropdown ">
+
<script src="js/jquery.masonary.js" type="text/javascript"> </script>
−
                            <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>
+
 
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">attributions</a></li>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
−
                            </ul>
+
 
−
                        </li>
+
 
−
                        <li class="dropdown ">
+
<body>
−
                            <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">
+
 
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">problems</a></li>
+
<!-- BEGIN menu -->
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">our design</a></li>
+
<header class="header_silverbackground">
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">results</a></li>
+
<div class="menu">
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">interlab</a></li>
+
<!-- BEGIN logo -->
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">references</a></li>
+
<a class="logo" href="index.html"><img src="images/logo.png" alt="logo" /></a>
−
                            </ul>
+
<!-- /END logo -->
−
                        </li>
+
−
                        <li class="dropdown ">
+
<div class="blockeasing-wrapp">
−
                            <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>
+
<h6 class="blockeasing-header">Menu</h6>
−
                            <ul class="dropdown-menu" role="menu">
+
<ul class="blockeasing">
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">protocol</a></li>
+
        <li class="current"><a href="index.html">HOME</a>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">lab journal</a></li>
+
<ul>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">activity diary</a></li>
+
<li><a href="index.html">SLIDE 1</a>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">safety</a></li>
+
            <ul>
−
                            </ul>
+
              <li><a href="index_layout_v1.html">HOME LAYOUT V1</a></li>
−
                        </li>
+
            </ul>
−
                        <li class="dropdown ">
+
</li>
−
                            <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="index1.html">SLIDE 2</a>
−
                            <ul class="dropdown-menu" role="menu">
+
            <ul>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">parts</a></li>
+
            <li><a href="index1_layout_v1.html">HOME LAYOUT V1</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">improvements</a></li>
+
            </ul>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">applications</a></li>
+
</li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">provision</a></li>
+
    <li><a href="index2.html">SLIDE 3</a>
−
                            </ul>
+
    <ul>
−
                        </li>
+
    <li><a href="index2_layout_v1.html">HOME LAYOUT V1</a></li>
−
<li class="dropdown ">
+
    </ul>
−
                            <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>
+
</li>
−
                            <ul class="dropdown-menu" role="menu">
+
</ul>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">education</a></li>
+
</li>
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">discussion</a></li>
+
<li><a href="our-team.html">OUR TEAM</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">introspection</a></li>
+
<li><a href="blog.html">BLOG</a>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">promotion</a></li>
+
<ul>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">arts</a></li>
+
        <li><a href="blog_post.html">POST EXAMPLE</a></li>
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">modelling</a></li>
+
  </ul>
−
                            </ul>
+
</li>      
−
                        </li>
+
        <li><a href="services.html">SERVICES</a>
−
<li class="dropdown ">
+
<ul>
−
                            <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>
+
      <li><a href="services_page.html">SERVICES PAGE</a></li>
−
                        </li>
+
  </ul>
−
+
</li>
−
                    </ul>
+
        <li><a href="gallery.html">GALLERY</a></li>
−
                </div>
+
<li><a href="#">FEATURES</a>
−
            </div>
+
<ul>
−
        </nav>
+
        <li><a href="icons.html">ICONS</a></li>
−
        <!-- END MENU -->
+
<li><a href="elements.html">ELEMENTS</a></li>
−
       
+
<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>
 
 
−
<!-- SLIDERS -->
+
<!-- /END middle_silver_background with icons -->
−
        <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.
+
  
−
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.
+
<!-- BEGIN middle part -->
 +
<section id="content">
  
−
</p>
+
<div class="href_path href_path_left">
−
                    </div>
+
<img class="content_icon" src="images/icons/icon-1.png" alt="icon-1" />
−
                    <div class="col-md-6">
+
<a href="services.html"><h2>WEB DESIGN SERVICES</h2></a>
−
                        <img src="https://static.igem.org/mediawiki/2017/1/1b/BGIC-Union_intro-img.png" class="img-responsive" alt="Image Intro">
+
<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>
−
                    </div>
+
</div>
−
                </div>
+
 
−
            </div>
+
<div class="href_path href_path_right">
−
        </section>
+
<img class="content_icon" src="images/icons/icon-2.png" alt="icon-2" />
−
        <!-- END INTRO -->
+
<a href="services.html"><h2>GRAPHIC DESIGN SERVICES</h2></a>
−
        <!-- GOOD POINTS-->
+
<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>
−
        <section>
+
</div>
−
            <div class="container">
+
 
−
                <div class="row">
+
<div class="href_path href_no_path_left">
−
                    <div class="col-md-6">
+
<img class="content_icon" src="images/icons/icon-3.png" alt="icon-3" />
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
<a href="services.html"><h2>SEO SERVICES</h2></a>
−
                            <i class="fa fa-flag"></i>
+
<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>
−
                            <h2 class="boxed-content-title">IMPROVED DESIGN</h2>
+
</div>
−
                            <p> Based on...we improved</p>
+
 
−
                        </div>
+
<div class="clear"></div>
−
                    </div>
+
</section>
−
                    <div class="col-md-6">
+
<!-- /END middle part -->
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
 
−
                            <i class="fa fa-globe"></i>
+
 
−
                            <h2 class="boxed-content-title">SOCIAL OUTREACH</h2>
+
<!-- BEGIN footer -->
−
                            <p>We held...</p>
+
<footer id="footer">  
−
                        </div>
+
  <div id="footer-wrapper">
−
                    </div>
+
  <div class="footer-column">
−
                    <div class="col-md-6">
+
  <div class="widget">  
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
  <h5>CONTACT US</h5>
−
                            <i class="fa fa-cog"></i>
+
  <ul>
−
                            <h2 class="boxed-content-title">NEW APPLICATION</h2>
+
    <li>Company Name</li>
−
                            <p>Our design can be applied to ...</p>
+
    <li>Sezamee street 1109</li>
−
                        </div>
+
    <li>Quahog, Long Island</li>
−
                    </div>
+
    <li>+99.520.179</li>
−
                    <div class="col-md-6">
+
    <li>+99.520.178</li>
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
    <li><a href="mailto:office@companyname.com" class="footer_link">office@companyname.com</a></li>
−
                            <i class="fa fa-users"></i>
+
    <li><a href="www.companyname.com" class="footer_link">www.companyname.com</a></li>
−
                            <h2 class="boxed-content-title">EFFCTIVE COLLABORATION</h2>
+
  </ul>
−
                            <p>We have discussions with....</p>
+
  </div>  
−
                        </div>
+
  </div>
−
                    </div>
+
 
−
                </div>
+
  <div class="footer-column">
−
            </div>
+
  <div class="widget">  
−
        </section>
+
  <h5>LATEST WORK</h5>
−
        <!-- END GOOD POINTS -->
+
  <ul>
−
        <!-- DEMONSTRATION -->
+
    <li>1. Fenix NLM business card</li>
−
        <section>
+
    <li>2. Fertico branding</li>
−
            <div class="container">
+
    <li>3. Medeja website design</li>
−
                <h2 class="section-heading sr-only">DEMONSTRATION</h2>
+
    <li>4. CrowwnBet logo design</li>
−
                <div class="tab-content">
+
    <li>5. CopyPaste banner</li>
−
                    <div class="tab-pane fade in active text-center" id="tab-bottom1">
+
    <li>6. Fitofer package redesign</li>
−
                        <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Ultra Responsive">
+
    <li>7. Control P flyer design </li>
−
                        <h3 class="text-accent-color">DETECTION</h3>
+
  </ul>
−
                        <p class="lead">dCas9 sgRNA </p>
+
  </div>  
−
                    </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:08, 28 August 2017


Downloaded from KickassGFX.net -->

Menu
slide-1 slide-2 slide-3
icon-1

WEB DESIGN SERVICES
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.
icon-2

GRAPHIC DESIGN SERVICES
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.
icon-3

SEO SERVICES
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.