Difference between revisions of "Team:Virginia/Team"

 
(205 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Virginia}}
 
{{Virginia}}
 
<html>
 
<html>
  <head>
+
    <head>
    <!-- Bootstrap import -- Latest compiled and minified CSS -->
+
        <!-- Bootstrap import -- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type=”text/css”>
+
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css">
  <base href=”” target=”_blank”>
+
        </head>
  </head>
+
        <body>
  <body>
+
            <div id="top-part">
    <div id=”top-part”>
+
<a href="http://virginia.edu">
      <p id=”above-nav”>University of Virginia iGEM 2015</p>
+
<div style="position: fixed;
      <div id=”icon-box”>
+
top: 34px;
        <a href=”https://twitter.com/Virginia_iGEM”><img id=”twitter” src=”/File:Virginia_twitter_white.png”></img></a>
+
z-index:20;
        <a href=”#”><img id=”facebook” src=”#”></img></a>
+
margin-left:26.5%;">
      </div>
+
<img style="height:32px;
    </div>
+
width:32px;" src="/wiki/images/d/df/Virginia_rotunda2.png">
    <div class="nav">
+
</div></a>
      <div class="container">
+
                <p id="above-nav">University of Virginia iGEM 2015</p>
        <ul class="pull-left">
+
                <div id="icon-box">
          <li><a href="/Team:Virginia">Home</a></li>
+
                    <a href="https://twitter.com/Virginia_iGEM">
        </ul>
+
                        <img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img>
        <ul class="pull-right">
+
                    </a>
          <li><a href="/Team:Virginia/Team">Team</a></li>
+
                    <a href="https://www.facebook.com/uvaigem">
          <li><a href="/Team:Virginia/Project">Project</a></li>
+
                        <img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img>
          <li><a href="/Team:Virginia/Practices">Policy and Practices</a></li>
+
                    </a>
          <li><a href="/Team:Virginia/Attributions">Attributions</a></li>
+
                </div>
          <li><a href="/Team:Virginia/Contact_us">Contact Us</a></li>
+
            </div>
        </ul>
+
            <div class="nav">
      </div>
+
                <div class="container">
    </div>
+
                    <ul class="pull-left">
    <div id=”team-info”>
+
                        <li>
    <div class=”container”>
+
                            <a href="/Team:Virginia">Home</a>
    <div class=”team-box” id=”team-box-1”>
+
                        </li>
<img id=”team-pic-1” src=”https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u”></img>
+
                    </ul>
    </div>
+
                    <ul class="pull-right">
    <div class=”team-box” id=”team-box-2”>
+
                        <li>
<img id=”team-pic-2” src=”https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u”></img>
+
                            <a href="/Team:Virginia/Team">Team</a>
    </div>
+
                        </li>
    <div class=”team-box” id=”team-box-3”>
+
                        <li>
<img id=”team-pic-3” src=”https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u”></img>
+
                            <a href="/Team:Virginia/Project">Project</a>
    </div>
+
                        </li>
    <div class=”team-box” id=”team-box-4”>
+
                        <li>
<img id=”team-pic-4” src=”https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u”></img>
+
                            <a href="/Team:Virginia/Practices">Policy and Practices</a>
    </div>
+
                        </li>
</div>
+
                        <li>
</div>
+
                            <a href="/Team:Virginia/Attributions">Attributions</a>
<div id="pattern" class="pattern">
+
                        </li>
  <ul class="g">
+
                        <li>
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
                            <a href="/Team:Virginia/Contact_us">Contact Us</a>
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
                        </li>
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
                    </ul>
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
                </div>
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
            </div>
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
            <!-- POPUP SCRIPTS-->
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
            <script type="text/javascript">
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
jQuery(document).ready(function(){
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
$("#supraja-box").click(function(){
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
<li><a href="#"><img src="http://bradfrost.github.com/this-is-responsive/patterns/images/fpo_square.png" alt="Product Name" /></a></li>
+
</ul>
+
</div>
+
  
    </div>
 
    <div id=”footer”>
 
      <div class=”container”>
 
        <div class = “imagebox”>
 
          <img src=”https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQcmNTJm1k25IzH8pF4Vm0tSKdIek00FaqmZJqtkJpxBoeemH5u”></img>
 
        </div>
 
        <div class=”textbox”>
 
          <p class=”bolded”>University of Virginia iGEM</p>
 
          <p>148 Gilmer Hall</p>
 
          <p>485 McCormick Road</p>
 
          <p>Charlottesville, VA 22903</p>
 
          <p>United States of America</p>
 
  
          <p style=”margin-top:5px;color:#00ffff;>virginia.igem@gmail.com</p>
+
$("#popup-supraja").fadeIn("medium");
        </div>
+
});
      </div>
+
$("#popup-supraja").click(function(){
    </div>
+
$("#popup-supraja").fadeOut("medium");
    <script type=”text/javascript”>
+
});
      $(document).ready(function(){
+
$("#dominic-box").click(function(){
      // jQuery here
+
$("#popup-dominic").fadeIn("medium");
      });
+
});
    </script>
+
$("#popup-dominic").click(function(){
    <style type="text/css">
+
$("#popup-dominic").fadeOut("medium");
    #”team-info”{
+
});
width:100%;
+
$("#jingyuan-box").click(function(){
height:auto;
+
$("#popup-jingyuan").fadeIn("medium");
display:inline;
+
});
background-color:#000000;
+
$("#popup-jingyuan").click(function(){
    }  
+
$("#popup-jingyuan").fadeOut("medium");
.”team-box”{
+
});
clear:both;
+
$("#liam-box").click(function(){
    width:30%;
+
$("#popup-liam").fadeIn("medium");
height:250px;
+
$("#popup-liam").css("top","800px");
height:auto;
+
});
display:inline-block;
+
$("#popup-liam").click(function(){
margin-left:1.5%;
+
$("#popup-liam").fadeOut("medium");
margin-right:1.5%;
+
});
margin-top:2%;
+
$("#rena-box").click(function(){
border-radius:10px;
+
$("#popup-rena").fadeIn("medium");
border: 1px solid #ffffff;
+
$("#popup-rena").css("top","800px");
      }
+
});
.”team-box” img {
+
$("#popup-rena").click(function(){
width:100%;
+
$("#popup-rena").fadeOut("medium");
height:auto;
+
});
overflow:hidden;
+
$("#issac-box").click(function(){
 +
$("#popup-issac").fadeIn("medium");
 +
$("#popup-issac").css("top","800px");
 +
});
 +
$("#popup-issac").click(function(){
 +
$("#popup-issac").fadeOut("medium");
 +
});
 +
$("#sean-box").click(function(){
 +
$("#popup-sean").fadeIn("medium");
 +
$("#popup-sean").css("top","1100px");
 +
});
 +
$("#popup-sean").click(function(){
 +
$("#popup-sean").fadeOut("medium");
 +
});
 +
$("#shiran-box").click(function(){
 +
$("#popup-shiran").fadeIn("medium");
 +
$("#popup-shiran").css("top","1100px");
 +
});
 +
$("#popup-shiran").click(function(){
 +
$("#popup-shiran").fadeOut("medium");
 +
});
 +
$("#connor-box").click(function(){
 +
$("#popup-connor").fadeIn("medium");
 +
$("#popup-connor").css("top","1100px");
 +
});
 +
$("#popup-connor").click(function(){
 +
$("#popup-connor").fadeOut("medium");
 +
});
 +
});
 +
 
 +
</script>
 +
            <!-- OTHER STRUCTURAL CODE GOES BELOW HERE -->
 +
            <!-- Pop-ups structural code -->
 +
            <!-- Supraja’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-supraja">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/1/10/Virginia_supraja2.jpg"></img>
 +
                    <h3>Supraja Chittari</h3>
 +
                    <h5>Poster and Presentation Coordinator & Biological Research Team Member</h5>
 +
                    <h4>Class of 2018 - College of Arts & Sciences, Undeclared</h4>
 +
                    <p>Supraja Chittari is a rising second-year at the University of Virginia from Vienna, Virginia. Supraja can’t quite make up her mind about what she’s studying, but we know it’ll be something that’s fairly science-heavy. A dedicated member of iGEM 2015’s so-called BioSquad, she can be seen in the lab at ungodly hours of the night screaming something about failed competent cells.</p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Dominic’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-dominic">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/6/6f/Virginia_dominic2.jpg"></img>
 +
                    <h3>Dominic Ritchey</h3>
 +
                    <h5>Wiki Programmer and Co-Chief Financial Officer</h5>
 +
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Computer Science & Biology</h4>
 +
                    <p> Dominic Ritchey is a rising second-year at the University of Virginia from Columbus, Ohio. Dominic is studying Computer Science and Biology because he has no idea yet what he wants to do with his life. Dominic is the Chief Financial Officer and Wiki Programmer for the team, so he has not even touched a pipette in the lab as of yet. Dominic is a dedicated member of the so-called Ca$hCrew, and he can often be found camped-out in a U.Va. library coding for hours on end.  </p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Jingyuan’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-jingyuan">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/a/ac/Virginia_jingyuan2.jpg"></img>
 +
                    <h3>Jingyuan Zhang</h3>
 +
                    <h5>Laboratory Technician & Biological Research Team Member</h5>
 +
                    <h4>Class of 2017 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
 +
                    <p>Jingyuan Zhang is a rising third-year at the University of Virginia from Beijing, China, and she studies Biomedical Engineering. Jingyuan is a dedicated member of the BioSquad, and officially she is one of the team laboratory technicians. Jingyuan can frequently be found running hastily around the lab with multiple timers going off. </p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Liam’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-liam">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/1/1e/Virginia_liam2.jpg"></img>
 +
                    <h3>Liam Wolf</h3>
 +
                    <h5>Administrator, Co-Chief Financial Officer and Policy & Practices Team Member</h5>
 +
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Systems Engineering</h4>
 +
                    <p>Liam Wolf is a rising second-year at the University of Virginia from Pittsburgh, Pennsylvania. Liam is studying Systems Engineering, even though no one really knows what that is. Liam is involved in just about everything the team does, whether he is asked or not, and the team lovingly (and mostly jokingly) refers to him as the Overlord. Officially, Liam is the team Administrator, though he is also involved in every other part of the project. Liam claims that, one day, all 9 team members will get together for a team-building activity, but no one really believes it. </p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Rena’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-rena">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/9/9d/Virginia_rena2.jpg"></img>
 +
                    <h3>Rena Yuan</h3>
 +
                    <h5>Policy & Practices and Biology Research Team Member</h5>
 +
                    <h4>Class of 2018 - College of Arts and Sciences, Biology and Statistics</h4>
 +
                    <p> Rena Yuan is a rising second-year at the University of Virginia studying biology and statistics. Rena is originally from Long Island, New York, but is now a NOVA (Northern Virginia) transplant. Rena is a dedicated member of the so-called BioSquad and though she works full-time in another position, she can frequently be seen coming into the lab at 4:00 am in order to get some of her work done, even when she knows that she’s not expected to do so.</p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Issac’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-issac">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/3/38/Virginia_issac2.jpg"></img>
 +
                    <h3>Issac Li</h3>
 +
                    <h5>Head of Modelling, Policy & Practices Team Member and Biology Research Team Member</h5>
 +
                    <h4>Class of 2016 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
 +
                    <p> Issac Li is a rising fourth-year at the University of Virginia studying Biomedical Engineering from Shijiazhuang, China. Issac is the official Head of Modeling for the 2015 team. Issac is a de facto addition to the BioSquad and also aids in Policy and Practices. </p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Sean’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-sean">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/a/ad/Virginia_sean2.jpg"></img>
 +
                    <h3>Sean Sequeira</h3>
 +
                    <h5>Modelling Team Member, Policy and Practices Team Member, and Finance Team Member</h5>
 +
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
 +
                    <p>Sean Sequeira is a rising second-year studying Biomedical Engineering at the University of Virginia from Glen Allen, VA.  He is a valued member of the Financial Team, the Modelling team, and the Policy and Practices team.  Sean can frequently be found working on probiotic research, figuring out sources for funding, or thinking of ways to make the Policy and Practices documentary Oscar worthy.</p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Shiran’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-shiran">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/0/0f/Virginia_shiran2.jpg"></img>
 +
                    <h3>Shiran Su</h3>
 +
                    <h5>Laboratory Technician and Biological Research Team Member</h5>
 +
                    <h4>Class of 2016 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
 +
                    <p>Shiran Su is a rising fourth-year at the University of Virginia from Nanjing, China. Shiran is finishing up her degree in Biomedical Engineering this year. Shiran is a dedicated member of the so-called BioSquad. Without fail, one can either find Shiran somewhere in the building taking a quick daytime nap on a bench or lecturing another engineering teammate about the ease of the U.Va. engineering curriculum, especially after s/he has been complaining about a difficult class.</p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Connor’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-connor">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/f/f3/Virginia_connor2.jpg"></img>
 +
                    <h3>Connor Jahelka</h3>
 +
                    <h5>Head of Policy & Practices</h5>
 +
                    <h4>Class of 2017 - College of Arts and Sciences, Biology </h4>
 +
                    <p> Connor Jahelka is a rising third-year at the University of Virginia from Fairfax, Virginia. Connor is studying biology and splits his time between a neuroscience lab and iGEM during the summer. Connor is the Head of Policy and Practices for this year’s team.  Connor has a notoriously faulty alarm clock, on which he blames his persistent lateness, and he works most effectively when given very detailed, itemized to-do lists and constant negative reinforcement, mostly provided by Liam.</p>
 +
                </div>
 +
            </div></a>
 +
            <!-- END Pop-ups structural code -->
 +
            <div class="wrapper1">
 +
                <div class="team_profile_link">
 +
                    <a href="https://igem.org/Team.cgi" >
 +
                        <div>
 +
                            <img src="/wiki/images/1/10/Virginia_igem_logo.jpg"></img>
 +
                        </div>
 +
                        <div>
 +
                            <p>Official iGEM Team Profile</p>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="team_profile_link">
 +
                    <a href="http://seas.virginia.edu/students/igem/" >
 +
                        <div>
 +
                            <img src="/wiki/images/a/a7/Virginia_rotunda.png"></img>
 +
                        </div>
 +
                        <div>
 +
                            <p>Official U.Va. iGEM Website</p>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
            <h1>University of Virginia 2015 iGEM Team Members</h1>
 +
            <p id="parenth">(click an image to learn more about any team member)</p>
 +
            <!-- BEGIN Team photos structural code -->
 +
            <div id="team-info">
 +
                <div class="container">
 +
                    <!--Supraja Chittari-->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="supraja-box">
 +
                        <img src="/wiki/images/0/06/Virginia_supraja.jpg">
 +
                            <p>Supraja Chittari</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!--Dominic Ritchey-->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="dominic-box">
 +
                        <img src="/wiki/images/a/af/Virginia_dominic.jpg">
 +
                            <p>Dominic Ritchey</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Jingyuan Zhang -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="jingyuan-box">
 +
                        <img src="/wiki/images/3/37/Virginia_jingyuan.jpg">
 +
                            <p>Jingyuan Zhang</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Liam Wolf -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="liam-box">
 +
                        <img src="/wiki/images/e/ef/Virginia_liam.jpg">
 +
                            <p>Liam Wolf</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Rena Yuan -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="rena-box">
 +
                        <img src="/wiki/images/b/bd/Virginia_rena.jpg">
 +
                            <p>Rena Yuan</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Issac Li -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="issac-box">
 +
                        <img src="/wiki/images/3/3b/Virginia_issac.jpg">
 +
                            <p>Issac Li</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Sean Sequeira -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="sean-box">
 +
                        <img src="/wiki/images/8/8e/Virginia_sean.jpg">
 +
                            <p>Sean Sequeira</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Shiran Su -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="shiran-box">
 +
                        <img src="/wiki/images/8/8b/Virginia_shiran.jpg">
 +
                            <p>Shiran Su</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Connor Jahelka -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="connor-box">
 +
                        <img src="/wiki/images/0/03/Virginia_connor.jpg">
 +
                            <p>Connor Jahelka</p>
 +
                        </img>
 +
                    </div></a>
 +
                </div>
 +
            </div>
 +
            <!-- SPECIFIC STRUCTURAL CODE ENDS HERE -->
 +
            <footer>
 +
                <div id="foot-img">
 +
                    <img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img>
 +
                </div>
 +
                <div id="foot-text">
 +
                    <p>University of Virginia iGEM</p>
 +
                    <p>148 Gilmer Hall</p>
 +
                    <p>485 McCormick Road</p>
 +
                    <p>Charlottesville, Virginia 22904</p>
 +
                    <p>United States of America</p>
 +
                    <p>
 +
                        <a href="mailto:virginia.igem@gmail.com">
 +
virginia.igem@gmail.com</a>
 +
                    </p>
 +
                </div>
 +
            </footer>
 +
            <style type="text/css">
 +
footer div img {
 +
width:auto;
 +
height:200px;
 +
}
 +
footer div {
 +
overflow:hidden;
 +
display:inline-block;
 +
float:none;
 +
}
 +
footer div:first-child {  
 +
background-image:url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ’);
 +
float:right;
 +
top:10px;
 +
height:90%;
 +
width:25%
 +
margin: 1%;
 +
display:inline;
 +
overflow:hidden;
 +
}
 +
.nav {
 +
background-color: #003F87;
 +
width:100%;
 +
float:top; 
 +
position:fixed;
 +
top:70px;
 +
z-index:10;
 +
//opacity:0.85;
 +
border-bottom:5px;
 +
border-top:0px;
 +
border-left:0px;
 +
border-right:0px;
 +
border-color:#007bb6;
 +
border-style:solid;
 +
}
 +
.nav a {
 +
color: rgb(256, 256, 256);
 +
font-size: 16px;
 +
font-weight: bold;
 +
padding: 14px 10px;
 +
text-transform: uppercase;
 +
border-radius:5px;
 +
}
 +
#top_menu_14 {
 +
border: 0px;
 
}
 
}
      .nav {
+
.nav a:hover{
      background-color: #003F87;
+
color:#fff;
      width:100%;
+
background-color:#007bb6;
      float:top; 
+
text-decoration:none;
      position:fixed;
+
      top:70px;
+
      z-index:10;
+
      //opacity:0.85;
+
      border-bottom:5px;
+
      border-top:0px;
+
      border-left:0px;
+
      border-right:0px;
+
      border-color:#007bb6;
+
      border-style:solid;
+
      }
+
      .nav a {
+
      color: rgb(256, 256, 256);
+
      font-size: 16px;
+
      font-weight: bold;
+
      padding: 14px 10px;
+
      text-transform: uppercase;
+
      border-radius:5px;
+
      }
+
      .nav a:hover{
+
      color:#fff;
+
      background-color:#007bb6;
+
      text-decoration:none;
+
      }
+
      .nav li {
+
      display: inline;
+
      font-family: "Arial";
+
      }
+
      .nav .container {
+
      padding-top:5px;
+
      padding-bottom:5px;
+
      }
+
      .row {
+
      width:100%;
+
      }
+
      #content h1.firstHeading {
+
      visibility:hidden;
+
      }
+
      #content {
+
      margin: 0px 0px 0px 0px;
+
      padding:0px 0px 0px 0px;
+
      width:100%;
+
      height:auto;
+
      background-color: rgb(0,0,0);
+
      }
+
      html {
+
      background-color:#191919;
+
      color: #fff
+
      font-family: Century Gothic, sans-serif;
+
      }
+
      #top_menu_14 {
+
      /*BORDER ATTRIBUTES*/
+
      border-top:5px solid #007bb6;
+
      background-color: #003F87;
+
      border-color:#003F87;
+
      }
+
      #top_menu_14 a:hover {
+
      opacity:1.0;
+
      background-color:#007bb6;
+
      text-decoration:none;
+
      }
+
      #”footer” {
+
      width:100%
+
      height:300px;
+
      padding:25px 25px 25px 25px;
+
      background:#007bb6;
+
      clear:both;
+
      display:inline;
+
      }
+
      #”footer” .”container” {
+
      display: inline;
+
      height:95%;
+
      }
+
      #”footer” .”container” .”imagebox” {
+
      float:left;
+
      height:height;
+
      width:200px;
+
      margin-left:20px;
+
      }
+
      p {
+
      color:white;
+
      font-family: serif;
+
      float:center;
+
      clear:both;
+
      }
+
      #“footer” .”container” .”textbox” {
+
      float:right;
+
      text-align:right;
+
      color: white;
+
      }
+
      .”bolded” {
+
      font-weight:bold;
+
      }
+
      #”above-nav”{
+
      float:left;
+
      font-size:30px;
+
      text-align:center;
+
      font-family:Helvetica;
+
      text-transform:uppercase;
+
      text-shadow: 2px 2px #007bb6;
+
      padding-left:25%;
+
      }
+
      #”top-part” a {
+
      width:auto;
+
      height:auto;
+
      margin-right:20px;
+
      }
+
      #”facebook”{
+
      height:30px;
+
      width:30px;
+
      }
+
      #”twitter”{
+
      height:30px;
+
      width:30px;
+
      }
+
      #”icon-box”{
+
      display:inline;
+
      float:right;
+
      }
+
      #”top-part”{
+
      display:inline;
+
      height:56px;
+
      position:fixed;
+
      top:14px;
+
      float:center;
+
      background:#003F87;
+
      width:100%;
+
      z-index:10;
+
      font-weight:bold;
+
      padding-top:15px;
+
      }
+
.g {
+
  padding: 0.25%;
+
overflow: hidden;
+
}
+
.g li {
+
float: left;
+
width: 50%;
+
padding: 0.25em;
+
}
+
.g img {
+
display: block;
+
}
+
.g li:nth-child(odd) {
+
clear: left;
+
}
+
+
@media screen and (min-width: 40em) {
+
.g li {
+
    width: 33.3333333333333333%;
+
  }
+
  .g li:nth-child(3n+1) {
+
  clear: left;
+
  }
+
  .g li:nth-child(odd) {
+
clear: none;
+
 
}
 
}
}
+
.nav li {
@media screen and (min-width: 55em) {
+
display: inline;
.g li {
+
font-family: Arial;
    width: 25%;  
+
  }
+
  .g li:nth-child(4n+1) {
+
  clear: left;
+
  }
+
  .g li:nth-child(3n+1) {
+
clear: none;
+
 
}
 
}
}
+
.nav .container {
@media screen and (min-width: 72em) {
+
padding-top:5px;
.g li {
+
padding-bottom:5px;
    width: 20%;
+
  }
+
  .g li:nth-child(5n+1) {
+
  clear: left;
+
  }
+
  .g li:nth-child(4n+1) {
+
clear: none;
+
 
}
 
}
}
+
.row {
@media screen and (min-width: 90em) {
+
width:100%;
.g li {
+
    width: 16.666666666%;
+
  }
+
  .g li:nth-child(6n+1) {
+
  clear: left;
+
  }
+
  .g li:nth-child(5n+1) {
+
clear: none;
+
 
}
 
}
}
+
h1 {
 
+
text-align:center;
    </style>
+
color:white;
  </body>
+
font-size:40px;
</html>
+
font-family:Arial;
 +
padding-top:20px;
 +
padding-bottom:20px;
 +
font-weight:bold;
 +
}
 +
#content h1.firstHeading {
 +
visibility:hidden;
 +
}
 +
#content {
 +
margin: 0px 0px 0px 0px;
 +
padding:0px 0px 0px 0px;
 +
width:100%;
 +
height:auto;
 +
background-color: rgb(0,0,0);
 +
}
 +
html {
 +
background-color:#191919;
 +
color: #fff
 +
font-family: Century Gothic, sans-serif;
 +
}
 +
 +
 +
footer {
 +
width:100%
 +
height:300px;
 +
padding:25px 25px 25px 25px;
 +
background:#000000;
 +
clear:both;
 +
border-top:5px solid #007bb6;
 +
}
 +
footer p:first-child {
 +
font-weight:bold;
 +
font-family:Arial;
 +
font-size:18px;
 +
text-decoration:underline;
 +
}
 +
footer a {
 +
color:#fff;
 +
text-decoration:underline;
 +
}
 +
footer p {
 +
width:auto;
 +
font-size:10px;
 +
}
 +
p {
 +
color:white;
 +
font-family: serif;
 +
float:center;
 +
clear:both;
 +
}
 +
#bolded {
 +
font-weight:bold;
 +
}
 +
#above-nav{
 +
margin-bottom:10px;
 +
float:left;
 +
font-size:30px;
 +
text-align:center;
 +
font-family:Helvetica;
 +
text-shadow: 2px 2px #007bb6;
 +
padding-left:30%;
 +
}
 +
#top-part a {
 +
width:auto;
 +
height:auto;
 +
margin-right:20px;
 +
}
 +
#facebook{
 +
height:30px;
 +
width:30px;
 +
}
 +
#twitter{
 +
height:40px;
 +
width:40px;
 +
}
 +
#facebook:hover{
 +
opacity:0.5;
 +
}
 +
#twitter:hover{
 +
opacity:0.5;
 +
}
 +
#icon-box{
 +
display:inline;
 +
float:right;
 +
}
 +
#top-part{
 +
display:inline;
 +
height:56px;
 +
position:fixed;
 +
top:14px;
 +
float:center;
 +
background:#003F87;
 +
width:100%;
 +
z-index:10;
 +
font-weight:bold;
 +
padding-top:15px;
 +
}
 +
/* OTHER STYLE CODE GOES BELOW HERE */
 +
.team-box{
 +
width:30%;
 +
height:400px;
 +
display:inline-block;
 +
margin-left:1.5%;
 +
margin-top:25px;
 +
margin-bottom:10px;
 +
border-radius:30px;
 +
border: 5px solid #007bb6;
 +
overflow:hidden;
 +
background-color:#003F87;
 +
}
 +
.team-box:hover{
 +
box-shadow: 5px 5px 10px #555555;
 +
}
 +
.team-box img {
 +
width:100%;
 +
height:auto;
 +
border-bottom: 5px solid #007bb6;
 +
}
 +
.team-box p {
 +
font-family:Arial;
 +
font-size:26px;
 +
font-weight:bold;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
text-align:center;
 +
}
 +
/* Pop-ups style code */
 +
.popup {
 +
width:80%;
 +
height:auto;
 +
background-color:#191919;
 +
border-radius:30px;
 +
position:absolute;
 +
top:500px;
 +
left:10%;
 +
z-index:5;
 +
border: 10px solid #007bb6;
 +
box-shadow: 10px 10px 20px black;
 +
}
 +
.text-wrap {
 +
padding:20px 20px 20px 20px;
 +
}
 +
.text-wrap h3 {
 +
text-align:center;
 +
font-weight:bold;
 +
text-shadow:2px 2px 1px #007bb6;
 +
color:white;
 +
margin-bottom:30px;
 +
font-size:30px;
 +
}
 +
.text-wrap h5{
 +
margin-bottom:10px;
 +
font-weight:bold;
 +
font-size:25px;
 +
text-align:center;
 +
font-weight:bold;
 +
color:white;
 +
}
 +
.text-wrap h4 {
 +
text-align:center;
 +
font-weight:bold;
 +
color:#fff;
 +
padding-bottom:25px;
 +
}
 +
.text-wrap img {
 +
width:30%;
 +
margin-left:35%;
 +
height:auto;
 +
border-radius:15px;
 +
border: 5px solid #fff;
 +
}
 +
.active {
 +
display:block;
 +
}
 +
.inactive {
 +
display:none;
 +
}
 +
.team_profile_link{
 +
width:30%;
 +
margin-left:15%;
 +
background-color:#007bb6;
 +
border: 3px solid #fff;
 +
border-radius: 10px;
 +
            margin-top:25px;
 +
    padding: 5px 5px 5px 5px;
 +
display:inline-block;
 +
}
 +
.team_profile_link div {
 +
display: inline;
 +
}
 +
.team_profile_link:hover {
 +
background-color:#0276FD;
 +
}
 +
.team_profile_link img {
 +
width:40%;
 +
margin-left:30%;
 +
height:auto;
 +
border-radius:50%;
 +
border:3px solid #63D1F4;
 +
background:white;
 +
}
 +
.team_profile_link p {
 +
font-family: Arial;
 +
font-weight:bold;
 +
font-size: 18px;
 +
text-align:center;
 +
}
 +
.wrapper1 div:last-child{
 +
margin-left:10%;
 +
}
 +
#parenth{
 +
font-size:12px;
 +
text-align:center;
 +
font-family:Arial;
 +
}
 +
            .text-wrap p{
 +
            font-size:20px;
 +
            font-family:Arial;
 +
width:70%;
 +
margin-left:15%;
 +
border-top: 1px dotted white;
 +
padding-top: 15px;
 +
color:#87CEFA;
 +
            }
 +
.text-wrap p:first-child{
 +
width:95%;
 +
color:white;
 +
margin-left:2.5%;
 +
font-size:16px;
 +
}
 +
/* SPECIFIC STYLE CODE ENDS HERE */
 +
</style>
 +
        </body>
 +
    </html>

Latest revision as of 20:33, 18 September 2015

University of Virginia iGEM 2015

University of Virginia 2015 iGEM Team Members

(click an image to learn more about any team member)

University of Virginia iGEM

148 Gilmer Hall

485 McCormick Road

Charlottesville, Virginia 22904

United States of America

virginia.igem@gmail.com