Biomod/2013/CUMC/about.html: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
Masaharu Ono (talk | contribs) (New page: <html> <body> <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1...) |
Masaharu Ono (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | |||
<meta charset="utf-8"> | |||
<meta name="viewport" content="width=device-width, initial-scale=1"> | |||
<title>Meet the NanoMechanists</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"> --> | |||
<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> | <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; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 15px;"><p>Columbia University NanoMechanists</p> | |||
<p>Dept of Experimental <span style="color: #009">Therapeutics</span></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='index2.html'>Home</a></li> | |||
<li><a href='about.html'>About Us</a></li> | |||
<li><a href='about.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='about.html'>Video</a></li> | |||
</ul> | |||
</li> | |||
<li><a href='about.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> | |||
<table width="100%" border="0"> | |||
<tr> | |||
<th width="25%" align="left" scope="col"><img src=https://scontent-b-lga.xx.fbcdn.net/hphotos-frc3/543181_10100537658160535_1623549233_n.jpg width="188" height="243"> </th> | |||
<th width="25%" scope="col"><img src="https://scontent-a-lga.xx.fbcdn.net/hphotos-prn1/536154_10150813321766533_807790728_n.jpg"></th> | |||
<th width="25%" scope="col"><img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/1402374_3459467582164_766437595_o.jpg" width="205" height="154"></th> | |||
<th width="25%" align="right" scope="col"><img src="https://scontent-a-lga.xx.fbcdn.net/hphotos-ash4/268971_1778292183760_2721796_n.jpg" width="216" height="162"></th> | |||
</tr> | |||
<tr> | |||
<td height="159"> <p style="font-size: 16px"> Amy Jobe earned her bachelor's in biology in 2010 from Cornell, near her small upstate hometown. She is currently pursuing a PhD in biology at Columbia, in Joachim Frank's lab. The lab produces and studies high-resolution structures of ribosomes with cryo-electron microscopy, both in order to understand the mechanism of protein translation and to identify potential drug targets on the ribosomes of parasites. In the long run, though, her plan is to either save the world from climate change or at least become a better rock climber. </p> | |||
<td> <p style="font-size: 16px">Tim Sauder is currently a Columbia Undergraduate Senior. He currently works under Milan Stojanovic at Columbia University Medical Center studying nucleic acid based nano-structures. Fun fact: Timfound skydiving to be just as he expected it to be... remarkably boring.</p></td> | |||
<td> <p style="font-size: 16px"> Parth Trivedi is a Cornell University undergraduate student currently pursuing a B.S. in Chemical Engineering, with a Molecular Biology Engineering concentration. He hopes to either go on to getting a PhD and working in the pharmaceuticals industry or going to med school and becoming a doctor. His favorite class thus far has been Physical Chemistry. In his free time, Parth enjoys playing basketball and writing raps.</td> | |||
<td> <p style="font-size: 16px">Masa is a current senior at Tenafly High School. He wants to major in Biomedical Engineering next year as he enrols in college. Current research lies in DNA based nano-structures with the DNA origami method. He likes to play ping pong on his down time.</p></td> | |||
</tr> | |||
</table> | |||
<table width="100%" class="rounded" border="0" style="background-image:url(http://i920.photobucket.com/albums/ad48/himynameisparth/gray_gradient_zps8eb773b0.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> | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 00:53, 27 October 2013
<html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Meet the NanoMechanists</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"> --> <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; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', Verdana, sans-serif; font-size: 15px;"><p>Columbia University NanoMechanists</p>
<p>Dept of Experimental <span style="color: #009">Therapeutics</span></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='index2.html'>Home</a></li> <li><a href='about.html'>About Us</a></li> <li><a href='about.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='about.html'>Video</a></li> </ul> </li> <li><a href='about.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>
<table width="100%" border="0">
<tr> <th width="25%" align="left" scope="col"><img src=https://scontent-b-lga.xx.fbcdn.net/hphotos-frc3/543181_10100537658160535_1623549233_n.jpg width="188" height="243"> </th> <th width="25%" scope="col"><img src="https://scontent-a-lga.xx.fbcdn.net/hphotos-prn1/536154_10150813321766533_807790728_n.jpg"></th> <th width="25%" scope="col"><img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash3/1402374_3459467582164_766437595_o.jpg" width="205" height="154"></th> <th width="25%" align="right" scope="col"><img src="https://scontent-a-lga.xx.fbcdn.net/hphotos-ash4/268971_1778292183760_2721796_n.jpg" width="216" height="162"></th> </tr> <tr> <td height="159"> <p style="font-size: 16px"> Amy Jobe earned her bachelor's in biology in 2010 from Cornell, near her small upstate hometown. She is currently pursuing a PhD in biology at Columbia, in Joachim Frank's lab. The lab produces and studies high-resolution structures of ribosomes with cryo-electron microscopy, both in order to understand the mechanism of protein translation and to identify potential drug targets on the ribosomes of parasites. In the long run, though, her plan is to either save the world from climate change or at least become a better rock climber. </p> <td> <p style="font-size: 16px">Tim Sauder is currently a Columbia Undergraduate Senior. He currently works under Milan Stojanovic at Columbia University Medical Center studying nucleic acid based nano-structures. Fun fact: Timfound skydiving to be just as he expected it to be... remarkably boring.</p></td> <td> <p style="font-size: 16px"> Parth Trivedi is a Cornell University undergraduate student currently pursuing a B.S. in Chemical Engineering, with a Molecular Biology Engineering concentration. He hopes to either go on to getting a PhD and working in the pharmaceuticals industry or going to med school and becoming a doctor. His favorite class thus far has been Physical Chemistry. In his free time, Parth enjoys playing basketball and writing raps.</td> <td> <p style="font-size: 16px">Masa is a current senior at Tenafly High School. He wants to major in Biomedical Engineering next year as he enrols in college. Current research lies in DNA based nano-structures with the DNA origami method. He likes to play ping pong on his down time.</p></td> </tr>
</table>
<table width="100%" class="rounded" border="0" style="background-image:url(http://i920.photobucket.com/albums/ad48/himynameisparth/gray_gradient_zps8eb773b0.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> </body> </html>
