Team:Arizona State/Team
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html lang="en"> | |
+ | <head> | ||
+ | <style type="text/css"> | ||
- | {{: | + | a { |
+ | color: #991133; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .clear { | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | #col_left{ | ||
+ | float: left; | ||
+ | width: 100px; | ||
+ | padding: 5px 22px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #col_right{ | ||
+ | float: right; | ||
+ | width: 100px; | ||
+ | padding: 30px 28px 30px 15px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #col_nav{ | ||
+ | float: left; | ||
+ | width: 242px; | ||
+ | padding: 30px 28px 30px 15px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #block-content{ | ||
+ | padding-bottom: 15px; | ||
+ | clear:both; | ||
+ | } | ||
+ | #center{ | ||
+ | float:left; | ||
+ | padding-bottom: 35px; | ||
+ | margin-bottom:10px; | ||
+ | border-top: 1px dotted #999; | ||
+ | border-bottom: 1px dotted #999; | ||
+ | clear:both; | ||
+ | } | ||
+ | |||
+ | .col_list ul{ | ||
+ | list-style-type:none; | ||
+ | list-style-image:none; | ||
+ | background-image:none; | ||
+ | } | ||
+ | .col_list li{ | ||
+ | background-color:#E3E3E3; | ||
+ | padding: 5px 15px; | ||
+ | } | ||
+ | .bio { | ||
+ | clear:both; | ||
+ | padding-bottom: 20px; | ||
+ | border-bottom: 1px solid #ccc; | ||
+ | } | ||
+ | .bio img { | ||
+ | float:left; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | </html> | ||
+ | |||
+ | <html> | ||
+ | <head> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $('.bio').css('display','none'); | ||
+ | $('.col_list li').css('cursor','pointer'); | ||
+ | $('.col_list li').hover(function() { | ||
+ | $(this).css('background-color','#a70000'); | ||
+ | }, function() { | ||
+ | $(this).css('background-color','#E3E3E3'); | ||
+ | }); | ||
+ | |||
+ | $('.col_list li').click(function () { | ||
+ | $('.bio').hide(); | ||
+ | var name = $(this).attr('id'); | ||
+ | $('#'+name+'bio').fadeIn(500); | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="col_nav"> | ||
+ | <div class="col_list"> | ||
+ | <h2>Undergraduates</h2> | ||
+ | <ul> | ||
+ | <li id="np">Nisarg Patel</li> | ||
+ | <li id="am">Abhinav Markus</li> | ||
+ | <li id="rm">Ryan Muller</li> | ||
+ | <li id="ew">Ethan Ward</li> | ||
+ | <li id="rr">Rohit Rajan</li> | ||
+ | <li id="eq">Ellen Qin</li> | ||
+ | <li id="hh">Hyder Hussain</li> | ||
+ | <li id="ai">Amanda Ispas</li> | ||
+ | <li id="ms">Madeline Sands</li> | ||
+ | <li id="mj">Melinda Jenner</li> | ||
+ | </ul> | ||
+ | </div><!-- end undergrads --> | ||
+ | <div class="col_list"> | ||
+ | <h2>Instructors & Advisors</h2> | ||
+ | <ul> | ||
+ | <li id="xw">Xiao Wang</li> | ||
+ | <li id="kh">Karmella Haynes</li> | ||
+ | <li id="vp">Vincent Pizziconi</li> | ||
+ | <li id="ks">Kylie Standage-Beier</li> | ||
+ | </ul> | ||
+ | </div><!-- end instructors--> | ||
+ | </div><!--end col_nav--> | ||
+ | |||
+ | <div style="float:left"> | ||
+ | <div id="col_left"> | ||
+ | |||
+ | <div class="bio" id="npbio"> | ||
+ | <h1>Nisarg Patel</h1> | ||
+ | <img src="insert nisarg image here" style="max-width:350px; margin-right:10px;"/> | ||
+ | Nisarg Patel is a junior studying Molecular Biosciences & Biotechnology and Political Science at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="ambio"> | ||
+ | <h1>Abhinav Markus</h1> | ||
+ | <img src="insert abhi picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Abhinav Markus is a junior studying Biomedical Engineering at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="rmbio"> | ||
+ | <h1>Ethan Ward</h1> | ||
+ | <img src="insert ryan picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Ethan Ward is a sophomore studying Biochemistry and Molecular Biosciences & Biotechnology at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="ewbio"> | ||
+ | <h1>Ethan Ward</h1> | ||
+ | <img src="insert ethan picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Ethan Ward is a senior studying Biomedical Engineering at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="rrbio"> | ||
+ | <h1>Rohit Rajan</h1> | ||
+ | <img src="insert rohit picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Rohit Rajan is a sophomore studying Biochemistry at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="eqbio"> | ||
+ | <h1>Ellen Qin</h1> | ||
+ | <img src="insert ellen picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Ellen Qin is a junior studying Chemical Engineering at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="hhbio"> | ||
+ | <h1>Hyder Hussain</h1> | ||
+ | <img src="insert hyder picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Hyder Hussain is a junior studying Biomedical Engineering at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="aibio"> | ||
+ | <h1>Amanda Ispas</h1> | ||
+ | <img src="insert amanda picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Amanda Ispas is a senior studying Biomedical Engineering at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="msbio"> | ||
+ | <h1>Madeline Sands</h1> | ||
+ | <img src="insert maddie picture here" style="max-width:300px; margin-right:10px;"/> | ||
+ | Madeline Sands is a senior studying Medical Anthropology at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="mjbio"> | ||
+ | <h1>Melinda Jenner</h1> | ||
+ | <img src="insert melinda picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Melinda Jenner is a sophomore studying Biomedical Engineering at ASU. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="xwbio"> | ||
+ | <h1>Xiao Wang</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/d0/ASU_Xiao_wang.jpg" style="max-width:250px; margin-right:10px;"/> | ||
+ | Dr. Wang, our faculty mentor, is an assistant professor in the School of Biological and Health Systems Engineering. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="khbio"> | ||
+ | <h1>Karmella Haynes</h1> | ||
+ | <img src="insert dr haynes picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Dr. Haynes, our faculty mentor, is an assistant professor in the School of Biological and Health Systems Engineering. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="vpbio"> | ||
+ | <h1>Vincent Pizziconi</h1> | ||
+ | <img src="insert dr p picture here" style="max-width:250px; margin-right:10px;"/> | ||
+ | Dr. Pizziconi, our faculty mentor, is an associate professor in the School of Biological and Health Systems Engineering. | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | <div class="bio" id="ksbio"> | ||
+ | <h1>Kylie Standage-Beier</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/7/7e/ASU_Kylie.jpg" style="max-width:250px; margin-right:10px;"/> | ||
+ | Kylie Standage-Beier, our team advisor, is a ASU iGEM 2011 Alumnus and a junior majoring in Genetics, Cell and Developmental Biology. | ||
+ | <div class="clear"></div> | ||
+ | </div> |
Revision as of 01:36, 4 July 2012