Difference between revisions of "Team:ASTWS-China"

 
(36 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 -->
+
−
<link href="http://ihyit1011.w1w7.tumm.top/ASTWS/css/bootstrap.min.css" rel="stylesheet">
+
−
<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 -->
+
−
<nav class="navbar navbar-default navbar-fixed-top">
+
−
<div class="container">
+
−
<!-- Brand and toggle get grouped for better mobile display -->
+
−
<div class="navbar-header page-scroll">
+
−
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
−
<span class="sr-only">Toggle navigation</span>
+
−
<span class="icon-bar"></span>
+
−
<span class="icon-bar"></span>
+
−
<span class="icon-bar"></span>
+
−
</button>
+
−
<a class="navbar-brand page-scroll" href="#page-top"><img src="https://igem.org/wiki/skins/Igem/images/Igemlogo_banner.jpg" height=50px alt="logo"></a>
+
−
</div>
+
−
<!-- Collect the nav links, forms, and other content for toggling -->
+
−
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
−
<ul class="nav navbar-nav navbar-right">
+
−
<li class="hidden">
+
−
<a href="#page-top"></a>
+
−
</li>
+
−
<li>
+
−
<a class="page-scroll" href="#about">About</a>
+
−
</li>
+
−
<li>
+
−
<a class="page-scroll" href="#services">Services</a>
+
−
</li>
+
−
<li>
+
−
<a class="page-scroll" href="#portfolio">Portfolio</a>
+
−
</li>
+
−
<li>
+
−
<a class="page-scroll" href="#team">Team</a>
+
−
</li>
+
−
<li>
+
−
<a class="page-scroll" href="#contact">Contact</a>
+
−
</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">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-lg-12 text-center">
+
−
<div class="section-title">
+
−
<h2>ABOUT</h2>
+
−
<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 id="portfolio" class="light-bg">
+
−
<div class="container">
+
−
<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-2.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-3.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-4.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-5.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-2.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">
+
−
<a href="#top"><i class="fa fa-angle-up"></i></a>
+
−
</p>
+
−
 
+
−
<footer>
+
−
<div class="container text-center">
+
−
<p>Copyright &copy; 2017 Team:ASTWS-China All Rights Reserved. </p>
+
−
</div>
+
−
</footer>
+
−
 
+
−
 
+
−
 
+
−
<!-- Placed at the end of the document so the pages load faster -->
+
−
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.min.js"></script>
+
−
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.easing.min.js"></script>
+
−
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/bootstrap.min.js"></script>
+
−
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/http://ihyit1011.w1w7.tumm.top/ASTWS/js/owl.carousel.min.js"></script>
+
−
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/cbpAnimatedHeader.js"></script>
+
−
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/theme-scripts.js"></script>
+
−
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
−
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/ie10-viewport-bug-workaround.js"></script>
+
−
 
+
−
 
+
−
 
+
  
 +
          <article class="element clearfix col3-3 home auto " >
 +
            <div class="boxed boxed-nobg">
  
 +
              <div class="astws-box5">
 +
                <ul class="clearfix animated fadeInDown" data-wow-duration="1000ms" data-wow-delay="1000ms">
 +
                  <li>
 +
                    <a href="https://2017.igem.org/Team:ASTWS-China/Members">
 +
                      <img src="https://static.igem.org/mediawiki/2017/f/fc/T-ASTWS-China-f1.png" alt=""/>
 +
                    </a>
 +
                  </li>
 +
                  <li>
 +
                    <a href="https://2017.igem.org/Team:ASTWS-China/Design">
 +
                      <img src="https://static.igem.org/mediawiki/2017/5/57/T-ASTWS-China-f2.png" alt=""/>
 +
                    </a>
 +
                  </li>
 +
                  <li>
 +
                    <a href="https://2017.igem.org/Team:ASTWS-China/Results">
 +
                      <img src="https://static.igem.org/mediawiki/2017/6/61/T-ASTWS-China-f3.png" alt=""/>
 +
                    </a>
 +
                  </li>
 +
                  <li>
 +
                    <a href="https://2017.igem.org/Team:ASTWS-China/HP/Silver">
 +
                      <img src="https://static.igem.org/mediawiki/2017/7/7b/T-ASTWS-China-f4.png" alt=""/>
 +
                    </a>
 +
                  </li>
 +
                  <li>
 +
                    <a href="https://2017.igem.org/Team:ASTWS-China/Basic_Part">
 +
                      <img src="https://static.igem.org/mediawiki/2017/d/d1/T-ASTWS-China-f5.png" alt=""/>
 +
                    </a>
 +
                  </li>
 +
                  <li>
 +
                    <a href="https://2017.igem.org/Team:ASTWS-China/InterLab">
 +
                      <img src="https://static.igem.org/mediawiki/2017/2/2e/T-ASTWS-China-f6.png" alt=""/>
 +
                    </a>
 +
                  </li>
 +
                </ul>
 +
              </div>
  
 +
              <h2 class="header">Smart E.coli for B Cells Capture</h2>
 +
              <p>
 +
                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.
 +
              </p>
 +
              <p>
 +
                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>
  
 +
            </div>
 +
          </article>
  
 +
        </div>
 +
      </div>
  
 +
    </div>
 +
  </div>
  
 +
  <footer id="footer" class="clearfix">
 +
    <div class="padding-wrapper">
 +
      <p class="alignleft">Copyright &copy; 2017 Team:ASTWS-China All Rights Reserved.</p>
 +
    </div>
 +
  </footer>
  
 +
  <script src="http://igem2017.worldshaper.cn/nanjing/js/wow.min.js"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.min.js"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery-easing-1.3.js" type="text/javascript"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.touchSwipe.min.js" type="text/javascript"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.isotope2.min.js" type="text/javascript"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.ba-bbq.min.js" type="text/javascript"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/packery-mode.pkgd.min.js" type="text/javascript"></script>
 +
  <script src="http://igem2017.worldshaper.cn/ASTWS/js/jquery.isotope.load.js" type="text/javascript"></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.