Biomod/2013/CUMC/Images.html
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Images</title> <!-- <link href="../lts_website/boilerplate.css" rel="stylesheet" type="text/css"> --> <!-- <link href="../lts_website/styles/responsive2.css" rel="stylesheet" type="text/css"> --> <!-- <link href="../lts_website/styles/responsive_style.css" rel="stylesheet" type="text/css"> --> <!-- <link href="../lts_website/styles/menu5.css" rel="stylesheet" type="text/css"> --> <style> body { margin: 0px; }
- menu{
background-color:#0CF; color: #FFF; height: 40px; border-bottom: 2px solid #DDD; box-shadow: 1px 2px 9px #B1B1B1; border-top: 2px solid #DDD; }
- menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none}
- menu ul{height:45px;width:100%;}
- menu li{float:left;display:inline;position:relative;font:bold 0.8em Arial;text-shadow: 1px 2px 4px #838383;}
- menu a{display: block;
line-height: 40px; padding: 0 14px; text-decoration: none; color: #FFF; }
- menu li a:hover{
color:#CCC; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; background:#666; }
- menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer}
- menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
- menu label span{font-size:16px;position:absolute;left:35px}
- menu ul.menus{
height: auto; overflow: hidden; width: 170px; background: #50B7DC; position: absolute; z-index: 99; display: none; }
- menu ul.menus li{
display: block; width: 100%; font:normal 0.8em Arial; text-transform: none; text-shadow: none; border-bottom: 1px dashed #31AFDB; }
- menu ul.menus a{
color: #FFF; line-height: 35px; }
- menu li:hover ul.menus{display:block}
- menu ul.menus a:hover{
background: #5FC6EB; color: #FFF; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @media screen and (max-width: 1050px){
#menu{position:relative}
#menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none}
#menu ul.menus{width:100%;position:static;padding-left:20px}
#menu li{display:block;float:none;width:auto; font:normal 0.8em Arial;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
} </style> <!-- <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> --> <!-- <link rel="stylesheet" href="../lts_website/_notes/source/jquery.fancybox.css" type="text/css" media="screen"> --> <!-- <script type="text/javascript" src="../lts_website/_notes/source/jquery.fancybox.pack.js"></script> -->
<![endif]-->
</head>
<body>
<div class="gridContainer clearfix">
<div id="div1" class="fluid clearfix">
<table width="100%" border="0" cellpadding="0">
<tr>
</tr> </table>
</div>
<div id="div2" class="fluid clearfix">
<table width="100%" border="0" cellpadding="5">
<tr>
<td width="47%" rowspan="2" style="min-width:20px;"><a class="fancybox" href="http://www.cumc.columbia.edu/"><img src="http://i920.photobucket.com/albums/ad48/himynameisparth/columbia_logo_zpse5bce01f.jpg" width="215" height="100" align="top"></a></td>
<td width="53%" height="53" align="right" valign="bottom" style="text-align: right"><p>Columbia University NanoMechanists</p>
</p></td>
</tr>
</table>
</div>
<div id="div10" class="clearfix fluid">
<nav id='menu'> <input type='checkbox'/> <label>≡<span>Navigation</span></label> <ul class="fluid"> <li><a href='http://openwetware.org/wiki/Biomod/2013/CUMC'>Home</a></li> <li><a href='about.html'>About Us</a></li> <li><a href='Images.html'>Project<font size='1'>▼</font></a> <ul class='menus'> <li><a href='Intro.html'>Abstract and Introduction</a></li> <li><a href='Methods.html'>Materials and Methods</a></li> <li><a href='Results.html'>Results and Discussion</a></li> <li><a href='Conclusion.html'>Conclusion</a></li> <li><a href='https://skydrive.live.com/view.aspx?resid=6006BCA28B2E2BAF!123&app=OneNote&authkey=!AC3_eA_y21JncjE'>Lab Notes</a></li> <li><a href='Images.html'>Images</a></li> <li><a href='vid.html'>Video</a></li> </ul> </li> <li><a href='Images.html'>Related Sites<font size='1'>▼</font></a> <ul class='menus'> <li><a href='http://www.cumc.columbia.edu/dept/medicine/BasicResearchers/Stojanovic.html'>Stojanovic Research Site</a></li> </ul> </li>
</ul> </nav> </div>
<h1>Renderings</h1> <table width="100%" border="0">
<tr> <th height="400" scope="col"><img src="https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.89.png/643345719" width="100%"> </th> </tr> <tr> <td height="400"><img src= "https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.90.png/643345725" width="100%"> </td> </tr> <tr> <td height="400"><img src="https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.91.png/643345826" width="100%"> </td> </tr> <tr> <td height="400"><img src="https://ws.cubby.com/p/_d8eddb4b2adc4c8196c102bc1663e4e7/Rendering%20for%20Website/Octagon%20Assembly%20for%20Rendering%20Ver2.95.png/643437535" width="100%"> </td> </tr>
</table>
<p>The first and second renderings show the aptamer lock closing. In the third rendering, the aptamer lock has sensed the presence of the molecule it was designed to be specific to. Thus, it's payload is released (fourth rendering).</p>
<div id="div5" class="clearfix fluid"> Quick Links </div> <div id="div9" class="clearfix fluid">
</div>
<div id="div8" class="clearfix fluid">
<table width="100%" table height="10px" border="0" style="background-image:url(../lts_website/images/gradient_bar_bevel3.jpg);">
<tr> <td></td> </tr>
</table> </div>
<div id="div6" class="clearfix fluid">
<table width="100%" class="rounded" border="0" style="background-image:url(../lts_website/images/gray_gradient.jpg); border-image:round;">
<tr>
<td rowspan="2"><table width="100%" border="0">
<tr>
<td height="34" align="left" valign="top" class="visit2">Stojanovic Research Group</td>
</tr>
</table></td>
<td height="36" align="right" class="visit3">© 2013 by NanoMechanists</td>
</tr>
<tr>
<td align="right" valign="bottom" class="visit3">Site is best viewed in full screen (site adapts to screen size)<br></td>
</tr>
</table>
</div>
</div>
<!-- <script type="text/javascript">
$(document).ready(function(){
$(".fancybox").fancybox();
});
</script> -->
</body>
</html>
