Difference between revisions of "Team:TECHNION-ISRAEL/example"

Line 1: Line 1:
−
{{:Team:Imperial_College/Templates/NavBar}}
+
{{NTU-Singapore}}
−
<html>
+
−
<style>
+
  
 +
<html lang="en">
  
 +
<head>
  
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
−
</style>
+
    <title>NTU-Singapore</title>
  
−
<body id="page-top">
+
    <!-- Fonts -->
−
<div id="banner">
+
        <script src="https://use.fontawesome.com/597ba5ca72.js"></script>
−
  <div id="bannercontent" style=" background-color: rgba(247, 245, 230, 0.3);">
+
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
−
    <center>
+
<link href="https://fonts.googleapis.com/css?family=Amatic+SC:700|Annie+Use+Your+Telescope|Gloria+Hallelujah|Just+Me+Again+Down+Here|Nothing+You+Could+Do|Reenie+Beanie|Rock+Salt|Schoolbell|Shadows+Into+Light|Sue+Ellen+Francisco" rel="stylesheet">
−
      <specialh1 >
+
      
−
        ecolibrium</specialh1>
+
−
      <br>
+
−
      <br>
+
−
<br>
+
−
      <specialh2 style=" text-transform: lowercase;">
+
−
        Developing a framework for engineering co-cultures.
+
−
      </specialh2>
+
−
     </center>
+
−
  </div>
+
−
</div>
+
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<div  class="bg-primary">
+
 
−
<section>
+
    <div id="wrapper">
−
<div class="col-lg-16 col-centered">
+
 
−
<center>
+
        <!-- Navigation -->
−
<img src="https://static.igem.org/mediawiki/2016/9/92/T--Imperial_College--MainPageOverview.png" width="800"/>
+
      <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
−
</center>
+
            <!-- Brand and toggle get grouped for better mobile display -->
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
               
 +
            </div>
 +
            <!-- Top Menu Items -->
 +
            <ul class="nav navbar-right top-nav" style="margin: auto; width: 1063px;">
 +
 
 +
                <li class="dropdown" style="margin-left:0px;">
 +
<a href="https://2016.igem.org/Team:NTU-Singapore" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-home"></i> <span class="navbar-name"> NTU-SG</span> </a>
 +
</li>
 +
 +
                <li class="dropdown">
 +
                    <a href="https://2016.igem.org/Team:NTU-Singapore/Collaborations" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-globe"></i><span class="navbar-name"> Collaboration</span></a>
 +
</li>
 +
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-flask"></i><span class="navbar-name"> Projects</span><b class="caret"></b></a>
 +
<div class="drop-menu">
 +
<ul class="dropdown-menu dropdown-menu-project" style="margin: 0px; left: -40px;">
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Interlab"><i class="fa fa-2x fa-balance-scale"></i><span style="top: -34px; float: left; left: 50px;"class="navbar-name"> Interlab Measurement </span> </a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Description"  style="top: -20px; position: relative;"><i class="fa fa-fw fa-2x fa-book"></i><span style="left: 9px;" class="navbar-name"> Description</span> </a>
 +
</li>
 +
 
 +
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Proof" style="height: 49px;"><i class="fa fa-2x  fa-bar-chart" style="float: left;"></i><span style="width: 96px;
 +
left: 10px;
 +
float: left;
 +
margin-left: 6px;
 +
top: -6px;" class="navbar-name"> Proof of concept </span></a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Demonstrate"><i class="fa fa-2x  fa-space-shuttle"></i><span style="left: 9px;" class="navbar-name"> Demonstrate</span> </a>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</li>
 +
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-gears"></i><span class="navbar-name"> Parts</span>  <b class="caret"></b></a>
 +
<div class="drop-menu">
 +
<ul class="dropdown-menu" style="margin: 0px; left: -42px;">
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Basic_Part"><i class="fa fa-fw fa-2x fa-gear"></i><span style="left: 8px;"class="navbar-name"> Basic Parts</span> </a>
 +
</li>
 +
 +
<li>
 +
<a style="height: 49px" href="https://2016.igem.org/Team:NTU-Singapore/Composite_Part"><i style="float: left;" class="fa fa-fw fa-2x fa-briefcase"></i><span style="    float: left;
 +
width: 96px;
 +
top: -6px;
 +
left: 13px;" class="navbar-name"> CRISPR<span style="text-transform: lowercase;">y</span> Collection</span> </a>
 +
</li>
 +
 +
 +
</ul>
 +
</div>
 +
 +
</li>
 +
 +
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x fa-key"></i><span class="navbar-name"> Team</span>  <b class="caret"></b></a>
 +
<div class="drop-menu">
 +
<ul class="dropdown-menu" style="margin: 0px; left: -50px;">
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Team"><i class="fa fa-2x fa-flag-checkered" aria-hidden="true"></i><span style="left: 13px;"class="navbar-name">Adventurers</span> </a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/Attributions"><i class="fa fa-2x fa-key" aria-hidden="true"></i><span style="left: 13px;" class="navbar-name">Attribution</span> </a>
 +
</li>
 +
<li>
 +
<a style="height: 49px" href="https://2016.igem.org/Team:NTU-Singapore/Notebook"><i class="fa fa-2x fa-file-text-o" aria-hidden="true"></i>
 +
<span style=" left: 13px;" class="navbar-name">Notebook</span> </a>
 +
</li>
 +
 +
 +
</ul>
 +
</div>
 +
 
 +
</li>
 +
 
 +
                                      <li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-2x  fa-group"></i><span class="navbar-name"> Human Practice</span>  <b class="caret"></b></a>
 +
<div class="drop-menu">
 +
<ul class="dropdown-menu dropdown-menu-humanprac" style="margin: 0px">
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/HP/Silver"><i class="fa fa-fw fa-2x fa-user"></i><span class="navbar-name"> Silver</span> </a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:NTU-Singapore/HP/Gold"><i class="fa fa-fw fa-2x fa-envelope"></i><span class="navbar-name"> Gold</span> </a>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</li>
 +
 
 +
 
 +
            </ul>
 +
        </nav>
 +
 
 +
        <div id="page-wrapper" >
 +
 
 +
            <div class="container-fluid" style="height:650px;">
 +
 
 +
                <!-- Main jumbotron for a primary marketing message or call to action -->
 +
              <div class="jumbotron" style="font-family: 'Just Me Again Down Here', cursive; ">
 +
 
 +
<div style="margin: auto; width: 900px;">
 +
 
 +
<img class="content-img" src="https://static.igem.org/mediawiki/2016/a/ad/T--NTU-Singapore--homepic.png" style="width:740px;height: 380px;box-shadow: none;z-index: -1;position: absolute;    top: 20px;
 +
    left: 360px;
 +
">
 +
 +
 +
    </div>
 +
<h1 style="font-size: 70px;">Our <span style="color: #0089A7; ">CRISPRy</span> Adventure! :)</h1>
 +
                    <p style="font-family: 'Annie Use Your Telescope', cursive; font-size: 31px;">This summer we have set out for an adventure to improve the CRISPR/Cas9 system for better application in mammalian cells. This is our iGEMventure!</p>
 +
<p><a href="#abstract" style="width:60px; height:60px; border-radius:30px;"class="btn btn-primary btn-lg" role="button"><i style="    position: relative;
 +
top: 9px; " class="fa fa-chevron-down" aria-hidden="true"></i></a>
 +
                    </p>
 +
                </div>
 +
 
 +
                <div class="page-header" id="abstract">
 +
                    <h1 style="font-family: 'Just Me Again Down Here', cursive; padding-top: 70px; font-size: 50px;" >Abstract</h1>
 +
                </div>
 +
                <div class="well">
 +
<p>Our project this summer aims to improve the CRISPR/Cas9 Tool Box for genome engineering and regulation. The Cas9/Cpf1 protein is widely adopted for it has easy programmability to generate a targeted double-strand break. The cell’s repair machinery would then mend the breaks which allows us to make edits to the DNA. To date, several question regarding this technology have been left unanswered. Firstly, despite the variety of Cas9/Cpf1 proteins discovered, we still do not know the efficiency of each protein when compared to each other. Furthermore, the cutting efficiency for different cut sites varies. The popularity of this technology come from it's ability to enhance the rate of knock-ins. However, its efficiency still remains to be improved as efficiencies varied between target sites.</p>
 +
<p>
 +
The goal for our team is to make a thorough comparison among different Cas9 proteins and improve it's efficiency in genomic editing.
 +
 
 +
</p>
 +
</div>
 +
<br>
 +
 +
<div style="width:1000px; margin: auto;">
 +
<div class="hoverbox eva-box">
 +
 +
<div class="hover-text eva-text">
 +
<p>Project Evaluation</p>
 +
<p>Although several Cas9/Cpf1 have been discovered for gene editing, a thorough comparison of Cas9/Cpf1 from other species are relatively unexplored. Thus, we set out to evaluate and compare the efficiency of CRISPR system across different species.
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="hoverbox trunc-box">
 +
 +
<div class="hover-text trunc-text">
 +
<p>Project Truncation</p>
 +
<p>Like the iPhone in the smartphone market, competition to produce the slimmest phone always pushes the limit of technology. For Cas9, the same competition applies. We need a smaller Cas9/dCas9 for packaging into the AAV vector. See how we produce dCas9 Air in our <a href="https://2016.igem.org/Team:NTU-Singapore/Proof#dCas" style="color: cadetblue;    font-weight: bold;">Proof of Concept</a> page</p>
 +
</div>
 +
</div>
 +
 +
<div class="hoverbox evo-box">
 +
 +
<div class="hover-text evo-text">
 +
<p>Project Evolution</p>
 +
<p>With results from our survey indicating the acceptance of the public towards the CRISPR/Cas9 teachnology, our team was determined to improve the cutting efficiency of SpCas9. By random mutagenesis method, mutant libraries of SpCas9 variants carrying mutated HNH, RuvCII and RuvCIII nuclease domains are generated for downstream selection and characterisation of its efficiency.</p>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<img src="https://static.igem.org/mediawiki/2016/9/98/T--NTU-Singapore--US%21.png" width="1000px">
 +
</div>
 +
 +
<div class="page-header">
 +
<h1 style="font-family: 'Just Me Again Down Here', cursive; font-size: 50px;">Our Great Big Achievements!</h1>
 +
</div>
 +
 +
 
 +
 
 +
<div class="achievement well">
 +
<img class="content-img" src="https://static.igem.org/mediawiki/2012/c/c1/EdiGEM_gold_medal.png" style="width: 248px;
 +
height: 248px;
 +
box-shadow: none;
 +
z-index: -1;
 +
position: relative;
 +
top: -10px;
 +
margin-right: 20px;
 +
 
 +
float: left
 +
">
 +
 
 +
                                            <h3 style="position: relative; left: -30px;">Gold Medalist!</h3>
 +
                                            <h3 >+ Best Measurement Project</h3>
 +
                                            <h3 style="position: relative; left: 30px;">+ Best Wiki (Overgrad)</h3>
 +
                                            <h3 style="position: relative; left: 60px;">+ Nominated for Best Basic Part (Overgrad)</h3>
 +
 
 +
 +
</div>
 +
 
 +
<div class="page-header">
 +
<h1 style="font-family: 'Just Me Again Down Here', cursive; font-size: 50px;">Team Video</h1>
 +
<iframe width="640" height="360" align="middle"
 +
src="https://www.youtube.com/embed/xsRp4EQ81fM">
 +
</iframe>
 
</div>
 
</div>
−
</section>
 
  
 +
<div class="page-header">
 +
 +
<h1 style="font-family: 'Just Me Again Down Here', cursive; font-size: 50px;">Team Presentation</h1>
 +
<iframe width="640" height="360" align="middle"
 +
src="https://www.youtube.com/embed/wVZsdDKOMMo">
 +
</iframe>
 +
</div>
  
 +
<div class="page-header" style="height: 400px; width: 1182px; margin: auto;">
 +
 +
<h1 style="font-family: 'Just Me Again Down Here', cursive; font-size: 50px;">Big Thanks to Sponsors of Our Adventure!</h1>
  
−
</body>
+
<img class="content-img" src="http://www.ntu.edu.sg/AboutNTU/CorporateInfo/CorporateIdentity/PublishingImages/ntuchineselogo.jpg" style="width: 548px; height: 148px; box-shadow: none; z-index: -1; position: relative; top: -10px;/* float: left; */">
  
 +
<br>
 +
<img class="content-img" src="https://www.a-star.edu.sg/Portals/81/logo_astar.jpg" style="width: 238px; height: 128px; box-shadow: none; z-index: -1; position: relative; top: -10px; margin-right: 20px;float: left">
 +
<img class="content-img" src="http://www.neb-online.de/wp-content/uploads/2015/04/NEB_Logo.png" style="width: 248px; height: 128px; box-shadow: none; z-index: -1; position: relative; top: -15px; margin-right: 20px;float: left">
 +
<img class="content-img" src="https://static.igem.org/mediawiki/2012/2/22/IDT-Logo.jpg" style="width: 298px; height: 158px; box-shadow: none; z-index: -1; position: relative; top: -15px; margin-right: 20px;float: left">
 +
<img class="content-img" src="http://www.scitific.com/sites/default/files/Axil_logo.jpg" style="width: 338px; height: 168px; box-shadow: none; z-index: -1; position: relative; top: -30px; float: left">
 +
 +
</div>
 +
 +
<!-- /.container-fluid -->
 +
 +
<div style="height: 150px; background-color: rgba(120,194,196,1);">
 +
 +
</div>
 +
        </div>
 +
        <!-- /#page-wrapper -->
 +
 +
    </div>
 +
    <!-- /#wrapper -->
 +
 +
    <!-- jQuery -->
 +
    <script src="https://2016.igem.org/Template:NTU-Singapore/JQ"></script>
 +
 +
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="https://2016.igem.org/Template:NTU-Singapore/JS"></script>
 +
 +
</body>
  
 
</html>
 
</html>
−
{{:Team:Imperial_College/Templates/Footer}}
 

Revision as of 12:51, 22 August 2017

Template:NTU-Singapore

NTU-Singapore

Our CRISPRy Adventure! :)

This summer we have set out for an adventure to improve the CRISPR/Cas9 system for better application in mammalian cells. This is our iGEMventure!

Abstract

Our project this summer aims to improve the CRISPR/Cas9 Tool Box for genome engineering and regulation. The Cas9/Cpf1 protein is widely adopted for it has easy programmability to generate a targeted double-strand break. The cell’s repair machinery would then mend the breaks which allows us to make edits to the DNA. To date, several question regarding this technology have been left unanswered. Firstly, despite the variety of Cas9/Cpf1 proteins discovered, we still do not know the efficiency of each protein when compared to each other. Furthermore, the cutting efficiency for different cut sites varies. The popularity of this technology come from it's ability to enhance the rate of knock-ins. However, its efficiency still remains to be improved as efficiencies varied between target sites.

The goal for our team is to make a thorough comparison among different Cas9 proteins and improve it's efficiency in genomic editing.


Project Evaluation

Although several Cas9/Cpf1 have been discovered for gene editing, a thorough comparison of Cas9/Cpf1 from other species are relatively unexplored. Thus, we set out to evaluate and compare the efficiency of CRISPR system across different species.

Project Truncation

Like the iPhone in the smartphone market, competition to produce the slimmest phone always pushes the limit of technology. For Cas9, the same competition applies. We need a smaller Cas9/dCas9 for packaging into the AAV vector. See how we produce dCas9 Air in our Proof of Concept page

Project Evolution

With results from our survey indicating the acceptance of the public towards the CRISPR/Cas9 teachnology, our team was determined to improve the cutting efficiency of SpCas9. By random mutagenesis method, mutant libraries of SpCas9 variants carrying mutated HNH, RuvCII and RuvCIII nuclease domains are generated for downstream selection and characterisation of its efficiency.

Our Great Big Achievements!

Gold Medalist!

+ Best Measurement Project

+ Best Wiki (Overgrad)

+ Nominated for Best Basic Part (Overgrad)

Team Video

Team Presentation

Big Thanks to Sponsors of Our Adventure!