Difference between revisions of "Team:ASTWS-China"

 
(27 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>
  
<link rel='stylesheet' type='text/css' href='http://ihyit1011.w1w7.tumm.top/ASTWS/css/wiki_edit.css' />
+
  <div id="wrap">
<!-- Bootstrap core CSS -->
+
    <div class="content-wrapper">
<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 -->
+
      <header id="header" class="clearfix">
<nav class="navbar navbar-default navbar-fixed-top">
+
        <div class="logo-wrapper">
<div class="container">
+
          <h1 id="logo">
<!-- Brand and toggle get grouped for better mobile display -->
+
            <a href="https://2017.igem.org/Team:ASTWS-China">ASTWS-China</a>
<div class="navbar-header page-scroll">
+
          </h1>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
        </div>
<span class="sr-only">Toggle navigation</span>
+
        <div id="menu-button">
<span class="icon-bar"></span>
+
          <div class="centralizer">
<span class="icon-bar"></span>
+
            <div class="cursor">
<span class="icon-bar"></span>
+
              <div id="nav-button">
</button>
+
                <span class="nav-bar"></span>
<a class="navbar-brand page-scroll" href="#page-top">
+
                <span class="nav-bar"></span>
<img src="https://igem.org/wiki/skins/Igem/images/Igemlogo_banner.jpg" height=50px alt="logo"></a>
+
                <span class="nav-bar"></span>
</div>
+
              </div>
<!-- Collect the nav links, forms, and other content for toggling -->
+
            </div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
          </div>
<ul class="nav navbar-nav navbar-right">
+
        </div>
<li class="hidden">
+
      </header>
<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 id="content">
<div class="container">
+
        <div id="container" class="clearfix">
<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>
+
          <article class="element clearfix col3-3 home auto " >
<div class="container">
+
            <div class="boxed boxed-nobg">
<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-1.png" alt="partners"></div>
+
</div>
+
<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-1.png" alt="partners"></div>
+
</div>
+
<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-1.png" alt="partners"></div>
+
</div>
+
<div class="item">
+
<div class="partner-logo">
+
<img src="http://ihyit1011.w1w7.tumm.top/ASTWS/images/partners-1.png" alt="partners"></div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</section>
+
  
<section id="portfolio" class="light-bg">
+
              <div class="astws-box5">
<div class="container">
+
                <ul class="clearfix animated fadeInDown" data-wow-duration="1000ms" data-wow-delay="1000ms">
<div class="row">
+
                  <li>
<div class="col-lg-12 text-center">
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Members">
<div class="section-title">
+
                      <img src="https://static.igem.org/mediawiki/2017/f/fc/T-ASTWS-China-f1.png" alt=""/>
<h2>Portfolio</h2>
+
                    </a>
<p>
+
                  </li>
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.
+
                  <li>
</p>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Design">
</div>
+
                      <img src="https://static.igem.org/mediawiki/2017/5/57/T-ASTWS-China-f2.png" alt=""/>
</div>
+
                    </a>
</div>
+
                  </li>
<div class="row">
+
                  <li>
<!-- start portfolio item -->
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Results">
<div class="col-md-4">
+
                      <img src="https://static.igem.org/mediawiki/2017/6/61/T-ASTWS-China-f3.png" alt=""/>
<div class="ot-portfolio-item">
+
                    </a>
<figure class="effect-bubba">
+
                  </li>
<img src="https://static.igem.org/mediawiki/2017/0/00/T-ASTWS-China--portfolio-1.jpeg" alt="img02" class="img-responsive" />
+
                  <li>
<figcaption>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/HP/Silver">
<h2>Dean & Letter</h2>
+
                      <img src="https://static.igem.org/mediawiki/2017/7/7b/T-ASTWS-China-f4.png" alt=""/>
<p>Branding, Design</p>
+
                    </a>
<a href="#" data-toggle="modal" data-target="#Modal-1">View more</a>
+
                  </li>
</figcaption>
+
                  <li>
</figure>
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/Basic_Part">
</div>
+
                      <img src="https://static.igem.org/mediawiki/2017/d/d1/T-ASTWS-China-f5.png" alt=""/>
</div>
+
                    </a>
<!-- end portfolio item -->
+
                  </li>
<!-- start portfolio item -->
+
                  <li>
<div class="col-md-4">
+
                    <a href="https://2017.igem.org/Team:ASTWS-China/InterLab">
<div class="ot-portfolio-item">
+
                      <img src="https://static.igem.org/mediawiki/2017/2/2e/T-ASTWS-China-f6.png" alt=""/>
<figure class="effect-bubba">
+
                    </a>
<img src="https://static.igem.org/mediawiki/2017/0/00/T-ASTWS-China--portfolio-1.jpeg" alt="img02" class="img-responsive" />
+
                  </li>
<figcaption>
+
                </ul>
<h2>Startup Framework</h2>
+
              </div>
<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="https://static.igem.org/mediawiki/2017/0/00/T-ASTWS-China--portfolio-1.jpeg" 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="https://static.igem.org/mediawiki/2017/0/00/T-ASTWS-China--portfolio-1.jpeg" 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="https://static.igem.org/mediawiki/2017/0/00/T-ASTWS-China--portfolio-1.jpeg" 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="https://static.igem.org/mediawiki/2017/0/00/T-ASTWS-China--portfolio-1.jpeg" 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">
+
              <h2 class="header">Smart E.coli for B Cells Capture</h2>
<a href="#top">
+
              <p>
<i class="fa fa-angle-up"></i>
+
                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.
</a>
+
              </p>
</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>
  
<footer>
+
            </div>
<div class="container text-center">
+
          </article>
<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 -->
+
        </div>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/jquery.min.js"></script>
+
      </div>
<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>
+
    </div>
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/owl.carousel.min.js"></script>
+
  </div>
<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>
+
  <footer id="footer" class="clearfix">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
    <div class="padding-wrapper">
<script src="http://ihyit1011.w1w7.tumm.top/ASTWS/js/ie10-viewport-bug-workaround.js"></script>
+
      <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.