Team:NJU China/Data Page

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html>
 +
<html lang="en" class="no-js">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<title>NJU_China</title>
 +
<meta name="description" content="Circular Navigation Styles - Building a Circular Navigation with CSS Transforms | Codrops " />
 +
<meta name="keywords" content="css transforms, circular navigation, round navigation, circular menu, tutorial" />
 +
<meta name="author" content="Sara Soueidan for Codrops" />
 +
<link rel="shortcut icon" href="../favicon.ico">
 +
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
-
<frameset cols="50%,50%">
+
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css">
-
  <frame src="https://2013.igem.org/Team:NJU_China/all" />
+
<STYLE type="text/css">
-
  <frame src="https://2013.igem.org/Team:NJU_China/all" />
+
/* hiding the top section*/
-
</frameset>
+
body{position:absolute; top:0px; width:100%; height:1480px;}
 +
#top-section{
 +
  height:0px;
 +
    border:none;
 +
    width:980px;
 +
    margin:0 auto;
 +
    padding:0 0 0 0;
 +
    background-color:transparent;
 +
    overflow:hide;
 +
}
 +
#p-logo{display:none;}
 +
#search-controls{display:none;}
 +
#top{display:none;}
 +
.firstHeading{display:none;}
 +
/* end of hiding the top section*/
 +
 +
/* global setting*/
 +
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;font-family: calibri， Arial, Helvetica, sans-serif;}
 +
#content{
 +
    background-color:transparent;
 +
    border:none;
 +
    width:1200px;
 +
    height:700px;
 +
    marign:0 auto;
 +
    padding:0 0 0 0;
 +
    top:-40px;
 +
    }
 +
#bodyContent{
 +
    background-color:transparent;
 +
    border:none;
 +
   
 +
    }
 +
siteSub{
 +
    display:none;
 +
    border:none;
 +
    }
 +
contentSub{
 +
    display:none;
 +
    }
 +
/* end of global setting*/
 +
 +
/*hiding the footer-box*/
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
 +
/*end of hiding the footer book*/
 +
 +
/* menu (page, edit ...) */
 +
#menubar {
 +
    background-color:transparent;
 +
    position: relative;
 +
    float:left;
 +
    white-space: nowrap;
 +
    top:-6px;
 +
    width: 490px;
 +
    z-index: 5000;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
    z-index:99;
 +
}
 +
 +
 +
.left-menu, .left-menu a {
 +
    text-align: left;
 +
    color:#999999;
 +
    text-transform: lowercase;
 +
}
 +
 +
.left-menu:hover {
 +
    color: #D00000;
 +
    background-color: transparent;
 +
}
 +
 +
.right-menu{width:400px; float:right}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: #999999;
 +
}
 +
#menubar ul {
 +
    color: #999999;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
#    color: #999999;
 +
}
 +
#.left-menu .selected:hover {
 +
#    color: #999999;
 +
#}
 +
 +
.left-menu:hover a {
 +
    color: #999999;;
 +
}
 +
 +
.left-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
}
 +
 +
 +
.right-menu li {
 +
#    background-color: transparent;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: #999999;;
 +
    background-color: transparent;
 +
}
 +
.right-menu li a:hover {
 +
    color: #D00000;
 +
    text-decoration: underline;
 +
}
 +
/* end menu (edit, page ...) */
 +
 +
 +
/* HEADER STYLES: banner, navbar, etc. */
 +
 +
ul#nav {
 +
width:1800px;
 +
margin:40px 0 0 30px;
 +
position:relative;
 +
}
 +
 +
#nav li {
 +
 +
color: #FFFFFF;
 +
background-color:none;
 +
margin: 0 85px 0 0;
 +
float: left;
 +
position: relative;
 +
list-style: none;
 +
text-transform:uppercase;
 +
}
 +
#nav li:last-child { margin:0; }
 +
 +
 +
/* dropdown */
 +
#nav li:hover > ul {
 +
/*display: block;*/
 +
opacity:1;
 +
margin:0;
 +
background-color: none;
 +
z-index:0;
 +
}
 +
 +
#nav ul li {
 +
float: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
#nav ul a {
 +
font-weight: normal;
 +
/*text-shadow: 0 1px 0 #fff;*/
 +
}
 +
 +
 +
</STYLE>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'>
 +
 +
 +
<style type="text/css">
 +
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
 +
@font-face {
 +
font-family: 'codropsicons';
 +
src:url('../fonts/codropsicons/codropsicons.eot');
 +
src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
 +
url('../fonts/codropsicons/codropsicons.woff') format('woff'),
 +
url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
 +
url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
 +
font-weight: normal;
 +
font-style: normal;
 +
}
 +
 +
.container > header,
 +
.codrops-top,
 +
.container > section {
 +
font-family: 'Lato', Arial, sans-serif;
 +
}
 +
 +
.container > header {
 +
margin: 0 auto;
 +
padding: 2em;
 +
text-align: center;
 +
background: rgba(0,0,0,0.01);
 +
}
 +
 +
.container > header h1 {
 +
font-size: 2.625em;
 +
line-height: 1.3;
 +
margin: 0;
 +
font-weight: 300;
 +
}
 +
 +
.container > header span {
 +
display: block;
 +
font-size: 60%;
 +
opacity: 0.7;
 +
padding: 0 0 0.6em 0.1em;
 +
}
 +
 +
/* To Navigation Style */
 +
.codrops-top {
 +
background: #f06060;
 +
background: rgba(255, 255, 255, 0.1);
 +
text-transform: uppercase;
 +
width: 100%;
 +
font-size: 0.69em;
 +
line-height: 2.2;
 +
}
 +
 +
.codrops-top a {
 +
text-decoration: none;
 +
padding: 0 1em;
 +
letter-spacing: 0.1em;
 +
color: #fff;
 +
display: inline-block;
 +
}
 +
 +
.codrops-top a:hover {
 +
background: rgba(255,255,255,0.95);
 +
color: #777;
 +
}
 +
 +
.codrops-top span.right {
 +
float: right;
 +
}
 +
 +
.codrops-top span.right a {
 +
float: left;
 +
display: block;
 +
}
 +
 +
.codrops-icon:before {
 +
font-family: 'codropsicons';
 +
margin: 0 4px;
 +
speak: none;
 +
font-style: normal;
 +
font-weight: normal;
 +
font-variant: normal;
 +
text-transform: none;
 +
line-height: 1;
 +
-webkit-font-smoothing: antialiased;
 +
}
 +
 +
.codrops-icon-drop:before {
 +
content: "\e001";
 +
}
 +
 +
.codrops-icon-prev:before {
 +
content: "\e004";
 +
}
 +
 +
/* Demo Buttons Style */
 +
.codrops-demos {
 +
padding-top: 1em;
 +
font-size: 0.9em;
 +
}
 +
 +
.codrops-demos a {
 +
text-decoration: none;
 +
outline: none;
 +
display: inline-block;
 +
margin: 0.5em;
 +
padding: 0.7em 1.1em;
 +
border: 3px solid #fff;
 +
color: #fff;
 +
font-weight: 700;
 +
}
 +
 +
.codrops-demos a:hover,
 +
.codrops-demos a.current-demo,
 +
.codrops-demos a.current-demo:hover {
 +
opacity: 0.6;
 +
}
 +
 +
.container > section {
 +
padding: 2em;
 +
font-size: 1.4em;
 +
max-width: 50em;
 +
margin: 0 auto;
 +
}
 +
 +
.container > section p {
 +
padding: 0.8em 0;
 +
text-align: justify;
 +
opacity: 0.5;
 +
font-weight: 300;
 +
line-height: 1.4;
 +
}
 +
 +
@media screen and (max-width: 25em) {
 +
 +
.codrops-icon span {
 +
display: none;
 +
}
 +
 +
}
 +
</style>
 +
<style type="text/css">
 +
* {
 +
position: relative;
 +
-moz-box-sizing: border-box;
 +
box-sizing: border-box;
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
html,
 +
body {
 +
height: 100%;
 +
}
 +
 +
body {
 +
background: #ffbaba;
 +
color: #fff;
 +
}
 +
 +
.component {
 +
position: relative;
 +
margin-bottom: 3em;
 +
height: 15em;
 +
background: rgba(0,0,0,0.05);
 +
font-family: 'Lato', Arial, sans-serif;
 +
}
 +
 +
@media only screen and (max-width: 620px) {
 +
.no-csstransforms li {
 +
width: 4em;
 +
height: 4em;
 +
line-height: 4em;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 500px) {
 +
.no-ccstransforms .cn-wrapper {
 +
padding: .5em;
 +
}
 +
 +
.no-csstransforms .cn-wrapper li {
 +
width: 4em;
 +
height: 4em;
 +
font-size: .9em;
 +
line-height: 4em;
 +
}
 +
}
 +
 +
@media only screen and (max-width: 480px) {
 +
.csstransforms .cn-wrapper {
 +
font-size: .68em;
 +
}
 +
 +
.cn-button {
 +
font-size: 1em;
 +
}
 +
}
 +
 +
@media only screen and (max-width:420px) {
 +
.no-csstransforms .cn-wrapper li {
 +
width: 100%;
 +
height: 3em;
 +
line-height: 3em;
 +
}
 +
}
 +
 +
 +
 +
 +
</style>
 +
 +
</head>
 +
<body>
 +
 +
<div class="container">
 +
<!--Start NavBar-->
 +
<ul id="nav">
 +
    <li><a href="https://2013.igem.org/Team:NJU_China">Home</a></li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Project">Project</a>
 +
        <ul>
 +
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Overview">Overview</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Chassis">Chassis</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Targeting Module">Targeting Module</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Killing Module">Killing Module</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Achievement">Achievement</a></li>
 +
        </ul>
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Modeling">Modeling</a>
 +
    </li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Human Practice">Human Practice</a>
 +
        <ul>
 +
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Free debate">Free debate</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Reach the unreached</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Workshop">Workshop</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Collaboration">Collaboration</a></li>
 +
        </ul>
 +
    </li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Wet lab">Wet lab</a>
 +
        <ul>
 +
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Protocol</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Lab notes</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Workshop">Data Page</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Collaboration">Parts</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Safety">Safety</a>
 +
        <ul>
 +
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Safety form</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Virus-related safety</a></li>
 +
        </ul>
 +
    </li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Team">Team</a></li>
 +
 +
    <li><a href="https://2013.igem.org/Team:NJU_China/Extras">Extras</a>
 +
            <ul>
 +
  <li><a href="http://https://2013.igem.org/Team:NJU_China/Project#Protocol">Judging criteria</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Attribution</a></li>
 +
          <li><a https://2013.igem.org/Team:NJU_China/Project#Reach the unreached">Acknowledgement</a></li>
 +
        </ul>
 +
    </li>
 +
   
 +
</ul>
 +
<!--End NavBar-->
 +
<header>
 +
<h1>Liver: <span>For liver targeting, we need to first find a protein specifically recognize hepatic cells. Since Heptitis B virus can infect hepatic cells distinctively, and from recent study[1], we knew that HBV recognizes the hepatic cells via the interaction between the pre-S1 of the HBV envelop protein and NTCP receptor of the hepatic cells. We tried to engineer the pre-S1 from HBV envelope protein to the lamp 2b.
 +
Therefore we cloned the pre-S1 into lamp 2b, and we choose pcDNA 3.1(+) as our backbone.</span>
 +
<img style="float:left" src="https://static.igem.org/mediawiki/2013/d/d9/Pcdna3.1_pres1_small.png">
 +
</br><img width="460px"; height="300px" src="https://static.igem.org/mediawiki/2013/3/3e/%E8%AF%86%E5%88%ABpre_s1_small.png">
 +
</h1>
 +
</header>
 +
</br>
 +
<section>
 +
<p>Results for liver targeting:</BR>
 +
To produce the exosomes that have pre-S1 on their surface for liver targeting, we first transfected the exosome-producing cells, HEK 293T cells, with the plasmid encoding the fusion protein of lamp 2b and pre-S1 peptide.</p>
 +
 +
<p>1. Exosome morphology under SEM and TEM</br>
 +
The exosomes produced by the transfected HEK 293T cells was collected 24h post transfection. The morphology and diameter of the exosomes were examined by both SEM and TEM.</br>
 +
As shown in Fig.1 and Fig.2, the diameter of the exosomes is around 50nm and it was round.</p>
 +
 +
<p>2. In vitro evidence for the entry of pre-S1 exosomes into the hep G2 cell</br>
 +
As shown in Fig.3, by labeling the exosomes with DiI-C16 (red) and hep G2 nucleus with DAPI(blue), it can be seen that the exosomes successfully get into the hep G2 cells.</p>
 +
 +
<img width="500px"; height="500px" src="https://static.igem.org/mediawiki/2013/c/c3/NjuLiver.png">
 +
 +
 +
<p>Fig.3 Confocal microscopy image of the internalization of fluorescently labeled MVs into hep  cells.  293T cells were labeled with DiI-C16 (red) and then cultured in RPMI 1640 medium supplemented with 10% FBS. After 4 hr, the supernatants were collected and centrifuged to harvest exosomes.  293T exosomes were resuspended in MCDB-131 medium and incubated with hep G2 cells at 37􏰀C. After incubation for 2 hr, hep G2 cells were washed, fixed, and observed under confocal microscopy.</p>
 +
 +
<p>3. In vivo evidence for the entry of pre-S1 exosomes into the liver</p>
 +
 +
 +
</section>
 +
</div><!-- /container -->
 +
 +
 +
</body>
</html>
</html>

Revision as of 15:54, 27 September 2013

<!DOCTYPE html> NJU_China

Liver: For liver targeting, we need to first find a protein specifically recognize hepatic cells. Since Heptitis B virus can infect hepatic cells distinctively, and from recent study[1], we knew that HBV recognizes the hepatic cells via the interaction between the pre-S1 of the HBV envelop protein and NTCP receptor of the hepatic cells. We tried to engineer the pre-S1 from HBV envelope protein to the lamp 2b. Therefore we cloned the pre-S1 into lamp 2b, and we choose pcDNA 3.1(+) as our backbone.


Results for liver targeting:
To produce the exosomes that have pre-S1 on their surface for liver targeting, we first transfected the exosome-producing cells, HEK 293T cells, with the plasmid encoding the fusion protein of lamp 2b and pre-S1 peptide.

1. Exosome morphology under SEM and TEM
The exosomes produced by the transfected HEK 293T cells was collected 24h post transfection. The morphology and diameter of the exosomes were examined by both SEM and TEM.
As shown in Fig.1 and Fig.2, the diameter of the exosomes is around 50nm and it was round.

2. In vitro evidence for the entry of pre-S1 exosomes into the hep G2 cell
As shown in Fig.3, by labeling the exosomes with DiI-C16 (red) and hep G2 nucleus with DAPI(blue), it can be seen that the exosomes successfully get into the hep G2 cells.

Fig.3 Confocal microscopy image of the internalization of fluorescently labeled MVs into hep cells. 293T cells were labeled with DiI-C16 (red) and then cultured in RPMI 1640 medium supplemented with 10% FBS. After 4 hr, the supernatants were collected and centrifuged to harvest exosomes. 293T exosomes were resuspended in MCDB-131 medium and incubated with hep G2 cells at 37􏰀C. After incubation for 2 hr, hep G2 cells were washed, fixed, and observed under confocal microscopy.

3. In vivo evidence for the entry of pre-S1 exosomes into the liver

Retrieved from "http://2013.igem.org/Team:NJU_China/Data_Page"