Team:Hong Kong HKUST/characterization/cmv

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("ul.first > li").hover(function(){
$(this).find("ul").stop().fadeToggle(10);
});
});
</script>
<script>
$(document).ready(function(){

	// hide #back-top first
	$("#back-top").hide();
	
	// fade in #back-top
	$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});

		// scroll body to 0px on click
		$('#back-top a').click(function () {
			$('body,html').animate({
				scrollTop: 0
			}, 800);
			return false;
		});
	});

});
</script>  
<script>
$(document).ready(function()
  {
  $('#menubar').mouseover(function(){
    $('#menubar').stop().animate({top:"0px"},500);
  });
  $('#menubar').mouseleave(function(){
    $('#menubar').stop().animate({top:"-20px"},500);
  });
  $('#menubar.right-menu').mouseover(function(){
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
  });
  $('#menubar.right-menu').mouseleave(function(){
    $('#menubar.right-menu').stop().animate({top:"-20px"},500);
  });
});
</script>
<style type="text/css">
body{background-color:#d5cfbf;width:100%;margin-bottom:20px;min-width:600px;max-width:2000px;font: x-small sans-serif;}
#menubar 
{background-color:#EEECEC;opacity:0.8;top:-4px;width:360px;height:23px;position:absolute;top:-20px;}
#menubar ul li a 
{ color:#8D1919;}
#menubar.right-menu
{background-color:#EEECEC;opacity:0.8;top:-4px;width:240px;height:23px;position:absolute;top:-20px;}
.right-menu li a 
{color:#8D1919;background-color:#EEECEC;}
#p-logo
{visibility:hidden;}
.firstHeading
{visibility:hidden;}
#globalWrapper
{position: relative;font-size:127%;width:100%;margin:0;padding:0;padding-bottom:10px;background-color:#494042;height:2350px;}
#content
{width: 995px;border:none;background-color:#ffffff;height:2300px;padding:0px;margin-top:0px;line-height: 1.5em;color: black;}
#top-section
{height:2px;border:none;background-color:#494042;}
#catlinks
{display:none;}
#footer-box
{display:none}
#kepala
{position:absolute;top:15px;background-color:#F0A5BE;}
#cover
{position:absolute;top:0px;height:168px;width:100%;background:#494042;z-index:-1;}
body, div, dl, dt, dd, ul, ol, li, h1, h4, h6, pre, form, fieldset, p, blockquote, th, td {
margin: 0;
padding: 0;
font-size: 14px;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.menu
{
width:100%;
}
.row {
width: 940px;
max-width: 100%;
min-width: 768px;
margin: 0 auto;

}
.row:after {
clear: both;
}
.row:before, .row:after {
content: "";
display: table;
}
.menu ul,li
{
margin:0;
padding:0;
list-style:none;
width:100%;
}
ul.first>li
{
float:left;
width:16.667%;
}
ul.first>li>a:link,ul.first>li>a:visited
{
display:block;
font-weight:bold;
color:#494042;
background-color:#35bb91;
text-align:center;
padding:3%;
text-decoration:none;
text-transform:uppercase;
}

ul.first>li>a:hover,ul.first>li>a:active
{
background-color:#e32e51;
}

ul.first>li>ul
{
display:none;
width:100%;
}

ul.first>li>ul>li>a:link,ul.first>li>ul>li>a:visited
{
display:block;
font-weight:bold;
color:#494042;
background-color:#8ff5d5;
text-align:center;
padding:3%;
text-decoration:none;
text-transform:uppercase;
}

ul.first>li>ul>li>a:hover,ul.first>li>ul>li>a:active
{
background-color:#f87790;
}
.menu
{
position:absolute;
left:0px;
top:141px;
width:100%;
z-index:1;
}
#back-top {
	position: fixed;
	top: 10%;
	right: 2%;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #ffffff;
}

#back-top span {
	width: 65px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;margin-top:10px;
}

ul.side-nav, ul.side-nav1 {
display: block;
list-style: none;
margin: 0;
padding: 17px 0;font-family:"Trebuchet MS", Helvetica, sans-serif;
}
ul.side-nav h6 {
margin: 47px 0px 0px;
}
ul.side-nav1 h6 {
margin: 0px 0px 0px;
}
ul.side-nav li.divider, ul.side-nav1 li.divider {
border-top: 1px solid #ddd;
}

.two, .row .two {
width: 16.66667%;
top:160px;
}
ul, ol {
font-size: 14px;
line-height: 1.6;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
.ten, .row .ten {
width: 83.33333%;
top:192px;
}
.column, .columns {
float: left;
min-height: 1px;
padding: 0 15px;
position: relative;
}
.twelve, .row .twelve {
width: 100%;
}
h1, h2, h4, h5, h6 {
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-weight: normal;
color: #000;
border-bottom: none;


h3{font-size:18px;font-family:"Trebuchet MS", Helvetica, sans-serif;}
h5{margin-left:15px;}

}
div.team-bios-container div.row {
padding: 0px 0px 10px;
border-bottom: 1px solid #ddd;
}
.row .row {
width: auto;
max-width: none;
min-width: 0;
margin: 0 -15px;
}
media="screen, projection"
#bodyContent h1, #bodyContent h2 {
margin-bottom: .6em;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
text-align: center;
}
h2 {
font-size: 37px;
}
.nine, .row .nine {
width: 100%;font-family:"Trebuchet MS", Helvetica, sans-serif;
}
[class*="column"] + [class*="column"]:last-child {
float: right;
}
.three, .row .three {
width: 25%;
}
#construct{margin-left:30px;}
ul li ul, ul li ol {
margin-left: 20px;
margin-bottom: 0;}
#msk1{margin-left:20px;}
#msk2{margin-left:55px;}
#msk3{margin-left:35px;}
#msk4{margin-left:70px;}
</style>

<body>
<p id="back-top" style="display:none;">
<a href="#top"><span><img src="http://515alive.com/theme/img/up-arrow.png" style="width:90%;"><br><br>BACK TO TOP</span></a>
</p>
<a href=https://2013.igem.org/Team:Hong_Kong_HKUST><center><div id="kepala" style="height:121px;width:100%;"><img src="https://static.igem.org/mediawiki/igem.org/c/c7/BANNER1_%281%29.png" style="height:121px;width:100%;align:middle;"></div></center></a>
<div id="cover"></div>
<div class="menu">
<ul class="first">

<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST">Home</a></li>

<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/team">Team</a>
<ul>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/members">Members</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/advisors">Advisors</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/instructors">Instructors</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/attribution">Attribution</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/acknowledge">Acknowledgement</a></li>
</ul>
</li>

<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Project">Project</a>
<ul>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/abstract">Abstract</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/modules">Modules Description</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/data">Data Page</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Parts">Parts</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/characterization">Characterization</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/results">Result</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/future">Future Work</a></li>
</ul>
</li>

<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/Wetlab">Wetlab</a>
<ul>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/notebook">Notebook</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/protocols">Protocols</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/safety">Safety</a></li>

</ul>
</li>

<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/achievement">Achievement</a>
<ul>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/medals">Medal Requirements</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/prizes">Prizes</a></li>
</ul>
</li>

<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp">Human Practice</a>
<ul>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/cp">Country Profile</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/blog">Blog</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/interview">Interviews</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/article/genet">Article</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/video">Videos</a></li>
<li><a href="https://2013.igem.org/Team:Hong_Kong_HKUST/hp/presentation">Presentations</a></li>
</ul>
</li>

</ul>

</div>
      <div class="row">
		<div class="two columns"><br>
<ul class="side-nav">
				<li>
					<h6>Mitochondrial Leader Sequence</h6>
				</li>
				<li class="divider"></li>
				<li>
					<a href=#introduction>Introduction</a>
				</li>
				<li>
					<a href=#result>Result</a>
				</li>
<li>
					<a href=#conclusion>Conclusion</a>
				</li>
<li>
					<a href=#reference>Reference</a>
				</li>



				
			</ul>

			<ul class="side-nav1">
				<li>
					<h6>Characterization</h6>
				</li>
				<li class="divider"></li>
				<li>
				<a href="">Mitochondrial Leader Sequence</a>
				</li>
				<li>
					<a href="">CMV Promoter</a>
				</li>
<li>
					<a href="">EF1-alpha Promoter</a>
				</li>

				
			</ul>
		</div>

		<div class="ten columns team-bios-container">
			<div class="row" id="ugd-members">
				<div class="twelve columns">
					<h2 class="centered">CMV Promoter</h2>
				</div>
</div>
			
			<div class="row">
				<div class="nine columns"><p id="introduction"></p>

<h3>Introduction</h3>
<p>In our characterization, CMV promoter was assembled with GFP reporter (BBa_K648013) and hGH polyA terminator (BBa_K404108).
The pCMV-GFP was then transfected into HEK293FT cells and in vivo green fluorescence signal was observed under confocal microscope.
The positive control was pEGFP-N1 (Clontech) that contains CMV promoter and EGFP reporter. A negative control was made by GFP generator (BBa_K648013) that does not contain the CMV promoter.
The detailed protocol of our characterization can be found in HKUST iGEM 2013 Wiki.</p>
<br>				
				</div>
				
			</div>
			<div class="row">
				<div class="nine columns"><p id="result"></p>

<h3>Result</h3><br><center><img src="https://static.igem.org/mediawiki/parts/thumb/c/c6/Final_CMV_annotated_no_ABC.jpg/600px-Final_CMV_annotated_no_ABC.jpg" ></center>
<br><p><b>Figure 1. CMV promoter drives expression of GFP</b>. HEK cells transfected with pCMV-GFP gave GFP signals. HEK cells transfected with the commercial pEGFP-N1 showed similar results, while the same construct without any promoter did not give any GFP signals. Scale bar = 10 microns</p>

<br><br><br>

				</div>
			</div>

			<div class="row">
				<div class="nine columns"><p id="conclusion"></p>

<h3>Conclusion</h3>

				
			</div>
</div>
	<div class="row">
				<div class="nine columns"><p id="reference"></p>

<h3>Reference</h3>

				
			</div>
</div>		
			
</body>

</html>