Difference between revisions of "Team:ASTWS-China"

 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
 
<html>
 
<html>
 +
  <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/ASTWS/css/wiki_edit.css' />
 +
  <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/ASTWS/css/reset.css" />
 +
  <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/ASTWS/css/bootstrap.css">
 +
  <link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
 +
  <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/ASTWS/css/contact.css"  />
 +
  <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/ASTWS/css/styles.css"/>
 +
  <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/ASTWS/css/responsive.css"  />
 +
  <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/animate.css">
 +
  <link href="http://fonts.googleapis.com/css?family=Montserrat:400,600,700" rel="stylesheet" type="text/css" />
 +
  <link href="http://fonts.googleapis.com/css?family=Lora:400,400italic,600" rel="stylesheet" type="text/css" />
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/modernizr.js" type="text/javascript"></script>
 +
  <nav id="main-nav">
 +
    <div class="vlogo">
 +
      <img src="https://2017.igem.org/wiki/skins/Igem/images/IGEM_white_letters.png" alt="" />
 +
    </div>
 +
    <ul id="options" class="clearfix">
 +
      <li>
 +
        <a href="https://2017.igem.org/Team:ASTWS-China">HOME</a>
 +
      </li>
 +
      <li>
 +
        <a class="sub-nav-toggle">TEAM</a>
 +
        <ul class="sub-nav hidden">
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Members">Members</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Attributions">Attributions</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Collaborations">Collaborations</a>
 +
          </li>
 +
        </ul>
 +
      </li>
 +
      <li>
 +
        <a class="sub-nav-toggle">PROJECT</a>
 +
        <ul class="sub-nav hidden">
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Description">Description</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Design">Design</a>
 +
          </li>
 +
        </ul>
 +
      </li>
 +
      <li>
 +
        <a class="sub-nav-toggle">Experiment</a>
 +
        <ul class="sub-nav hidden">
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/PROTOCOLS">PROTOCOLS</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Results">Results</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Model">Model</a>
 +
          </li>
 +
        </ul>
 +
      </li>
 +
      <li>
 +
        <a class="sub-nav-toggle">PARTS</a>
 +
        <ul class="sub-nav hidden">
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Basic_Part" >Basic Parts</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Composite_Part">Composite Parts</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Part_Collection">Part Collection</a>
 +
          </li>
 +
        </ul>
 +
      </li>
 +
      <li>
 +
        <a class="sub-nav-toggle">HUMAN PRACTICE</a>
 +
        <ul class="sub-nav hidden">
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/HP/Silver" class="selected">Silver</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/HP/Gold_Integrated">Integrated and Gold</a>
 +
          </li>
 +
          <li>
 +
            <a href="https://2017.igem.org/Team:ASTWS-China/Engagement">EDUCATION & PUBLIC ENGAGEMENT</a>
 +
          </li>
 +
        </ul>
 +
      </li>
 +
      <li>
 +
        <a href="https://2017.igem.org/Team:ASTWS-China/InterLab">InterLab</a>
 +
      </li>
 +
    </ul>
 +
  </nav>
 +
 +
  <div id="wrap">
 +
    <div class="content-wrapper">
 +
 +
      <header id="header" class="clearfix">
 +
        <div class="logo-wrapper">
 +
          <h1 id="logo">
 +
            <a href="https://2017.igem.org/Team:ASTWS-China">ASTWS-China</a>
 +
          </h1>
 +
        </div>
 +
        <div id="menu-button">
 +
          <div class="centralizer">
 +
            <div class="cursor">
 +
              <div id="nav-button">
 +
                <span class="nav-bar"></span>
 +
                <span class="nav-bar"></span>
 +
                <span class="nav-bar"></span>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </header>
  
<link rel='stylesheet' type='text/css' href='http://ihyit1011.w1w7.tumm.top/ASTWS/css/wiki_edit.css' />
+
      <div id="content">
 +
        <div id="container" class="clearfix">
  
<!-- Bootstrap core CSS -->
+
          <article class="element clearfix col3-3 home auto " >
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/bootstrap.min.css" rel="stylesheet">
+
            <div class="boxed boxed-nobg">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
+
<!-- Custom styles for this template -->
+
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/owl.carousel.css" rel="stylesheet">
+
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/owl.theme.default.min.css"  rel="stylesheet">
+
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/style.css" rel="stylesheet">
+
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
+
<!--[if lt IE 9]>
+
<script src="../../assets/js/ie8-responsive-file-warning.js"></script>
+
<![endif]-->
+
<script src="js/ie-emulation-modes-warning.js"></script>
+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+
<!--[if lt IE 9]>
+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
<![endif]-->
+
  
<!-- Navigation -->
+
              <div class="astws-box5">
<nav class="navbar navbar-default navbar-fixed-top">
+
                <ul class="clearfix animated fadeInDown" data-wow-duration="1000ms" data-wow-delay="1000ms">
<div class="container">
+
                  <li>
<!-- Brand and toggle get grouped for better mobile display -->
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Members">
<div class="navbar-header page-scroll">
+
                      <img src="https://static.igem.org/mediawiki/2017/f/fc/T-ASTWS-China-f1.png" alt=""/>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
                    </a>
<span class="sr-only">Toggle navigation</span>
+
                  </li>
<span class="icon-bar"></span>
+
                  <li>
<span class="icon-bar"></span>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Design">
<span class="icon-bar"></span>
+
                      <img src="https://static.igem.org/mediawiki/2017/5/57/T-ASTWS-China-f2.png" alt=""/>
</button>
+
                    </a>
<a class="navbar-brand page-scroll" href="#page-top">
+
                  </li>
<img src="https://igem.org/wiki/skins/Igem/images/Igemlogo_banner.jpg" height=50px alt="logo"></a>
+
                  <li>
</div>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Results">
<!-- Collect the nav links, forms, and other content for toggling -->
+
                      <img src="https://static.igem.org/mediawiki/2017/6/61/T-ASTWS-China-f3.png" alt=""/>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
                    </a>
<ul class="nav navbar-nav navbar-right">
+
                  </li>
<li class="hidden">
+
                  <li>
<a href="#page-top"></a>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/HP/Silver">
</li>
+
                      <img src="https://static.igem.org/mediawiki/2017/7/7b/T-ASTWS-China-f4.png" alt=""/>
<li>
+
                    </a>
<a class="page-scroll" href="#about">About</a>
+
                  </li>
</li>
+
                  <li>
<li>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Basic_Part">
<a class="page-scroll" href="#services">Services</a>
+
                      <img src="https://static.igem.org/mediawiki/2017/d/d1/T-ASTWS-China-f5.png" alt=""/>
</li>
+
                    </a>
<li>
+
                  </li>
<a class="page-scroll" href="#portfolio">Portfolio</a>
+
                  <li>
</li>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/InterLab">
<li>
+
                      <img src="https://static.igem.org/mediawiki/2017/2/2e/T-ASTWS-China-f6.png" alt=""/>
<a class="page-scroll" href="#team">Team</a>
+
                    </a>
</li>
+
                  </li>
<li>
+
                </ul>
<a class="page-scroll" href="#contact">Contact</a>
+
              </div>
</li>
+
</ul>
+
</div>
+
<!-- /.navbar-collapse -->
+
</div>
+
<!-- /.container-fluid -->
+
</nav>
+
<!-- Header -->
+
<header>
+
<div class="container">
+
<div class="slider-container">
+
<div class="intro-text">
+
<div class="intro-lead-in">Welcome To Our Studio!</div>
+
<div class="intro-heading">It's Nice To Meet You</div>
+
<a href="#about" class="page-scroll btn btn-xl">Tell Me More</a>
+
</div>
+
</div>
+
</div>
+
</header>
+
  
<section id="about" class="light-bg">
+
              <h2 class="header">Smart E.coli for B Cells Capture</h2>
<div class="container">
+
              <p>
<div class="row">
+
                Antibodies are Y-shaped proteins secreted by B lymphocytes that specifically recognize and neutralize antigens. Since the first monoclonal antibody was produced by hybridoma technology in 1975, it has become an important tool in both research and health care.
<div class="col-lg-12 text-center">
+
              </p>
<div class="section-title">
+
              <p>
<h2>ABOUT</h2>
+
                Here we developed a smart E.coli system for capturing B lymphocytes by utilizing the high affinity interaction between antigen and antibody. A peptide fused with RSA and GFP is expressed and purified as antigens for immunization and Elisa assay respectively, and this target peptide and an affinity tag are co-expressed on the surface of E.coli. Coupled with anti-tag magnetic beads, it can be used to screen and capture the desired B cells that secret the corresponding antibodies. These B cells can be fused or gene cloned for antibody producing. This system can also be applied to many aspects of enormous value, such as vaccine production and immune T-cell or tumor cell separation.
<p>
+
              </p>
A creative agency based on Candy Land, ready to boost your business with some beautifull templates. Lattes Agency is one of the best in town see more you will be amazed.
+
</p>
+
</div>
+
</div>
+
</div>
+
<div class="row">
+
<!-- about module -->
+
<div class="col-md-3 text-center">
+
<div class="mz-module-about"> <i class="fa fa-briefcase ot-circle"></i>
+
<h3>Web Development</h3>
+
<p>
+
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis
+
</p>
+
</div>
+
</div>
+
<!-- end about module -->
+
<!-- about module -->
+
<div class="col-md-3 text-center">
+
<div class="mz-module-about"> <i class="fa fa-photo ot-circle"></i>
+
<h3>Visualisation</h3>
+
<p>
+
Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe
+
</p>
+
</div>
+
</div>
+
<!-- end about module -->
+
<!-- about module -->
+
<div class="col-md-3 text-center">
+
<div class="mz-module-about">
+
<i class="fa fa-camera-retro ot-circle"></i>
+
<h3>Photography</h3>
+
<p>Accusamus et iusto odio dignissimos ducimus qui blanditiis</p>
+
</div>
+
</div>
+
<!-- end about module -->
+
<!-- about module -->
+
<div class="col-md-3 text-center">
+
<div class="mz-module-about">
+
<i class="fa fa-cube ot-circle"></i>
+
<h3>UI/UX Design</h3>
+
<p>
+
Itaque earum rerum hic tenetur a sapiente, ut aut reiciendis maiores
+
</p>
+
</div>
+
</div>
+
<!-- end about module -->
+
</div>
+
</div>
+
<!-- /.container -->
+
</section>
+
  
<section>
+
            </div>
<div class="container">
+
          </article>
<div class="row">
+
<div class="col-lg-12 text-center">
+
<div class="section-title">
+
<h2>Our Partners</h2>
+
<p>Mida sit una namet, cons uectetur adipiscing adon elit.</p>
+
</div>
+
</div>
+
</div>
+
<div class="row">
+
<div class="col-lg-12 text-center">
+
<div class="owl-carousel">
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-1.png" alt="partners"></div>
+
</div>
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-2.png" alt="partners"></div>
+
</div>
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-3.png" alt="partners"></div>
+
</div>
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-4.png" alt="partners"></div>
+
</div>
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-5.png" alt="partners"></div>
+
</div>
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-6.png" alt="partners"></div>
+
</div>
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-7.png" alt="partners"></div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</section>
+
  
<section id="portfolio" class="light-bg">
+
        </div>
<div class="container">
+
      </div>
<div class="row">
+
<div class="col-lg-12 text-center">
+
<div class="section-title">
+
<h2>Portfolio</h2>
+
<p>
+
Our portfolio is the best way to show our work, you can see here a big range of our work. Check them all and you will find what you are looking for.
+
</p>
+
</div>
+
</div>
+
</div>
+
<div class="row">
+
<!-- start portfolio item -->
+
<div class="col-md-4">
+
<div class="ot-portfolio-item">
+
<figure class="effect-bubba">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/portfolio-1.jpg" alt="img02" class="img-responsive" />
+
<figcaption>
+
<h2>Dean & Letter</h2>
+
<p>Branding, Design</p>
+
<a href="#" data-toggle="modal" data-target="#Modal-1">View more</a>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<!-- end portfolio item -->
+
<!-- start portfolio item -->
+
<div class="col-md-4">
+
<div class="ot-portfolio-item">
+
<figure class="effect-bubba">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/portfolio-1.jpg" alt="img02" class="img-responsive" />
+
<figcaption>
+
<h2>Startup Framework</h2>
+
<p>Branding, Web Design</p>
+
<a href="#" data-toggle="modal" data-target="#Modal-2">View more</a>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<!-- end portfolio item -->
+
<!-- start portfolio item -->
+
<div class="col-md-4">
+
<div class="ot-portfolio-item">
+
<figure class="effect-bubba">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/portfolio-1.jpg" alt="img02" class="img-responsive" />
+
<figcaption>
+
<h2>Lamp & Velvet</h2>
+
<p>Branding, Web Design</p>
+
<a href="#" data-toggle="modal" data-target="#Modal-3">View more</a>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<!-- end portfolio item -->
+
</div>
+
<div class="row">
+
<!-- start portfolio item -->
+
<div class="col-md-4">
+
<div class="ot-portfolio-item">
+
<figure class="effect-bubba">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/portfolio-1.jpg" alt="img02" class="img-responsive" />
+
<figcaption>
+
<h2>Smart Name</h2>
+
<p>Branding, Design</p>
+
<a href="#" data-toggle="modal" data-target="#Modal-4">View more</a>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<!-- end portfolio item -->
+
<!-- start portfolio item -->
+
<div class="col-md-4">
+
<div class="ot-portfolio-item">
+
<figure class="effect-bubba">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/portfolio-1.jpg" alt="img02" class="img-responsive" />
+
<figcaption>
+
<h2>Fast People</h2>
+
<p>Branding, Web Design</p>
+
<a href="#" data-toggle="modal" data-target="#Modal-5">View more</a>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<!-- end portfolio item -->
+
<!-- start portfolio item -->
+
<div class="col-md-4">
+
<div class="ot-portfolio-item">
+
<figure class="effect-bubba">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/portfolio-1.jpg" alt="img02" class="img-responsive" />
+
<figcaption>
+
<h2>Kites & Stars</h2>
+
<p>Branding, Web Design</p>
+
<a href="#" data-toggle="modal" data-target="#Modal-2">View more</a>
+
</figcaption>
+
</figure>
+
</div>
+
</div>
+
<!-- end portfolio item -->
+
</div>
+
</div>
+
<!-- end container -->
+
</section>
+
  
<p id="back-top">
+
    </div>
<a href="#top">
+
  </div>
<i class="fa fa-angle-up"></i>
+
</a>
+
</p>
+
  
<footer>
+
  <footer id="footer" class="clearfix">
<div class="container text-center">
+
    <div class="padding-wrapper">
<p>Copyright &copy; 2017 Team:ASTWS-China All Rights Reserved.</p>
+
      <p class="alignleft">Copyright &copy; 2017 Team:ASTWS-China All Rights Reserved.</p>
</div>
+
    </div>
</footer>
+
  </footer>
  
<!-- Placed at the end of the document so the pages load faster -->
+
  <script src="http://igem2017.worldshaper.cn/nanjing/js/wow.min.js"></script>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.min.js"></script>
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.min.js"></script>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.easing.min.js"></script>
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/bootstrap.min.js"></script>
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.touchSwipe.min.js" type="text/javascript"></script>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/owl.carousel.min.js"></script>
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.isotope2.min.js" type="text/javascript"></script>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/cbpAnimatedHeader.js"></script>
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.ba-bbq.min.js" type="text/javascript"></script>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/theme-scripts.js"></script>
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/packery-mode.pkgd.min.js" type="text/javascript"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.isotope.load.js" type="text/javascript"></script>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/ie10-viewport-bug-workaround.js"></script>
+
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/main.js" type="text/javascript"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/preloader.js" type="text/javascript"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/bootstrap.min.js"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.sliphover.min.js"></script>
  
 
</html>
 
</html>

Latest revision as of 19:31, 1 November 2017

Smart E.coli for B Cells Capture

Antibodies are Y-shaped proteins secreted by B lymphocytes that specifically recognize and neutralize antigens. Since the first monoclonal antibody was produced by hybridoma technology in 1975, it has become an important tool in both research and health care.

Here we developed a smart E.coli system for capturing B lymphocytes by utilizing the high affinity interaction between antigen and antibody. A peptide fused with RSA and GFP is expressed and purified as antigens for immunization and Elisa assay respectively, and this target peptide and an affinity tag are co-expressed on the surface of E.coli. Coupled with anti-tag magnetic beads, it can be used to screen and capture the desired B cells that secret the corresponding antibodies. These B cells can be fused or gene cloned for antibody producing. This system can also be applied to many aspects of enormous value, such as vaccine production and immune T-cell or tumor cell separation.

Copyright © 2017 Team:ASTWS-China All Rights Reserved.