Biomod/2013/OSU/team
<html> </div> </div> </div> <head> <style type='text/css'>
.firstHeading, #column-one, #p-bookmarks, #p-history , .portlet{ display:none; }
- bodyContent, #content{
display:none; background-color:#FFFFFF;
}
- column-content, .container, #globalWrapper, body{
background-color:#FFFFFF; }
p{ color:dimgrey; text-align:center; margin-left:auto; margin-right:auto; font-gamily:Calibri; font-size: 15px; }
.selflink{ display: table-cell;
text-decoration: none; font-family: Gill Sans MT; outline: none; font-size: 20px; color: dimgrey; border-right: 2px solid dimgray; padding: 15px 25px; /* sets button size */ font-weight:normal;
}
ul.navigation-bar {
list-style-type: none; border: 2px solid dimgray; padding: 0px; margin-left: 20px;
width:615px;
*line-height: 3.2em; /* IE6,IE7 */ }
ul.navigation-bar li {
display: table-cell;
background-image: -webkit-linear-gradient(bottom, silver, azure); background-image: -moz-linear-gradient(bottom, silver, azure); background-image: -ms-linear-gradient(bottom, silver, azure); background-image: linear-gradient(bottom, silver, azure); background-color: midnightblue; /* IE6...IE9 */ *display: inline; /* IE6,IE7 */
}
ul.navigation-bar li:hover {
background-image: -webkit-linear-gradient(top, silver, azure); background-image: -moz-linear-gradient(top, silver, azure); background-image: -ms-linear-gradient(top, silver, azure); background-image: linear-gradient(top, silver, azure);
}
ul.navigation-bar li a, ul.navigation-bar li ul li a {
display: table-cell; text-decoration: none; font-family: Gill Sans MT; outline: none; font-size: 20px; color: dimgrey; border-right: 0px; padding: 15px 25px; /* sets button size */ }
ul.navigation-bar li ul{ list-style: none; display: none; position: absolute; padding: 0px; margin: 1px 0px 0px -1px; background-color:#FFFFFF; border: 1px solid dimgrey; z-index:5; } ul.navigation-bar li ul li{ background-image: none; background-color:#FFFFFF; border-right: none; border: 0px solid dimgray; display: block; float: none; position: relative; }
ul.navigation-bar li ul li:hover{ background-image:none; background-color: lightgrey; }
ul.navigation-bar li:hover ul{ list-style: none; display: block; position: absolute; }
ul.navigation-bar li a{ display: block; }
.profile-right{ clear:both; }
.profile-right p{ text-align:left; float: left; } .profile-right img{ float: right; padding: 20px; }
.profile-left{ clear:both; }
.profile-left p{ text-align:left; float:left; }
.profile-left img{ float: left; padding:20px; }
- OSUfooter{
clear:both; }
- protocol-content table td{
border: 1px solid black; text-align:center; }
- protocol-content p{
text-align:left; }
.overlay-bg{ display:none; position:fixed; top:0; left:0; height:100%; width:100%; cursor: pointer; background: #000; background: rgba(0,0,0,0.75); }
.overlay-content{ background:#fff; padding:1%; width: 60%; position: relative; top:15%; left:50%; margin: 0 0 0 -30%; cursor: default; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.9);
}
.close-btn{ float:right; font-size:x-large; margin-top:-10px; }
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript"> $(document).ready(function() {
$('.show-popup').click(function(event){
event.preventDefault();
$('.overlay-bg').show();
});
$('.close-btn').click(function(){ $('.overlay-bg').hide(); });
$('.overlay-bg').click(function(){
$('.overlay-bg').hide();
});
$('.overlay-content').click(function(){ return false; });
}); </script>
</head>
<!-- navbar -->
<a href="http://openwetware.org/wiki/Biomod/2013"> << Back to Team Pages</a>
<center>
<img src="http://openwetware.org/images/1/15/Ohiomod2013.jpg" height="60%" width="60%" style="margin-left:-40px;"> <div id="navbar" style="margin-left:auto; margin-right:auto;text-align:center;width:650px;height:auto;" > <ul id="homebutton" class="navigation-bar"> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">About</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/abstract">Abstract</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/goals">Goals</a></li>
<li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/about">Description</a> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Project</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/experiments">Life of Project</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/protocol">Protocols</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/labnotes">Lab Notes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/meetingnotes">Meeting Notes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/resources">Resources</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Results</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/results">Experimental Results</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/data">Data</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/futurework">Future Work</a></li> </li> </ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/media">Media</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/projectvideo">Project Video</a><li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/animations">Animations</a><li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/videoblogs">Video Blog</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/photos">Photos</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2013/OSU/team">Team</a></li> </ul>
</div>
</center> </html>
Edit
<html>
<div id="media-container" style="width:65%;margin-left:auto;margin-right:auto;">
<div class="profile-right"> <h1>Rachel Frederick</h1> <img src="http://www.ohiounionphotos.org/Student-Organizations/Student-Organization-Events/Biomolecular-Design-Team/i-4V5Z5wD/0/L/IMG_1084-L.jpg" height="310" width="210"/> <p> Major - Biomedical Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - I was a competitive Irish step dancer for many years. </p>
</div>
<div class="profile-left"> <h1>Paul Gruenbacher</h1> <img src="http://www.ohiounionphotos.org/Student-Organizations/Student-Organization-Events/Biomolecular-Design-Team/i-rQNpvkP/0/M/IMG_1081-M.jpg" height="310" width="210" /> <p> Major - Chemical Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - I have gymnophobia and once auditioned for blue-man group. </p> </div>
<div class="profile-right"> <h1>Patrick Halley</h1> <img src="http://www.ohiounionphotos.org/Student-Organizations/Student-Organization-Events/Biomolecular-Design-Team/i-XWzWX34/0/M/IMG_1087-M.jpg" height="310" width="210"/> <p> Major - Chemical Engineering <br> <br> Graduation Year - 2014 <br> <br> Fun Fact - I went to culinary school. <br> <br> </p>
</div>
<div class="profile-left"> <h1>Tyler Hampton</h1>
<p> Major - Mechanical Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - I have practiced martial arts for 14 years. </p> </div>
<div class="profile-right"> <h1>Mike Haupt</h1> <p> Major - Biochemistry <br> <br> Graduation Year - 2014 <br> <br> Fun Fact - I played soccer in Europe. <br> <br> </p> </div>
<div class="profile-left"> <h1>Mike Hudoba</h1>
<p> Major - Mechanical Engineering <br> <br> Graduation Year - 2015 (PhD) <br> <br> Fun Fact - My jaw is held together by titanium plates. </p> </div>
<div class="profile-right"> <h1>Nate Huntsberger</h1> <p> Major - Mechanical Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - I took Latin for four years in high school. <br> <br> </p> </div>
<div class="profile-left"> <h1>Josh Javor</h1> <p> Major - Mechanical Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - Half of my tongue is completely numb. <br> <br> </p> </div>
<div class="profile-right"> <h1>Alex Marras</h1> <p> Graduate Student Advisor <br> <br> Major - Mechanical Engineering <br> <br> Graduation Year - 2017 <br> <br> Fun Fact - No fun facts. <br> <br> </p>
<div class="profile-left"> <h1>Emily Martin</h1> <p> Major - Chemical Engineering <br> <br> Graduation Year - 2016 <br> <br> Fun Fact - No fun facts. <br> <br> </p>
</div>
<div class="profile-right"> <h1>Elizabeth Meurer</h1> <p> Major - Biomedical Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - Grocery shopping is my guilty pleasure. <br> <br> </p> </div>
<div class="profile-left">
<h1>Carl Miller</h1>
<p>
Graduate Student Advisor
<br>
<br>
Major - Mechanical Engineering
<br>
<br>
Graduation Year - 2018
<br>
<br>
Fun Fact - I was hit by a car mid project and broke my leg.
<br>
<br>
</p>
</div>
<div class="profile-right"> <h1>Molly Mollica</h1> <img src="http://www.ohiounionphotos.org/Student-Organizations/Student-Organization-Events/Biomolecular-Design-Team/i-xWrS7Lc/0/M/IMG_1079-M.jpg" height="310" width="210"/> <p> Graduate Student Advisor <br> <br> Major - Biomedical Engineering <br> <br> Graduation Year - 2014 <br> <br> Fun Fact - I love coffee. <br> <br> </div>
<div class="profile-left">
<h1>Doug Montjoy</h1>
<img src="http://www.ohiounionphotos.org/Student-Organizations/Student-Organization-Events/Biomolecular-Design-Team/i-z5znGtX/0/M/IMG_1082-M.jpg" height="310" width="210"/>
<p>
Major - Chemical Engineering
<br>
<br>
Graduation Year - 2014
<br>
<br>
Fun Fact - I can cluck numerous songs/melodies.
<br>
<br>
</p>
</div>
<div class="profile-right"> <h1>Vidhi Patel</h1> <img src="http://www.ohiounionphotos.org/Student-Organizations/Student-Organization-Events/Biomolecular-Design-Team/i-6K599T7/0/M/IMG_1083-M.jpg" height="310" width="210"/> <p> Major - Chemical Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - I speak four languages <br> <br> </p>
</div>
<div class="profile-left"> <h1>Sandy Rathnayaka</h1> <img src="http://www.ohiounionphotos.org/Student-Organizations/Student-Organization-Events/Biomolecular-Design-Team/i-wqfFgRS/0/M/IMG_1080-M.jpg" height="310" width="210"/> <p> Major - Chemical Engineering <br> <br> Graduation Year - 2013 <br> <br> Fun Fact - I grew up speaking four languages in three countries. <br> <br> </p>
</div>
<div class="profile-right"> <h1>Mike Zoller</h1> <p> Major - Computer Science and Engineering <br> <br> Graduation Year - 2015 <br> <br> Fun Fact - I can't straighten my right arm. <br> <br> </p> </div>
</div>
</html>
<html>
<head> <style>
- Footer table {
width: 96.8%; max-width:2350px; bottom:0px; height:50px; /* Height of the footer */ font-weight:300; background-color: #2E2E2E; text-align:center; color: white; font-size:13px; border: 3px white solid;
}
- Footer {
clear: both; /*may be omitted*/ position: absolute; bottom: 12px; background-color:#fffff; width: 100%; height: 40px; /* or anything you like */ }
</style>
</head>
<div id="Footer" >
<table>
<tr>
<td id="osuicon" align="left"><a href="http://www.osu.edu" target="_blank"><img src="http://openwetware.org/images/c/cd/TheOhioStateUniversity-REV-Horiz-RGBHEX.png"height="30" width="190" /></td>
<td id="email">Contact us at <a href="mailto:theohiomod@gmail.com"><font color="white">theohiomod@gmail.com</a></td>
<td id="nblicon"><a href="http://mae.osu.edu/labs/nbl/"target="_blank"><img src="http://openwetware.org/images/e/e9/NBL_logo-RGBHEX.png"height="40" width="40"/></td>
<td id="fbicon"><a href="http://www.facebook.com/OhioMod?fref=photo"target="_blank"><img src="http://openwetware.org/images/3/3f/Facebook_icon.png"height="40" width="40"/></td>
</tr>
</table>
</div>
</html>
