Team:BUCT-China/small-dialogpart3

<html>
<style type="text/css">
#p-logo,#search-controls,.firstHeading,#top,#footer-box,#catlinks
{ display:none; }
#globalWrapper {
 padding:0; top:0px;
margin:0px;
font-size:100%;
position:absolute;
top:0px;
left:0px;
 }

#top-section{
height:0px;
border:none;
width:100%; }

#content{
width:100%!important;
border-left:none; border-right: none;
padding:1px 0px 0px 0px!important;
background-color:#f7f7f5;
height:0px;
}

#contentSub {
    position:absolute;
}

#menubar {
position:absolute;
top: -30px;
line-height: 1em; 
font-family: sans-serif; 
font-size: 95%; 
white-space: nowrap;
z-index: 200;

}
#menubar:hover{
background-color: #555;
top:0px;
}
.right-menu {
position:absolute;
width:1500px;
right:100px;
height:30px;
font-size:14px;
color:#999;
text-align: right; 
text-transform: lowercase;
}

.right-menu:hover {
color: white;
background-color: #555;
}
.right-menu li{
	float:left;
}
.right-menu li a{
color:#ccc;
background-color: transparent;
text-decoration:none;
}

.right-menu li a:hover{
text-decoration:none;
color:white;
}

.left-menu {
height:30px;
left: 0px;
text-align: left; 
color: transparent; 
text-transform: lowercase;
padding-left:20px;
}

.left-menu a {
	left: 0px; text-align: left; color: transparent; text-transform: lowercase; font-size:14px;
}
.left-menu:hover {
	color: white; background-color: rgb(85, 85, 85);
}

.left-menu li a{
color:#FFF;

text-decoration:none;
}

.left-menu li {
color: transparent;float:left; margin-right:10px;
}

.left-menu li a:hover{
text-decoration:none;
}

.menubar ul,li{ list-style:none; margin-bottom:0 !important;}


</style>

</html>


<html>
<head>
<title>BUCT-CHINA</title>
<link href="https://2014.igem.org/Wiki/buct/style.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" media="all" />
<!--<link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700' rel='stylesheet' type='text/css'>
--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.min.js?action=raw"></script>
<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.magnific-popup.js?action=raw"></script>
	 	<!---strat-slider---->
	    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/slider.css?action=raw&amp;ctype=text/css" />
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/modernizr.custom.28468.js?action=raw"></script>
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.cslider.js?action=raw"></script>
			<script type="text/javascript">
				$(function() {
				$('#da-slider').cslider({
						autoplay	: true,
						bgincrement	: 450
				});
				
				});
			</script>
		<!---//strat-slider---->
		 <!-- scroll -->
		 <script type="text/javascript">
			$(document).ready(function() {
			
				var defaults = {
		  			containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear' 
		 		};
				
				
				$().UItoTop({ easingType: 'easeOutQuart' });
				
			});
		</script>
		 <!-- //scroll -->	
			<!-- start portfolios -->
 <!--<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all" />-->
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/fliplightbox.min.js?action=raw"></script>
		<script type="text/javascript">
			$('body').flipLightBox()
		</script>
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.easing.min.js?action=raw"></script>
		<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.mixitup.min.js?action=raw"></script>
		<script type="text/javascript">
			$(function() {

				var filterList = {

					init : function() {

						// MixItUp plugin
						// http://mixitup.io
						$('#portfoliolist').mixitup({
							targetSelector : '.portfolio',
							filterSelector : '.filter',
							effects : ['fade'],
							easing : 'snap',
							// call the hover effect
							onMixEnd : filterList.hoverEffect()
						});

					},

					hoverEffect : function() {

						// Simple parallax effect
						$('#portfoliolist .portfolio').hover(function() {
							$(this).find('.label').stop().animate({
								bottom : 0
							}, 200, 'easeOutQuad');
							$(this).find('img').stop().animate({
								top : -40
							}, 500, 'easeOutQuad');
						}, function() {
							$(this).find('.label').stop().animate({
								bottom : -40
							}, 200, 'easeInQuad');
							$(this).find('img').stop().animate({
								top : 0
							}, 300, 'easeOutQuad');
						});
					}
				};

				// Run the show!
				filterList.init();

			});
		</script>
	<!-- popup -->
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/magnific-popup1.css?action=raw&amp;ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/magnific-popup.css?action=raw&amp;ctype=text/css">
<script src="" type="text/javascript"></script>
				
<script type="text/javascript" src="https://2014.igem.org/Wiki/buct/jquery.lightbox.js?action=raw"></script>
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Wiki/buct/lightbox.css?action=raw&amp;ctype=text/css" media="screen" />
  <script type="text/javascript">
    $(function() {
        $('#portfoliolist a').lightBox();
    });
   </script>
 <!-- nav -->  
<script type="text/javascript" 	src="https://2014.igem.org/Wiki/buct/jquery.smint.js?action=raw"></script>
<script type="text/javascript">
$(document).ready( function() {
    $('.subMenu').smint({
    	'scrollSpeed' : 1000
    });
});
</script>
<script>
window.addEventListener("load",function() {
  setTimeout(function(){
    window.scrollTo(0, 1);
  }, 0);
});</script>
</head>
<body>



<!--- services --->	
     <div class="services sTop" id="services">
<div>
                      <img src="https://static.igem.org/mediawiki/2014/5/52/Bgbuct.jpg" alt="" align="absmiddle" /><p></p></div>
		  	<div class="wrap">

		  		<a class="expand-btn"><h3>PARTS</h3></a>
		  		<h4 style="font-size:36px">quorum sensing system</h4>
				
<!--                part2-->  <div id="small-dialog" class="">
												<div >
												 	<div class="payment-online-form-left">
                                                      <h1>K1513002：Hg(II) sensor</h1>
                                                     <img src="https://static.igem.org/mediawiki/2014/a/a1/BUCT-CHINA-PART3.jpg" alt="" align="middle" />
	  <p style="text-align:left; color:#333; font-size:20px">We built our part with an existed part----which provided us a PmerT promoter----and a merR sequence synthetized by ourselves. However, you need to add upstream an rbs to make it work if you decide to adopt our part.</p>
													<div class="cart1">
											<div class="span3"><a href="https://2014.igem.org/Team:BUCT-China">
											<k>RETURN</k></a>
										</div>	
										</div>                
                      </div>
 
</div>

</div>