Difference between revisions of "Team:BGIC-Union"

m
 
(125 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
−
<!-- # ------------------------------------------------------------------
+
<html>
−
# kickassGFX.net - Best Graphic Source - Free Themes, Scripts & Plugins
+
  <head>
−
# -----------------------------------------------------------------------
+
  <html>
−
# This file has been downloaded from KickassGFX.net
+
  <head>
−
# Homepage: http://www.kickassgfx.net/
+
    <meta charset="utf-8">
−
# -----------------------------------------------------------------------
+
 
−
# You'll find your Updates everyday at KickassGFX.net
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
# -----------------------------------------------------------------------
+
−
# If you need support with this template you can
+
−
# contact us at  http://www.kickassgfx.net/
+
−
# ------------------------------------------------------------------- -->
+
  
  
−
<html>
+
    <title>Team：BGIC-Union</title>
−
<head>
+
  
−
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
  <head>
−
<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” />
+
   <!-- Bootstrap core CSS -->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/collection-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
    <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
    
+
−
<link href=“https://2017.igem.org/Template:BGIC-Union/columns-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
−
+
−
<link href=“https://2017.igem.org/Template:BGIC-Union/hover-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
−
<link href=“https://2017.igem.org/Template:BGIC-Union/hover_image-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
−
<link href=“https://2017.igem.org/Template:BGIC-Union/light-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
  
−
<link href=“https://2017.igem.org/Template:BGIC-Union/lightbox-css?action=raw&ctype=text/css”  rel=“stylesheet”  type=“text/css” />
+
  <!-- carousel -->
−
<link href=“https://2017.igem.org/Template:BGIC-Union/menu-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href=“https://2017.igem.org/Template:BGIC-Union/responsive-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href=“https://2017.igem.org/Template:BGIC-Union/slider-css?action=raw&ctype=text/css”  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” />
+
−
<link href=“https://2017.igem.org/Template:BGIC-Union/widgets-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
−
<link href=“https://2017.igem.org/Template:BGIC-Union/default-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
−
<link href=“https://2017.igem.org/Template:BGIC-Union/nivoslider-css?action=raw&ctype=text/css”  rel=“stylesheet” type=“text/css” />
+
  
 +
  <!-- main -->
 +
  <style type="text/css">
 +
 
  
 +
#top_title,#sideMenu { display: none !important; }
 +
        #content {
 +
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
           
 +
        }
  
−
<!--[if IE 8]>
+
#bodyContent
−
<link href="css/style_IE.css" rel="stylesheet" type="text/css">
+
{
−
<!-- <![endif]--> -->
+
margin-top：0px !important;
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/html-javascript?action=raw&ctype=text/javascript "></script>
+
}
  
  
−
<!-- JQUERY -->
+
#content{
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/jquery-javascript?action=raw&ctype=text/javascript"></script>
+
  background-color: #FFe4e1; !important;
−
<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 -->
+
.mainstyle
−
<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">
+
font-family: Comic Sans MS;
−
$(window).load(function() {
+
}
−
$("#scroller .items").cycle({
+
html, body {
−
    fx: 'scrollUp'
+
    margin: 0 ;
−
});
+
    padding: 0 ;
−
});
+
}
−
</script>
+
body {
 +
  background-color: #ffa07a;
 +
  margin-keft：150px
 +
    font-weight: 400;
 +
    font-size: 14px;
 +
    color: #555;
 +
    ；
 +
    -webkit-font-smoothing: antialiased;
 +
    -webkit-overflow-scrolling: touch;
 +
}
  
−
<!-- SLIDER_NIVO
+
/* Titles */
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/nivoslider-javascript?action=raw&ctype=text/javascript"></script>
+
h1, h2, h3, h4, h5, h6, p {
−
<script type="text/javascript">
+
font-family: Comic Sans MS;
−
    $(window).load(function() {
+
    font-weight: 700;
−
        $('.nivo_slider').nivoSlider({
+
     color: #333;
−
manualAdvance: true,
+
}
−
directionNavHide:true});
+
−
     });
+
−
</script>
+
−
-->
+
  
−
<!-- SLIDER_PIECEMAKER
+
h1 {
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/swfobject-javascript?action=raw&ctype=text/javascript"></script>
+
font-size: 35px;
−
-->
+
margin-top: 30px;
−
+
margin-bottom: 30px;
−
<!-- SLIDER_ROUNDABOUT
+
}
−
<script type="text/javascript" src="js/jquery.featureCarousel.min.js"></script>
+
−
-->
+
  
−
<!-- MENU -->
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/menu-javascript?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/iconmenu-javascript?action=raw&ctype=text/javascript"></script>
 
  
−
<!-- SERVICES
 
−
<script type="text/javascript" src="js/jquery.quicksand.js"></script>
 
−
<script type="text/javascript" src="js/services.js"></script>
 
−
-->
 
−
<!-- HOVER_BUTTON -->
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/hover-javascript?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/buttons-javascript?action=raw&ctype=text/javascript"></script>
 
  
−
<!-- IMAGE -->
 
−
<script src="https://2017.igem.org/Template:BGIC-Union/image-javascript?action=raw&ctype=text/javascript" type="text/javascript"> </script>
 
−
<script src="https://2017.igem.org/Template:BGIC-Union/lightbox-javascript?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
−
<script src="https://2017.igem.org/Template:BGIC-Union/capslide-javascript?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
  
−
<!-- GALLERY
+
p {
−
<script src="js/lazyload.js" type="text/javascript"></script>
+
    line-height: 28px;
−
<script src="https://2017.igem.org/Template:BGIC-Union/gallery-javascript?action=raw&ctype=text/javascript" type="text/javascript"> </script>
+
    margin-bottom: 25px;
−
<script src="js/jquery.masonary.js" type="text/javascript"> </script>
+
    font-size: 13px;
−
-->
+
font-family: Comic Sans MS;
 +
}
  
 +
.centered {
 +
    text-align: center;
 +
}
  
 +
/* Links */
 +
a {
 +
    color: #20B2AA;
 +
    word-wrap: break-word;
 +
font-size: 18px;
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
  
 +
a:hover,
 +
a:focus {
 +
    color: #7b7b7b;
 +
    text-decoration: none;
 +
    outline: 0;
 +
}
  
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
+
a:before,
 +
a:after {
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 +
}
  
 +
hr {
 +
    display: block;
 +
    height: 1px;
 +
    border: 0;
 +
    border-top: 1px solid #ccc;
 +
    margin: 1em 0;
 +
    padding: 0;
 +
}
  
−
<body>
+
.copyrights{
 +
text-indent:-9999px;
 +
height:0;
 +
line-height:0;
 +
font-size:0;
 +
overflow:hidden;
 +
}
  
 +
.navbar {
 +
text-transform: uppercase;
 +
margin-bottom: 0px;
 +
}
  
−
<!-- BEGIN menu -->
+
.navbar-inverse {
−
<header class="header_silverbackground">
+
padding-bottom: 30px;
−
<div class="menu">
+
padding-top: 0;
−
<!-- BEGIN logo -->
+
}
−
<a class="logo" href="index.html"><img src="images/logo.png" alt="logo" /></a>
+
 
−
<!-- /END logo -->
+
.navbar-inverse {
 +
background-color: #FFA07A;
 +
border-color: #FA8072;
 +
}
 +
 
 +
.navbar-inverse .navbar-nav > li > a {
 +
color: white;
 
 
−
<div class="blockeasing-wrapp">
+
}
−
<h6 class="blockeasing-header">Menu</h6>
+
−
<ul class="blockeasing">
+
−
        <li class="current"><a href="index.html">HOME</a>
+
−
<ul>
+
−
<li><a href="index.html">SLIDE 1</a>
+
−
            <ul>
+
−
              <li><a href="index_layout_v1.html">HOME LAYOUT V1</a></li>
+
−
            </ul>
+
−
</li>
+
−
<li><a href="index1.html">SLIDE 2</a>
+
−
            <ul>
+
−
            <li><a href="index1_layout_v1.html">HOME LAYOUT V1</a></li>
+
−
            </ul>
+
−
</li>
+
−
    <li><a href="index2.html">SLIDE 3</a>
+
−
    <ul>
+
−
    <li><a href="index2_layout_v1.html">HOME LAYOUT V1</a></li>
+
−
    </ul>
+
−
</li>
+
−
</ul>
+
−
</li>
+
−
<li><a href="our-team.html">OUR TEAM</a></li>
+
−
<li><a href="blog.html">BLOG</a>
+
−
<ul>
+
−
        <li><a href="blog_post.html">POST EXAMPLE</a></li>
+
−
  </ul>
+
−
</li>      
+
−
        <li><a href="services.html">SERVICES</a>
+
−
<ul>
+
−
      <li><a href="services_page.html">SERVICES PAGE</a></li>
+
−
  </ul>
+
−
</li>
+
−
        <li><a href="gallery.html">GALLERY</a></li>
+
−
<li><a href="#">FEATURES</a>
+
−
<ul>
+
−
        <li><a href="icons.html">ICONS</a></li>
+
−
<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  -->
+
.navbar-inverse .navbar-nav > li > a:hover {
−
<div class="middle_silver_background">
+
color: #222222;
−
<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 -->
+
  
−
<!-- BEGIN middle part -->
+
.navbar-brand {
−
<section id="content">
+
font-weight: 700;
 +
font-size: 40px;
 +
letter-spacing: 2px;
 +
backgroud: white;
 +
}
  
−
<div class="href_path href_path_left">
+
.navbar-inverse .navbar-brand {
−
<img class="content_icon" src="images/icons/icon-1.png" alt="icon-1" />
+
color: white;
−
<a href="services.html"><h2>WEB DESIGN SERVICES</h2></a>
+
background-color: #FFA07A;
−
<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 class="href_path href_path_right">
+
.navbar-inverse .navbar-toggle {
−
<img class="content_icon" src="images/icons/icon-2.png" alt="icon-2" />
+
border-color: transparent;
−
<a href="services.html"><h2>GRAPHIC DESIGN SERVICES</h2></a>
+
font-size: 12px;
−
<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>
+
}
−
</div>
+
  
−
<div class="href_path href_no_path_left">
+
.progress-bar-theme {
−
<img class="content_icon" src="images/icons/icon-3.png" alt="icon-3" />
+
  background-color: #FFA07A;
−
<a href="services.html"><h2>SEO SERVICES</h2></a>
+
}
−
<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 class="clear"></div>
 
−
</section>
 
−
<!-- /END middle part -->
 
  
 +
/* Helpers */
  
−
<!-- BEGIN footer -->
+
.mt {
−
<footer id="footer">
+
margin-top: 40px;
−
  <div id="footer-wrapper">
+
margin-bottom: 40px;
−
  <div class="footer-column">
+
}
−
  <div class="widget">
+
−
  <h5>CONTACT US</h5>
+
−
  <ul>
+
−
    <li>Company Name</li>
+
−
    <li>Sezamee street 1109</li>
+
−
    <li>Quahog, Long Island</li>
+
−
    <li>+99.520.179</li>
+
−
    <li>+99.520.178</li>
+
−
    <li><a href="mailto:office@companyname.com" class="footer_link">office@companyname.com</a></li>
+
−
    <li><a href="www.companyname.com" class="footer_link">www.companyname.com</a></li>
+
−
  </ul>
+
−
  </div>
+
−
  </div>
+
−
 
+
−
  <div class="footer-column">
+
−
  <div class="widget">
+
−
  <h5>LATEST WORK</h5>
+
−
  <ul>
+
−
    <li>1. Fenix NLM business card</li>
+
−
    <li>2. Fertico branding</li>
+
−
    <li>3. Medeja website design</li>
+
−
    <li>4. CrowwnBet logo design</li>
+
−
    <li>5. CopyPaste banner</li>
+
−
    <li>6. Fitofer package redesign</li>
+
−
    <li>7. Control P flyer design </li> 
+
−
  </ul>
+
−
  </div>
+
−
  </div>
+
−
 
+
−
  <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>
+
  
 +
.pt {
 +
padding-top: 50px;
 +
padding-bottom: 50px;
 +
}
  
−
  <!--loverbar info-->
+
 
−
  <div class="footer-info">
+
/* +++++ WRAP SECTIONS +++++ */
−
 
+
 
−
<h5 class="no-marg-bott padd-top padd-bott5">COMPANY LOCANTION & INFO</h5>
+
#ww {
−
<div class="footer-border"></div>
+
padding-top: 0px;
−
<div class="padd-top">
+
padding-bottom: 70px;
−
<img class="left footer-info-map" src="images/footer-map.png" alt="" />
+
background-color: #f2f2f2;
−
<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">
+
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
−
<h5>WHO WE ARE</h5>
+
/* Effects also are controled by hover.zoom.js */
−
<a class="image_rollover_left" data-description="READ MORE" href="#">
+
.zoom {
−
<img src="images/footer/1.jpg" alt="" />
+
    display:block;
−
</a>
+
    position:relative;
−
<a class="image_rollover_top" data-description="READ MORE" href="#">
+
    overflow:hidden;
−
<img src="images/footer/2.jpg" alt="" />
+
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
−
</a>
+
}
−
<a class="image_rollover_bottom" data-description="READ MORE" href="#">
+
 
−
<img src="images/footer/3.jpg" alt="" />
+
 
−
</a>
+
    .zoomOverlay {
−
<a class="image_rollover_right" data-description="READ MORE" href="#">
+
        position:absolute;
−
<img src="images/footer/4.jpg" alt="" />
+
        top:0; left:0;
−
</a>
+
        bottom:0; right:0;
−
<div class="clear"><div>
+
        display:none;
−
</div>
+
        background-image:url(../img/zoom.png);
−
<div class="clear">
+
        background-repeat:no-repeat;
−
</div>
+
        background-position:center;
−
</div>
+
    }
−
  </div>
+
 
−
  </div>
+
.zoom2 {
−
  <div style='clear: both;'></div>
+
opacity: 1;
−
  </div>
+
}
 +
 
 +
.zoom2:hover {
 +
opacity: 0.5;
 +
}
 +
 
 +
 
 +
  </style>
 
    
 
    
−
  <!--/END loverbar info-->
+
  <!-- 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&amp;ctype=text/javascript"></script>
−
  <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-->
+
  
 +
<!-- hover    --> 
 +
  <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
 +
  <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
 +
  </head>
  
−
  <div class="clear"></div>
 
  
 +
<body>
 +
<div class="column_full_size top1">
 +
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 +
    <div class="container-fluid">
 +
    <div class="navbar-header">
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 +
        </div>
 +
    <div>
 +
        <ul class="nav navbar-nav navbar-center">
 +
            <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 +
         
 +
           
 +
          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
 +
  <li class="dropdown">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                    <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/Attributions">attributions</a></li>
 +
                            </ul>
 +
            </li>
 +
 +
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
 +
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
</a>
 +
                            <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/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/Demonstrate">demonstrate</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/References">references</a></li>
 +
                            </ul>
 +
                        </li>
 +
                       
 +
                        <li>  <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 +
                        <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <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/InterLab">InterLab</a></li></ul>
 +
                        </li>
 +
                     
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
 +
                            <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
 +
 +
 +
                            </ul>
 +
                        </li>
 +
 +
                      <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
 +
                          <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                             
 +
                                <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">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/Applied_Design">applied design</a></li>
 +
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
 +
                            </ul>
 +
                        </li>
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a>
 +
                        </li>
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
 +
                        </li>
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
 +
                        </li>
 +
        </ul>
 +
    </div>
 +
    </div>
 +
</nav>
 +
 +
 +
 +
</div>
 +
 +
  <section >
 +
        <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
 +
         
 +
 +
          <div class="carousel-inner">
 +
          <div class="item active">
 +
          <div class="overlay-slide">
 +
          <img src="https://static.igem.org/mediawiki/2017/archive/8/89/20171021063547%21P3%21%21%21.jpg" width="1300px" class="img-responsive">
 +
          </div>
 +
          <div class="carousel-caption">
 +
              <div class="col-md-12 col-xs-12 text-center">
 +
                      <h1>dCasentry</h1>
 +
              <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3>
 +
              <div class="line"></div>
 +
              <p class="animated3"></p>
 +
              </div>
 +
          </div>
 +
          </div>
 +
 +
               
 +
        </div>
 +
  </section>
 +
    <!--/ Slider end -->
 +
    <!--/ Slider end -->
 +
 +
<!-- +++++ Welcome Section +++++ -->
 +
<div id="ww">
 +
    <div class="container">
 +
<div class="row">
 +
<div class="col-lg-8 col-lg-offset-2 ">
 +
 +
<div style="height:122px; width:150px; border-radius:50%; overflow:hidden; ">
 +
<img src="https://static.igem.org/mediawiki/2017/d/db/User.png" height="120px" width="150px">
 +
</div>
 +
</div><h1 class="center">Hi, I am dCasentry,</h1>
 +
<div class="row">
 +
<div class="col-md-6">
 +
<div>dCasentry: A guardian against Lung Cancer</br>
 +
Lung cancer is one of the deadliest malignant tumors in the world, with highest death rate in China. The most widely used lung cancer detection method nowadays remains biopsy, which may cause pain infection and bruising. However, the technic of liquid biopsy obviates this problem by detecting various factors including circulating tumor DNA (ctDNA) in the blood. ctDNA is a short strand of DNA released from tumor cells that can be deemed as the sign of cancer. Although traditional liquid biopsy avoids many side effects, it requires laboratory apparatus such as PCR instrument during detection. Also, some other ctDNA detection systems fail to overcome the difficulty of the extremely low concentration of ctDNA in the blood. To solve those problems, we developed a new liquid biopsy method using dCas9 protein with a much simple procedure while increase the signal with various kinds of output. We hope to adopt free-dried paper chip as our vector of detecting system to simplify its operation as well as storage. Finally, the product will be presented as a kit that contains all the items you needed for convenient machine-free detection.
 +
</br>
 +
<i>Please, click <a href="https://2017.igem.org/Team:BGIC-Union/Project">  here </a> and know more about me as well as the product!</i> </div>
 +
</div>
 +
<div class="col-md-6">
 +
<img src="https://static.igem.org/mediawiki/2017/7/79/FigureDemo.jpg" width="500px" /></div></div><!-- /col-lg-8 -->
 +
</div><!-- /row -->
 +
    </div> <!-- /container -->
 +
</div><!-- /ww -->
 +
   
 +
<!-- +++++ Projects Section +++++ -->
 +
 +
<div class="container pt">
 +
<div class="row mt ">
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/64/Bgicbiosafety.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Best Parts </a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/26/Applieddesignlogo.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/Gold_bgic.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated Human Practice</a></h4>
 +
</div>
 +
</div><!-- /row -->
 +
<div class="row mt">
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/21/Bgicpublicengagement.png " width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/7c/Entreprenuershipbgic.png" width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Entreprenuership">Entreprenuership</a></h4>
 +
</div>
 +
<div class="col-lg-4">
 +
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/48/Bgicmodel.png " width="200px" height="150px"></img></a>
 +
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a></h4>
 +
</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
 +
 +
 
</div>
 
</div>
  
−
   </footer>
+
 
 +
 
 +
   </body>
 +
 
 +
 
  
−
<!-- /END footer -->
+
     
  
−
</body>
 
 
</html>
 
</html>

Latest revision as of 13:11, 2 December 2017

Team：BGIC-Union

Hi, I am dCasentry,

dCasentry: A guardian against Lung Cancer
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.
Please, click here and know more about me as well as the product!

Best Parts

Applied Design

Integrated Human Practice

Education & Public Engagement

Entreprenuership

Model