Team:Virginia/HumanPractices

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{Template:Team:Virginia}}
 +
<html>
<html>
<head>
<head>
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-
  </style>
+
<style>
 +
 
 +
.aBody{
 +
background-color:white;
 +
padding:20px;
 +
width:942px;
 +
}
 +
.tabDiv{
 +
background-color:white;
 +
height: 400px;
 +
}
 +
 
 +
#tabs{
 +
margin:0px;
 +
}
 +
 
 +
#placeimg{
 +
height: 250px;
 +
}
 +
.tabLi{
 +
font-size:14px;
 +
display:inline-block;
 +
padding: 2px 5px 2px 5px;
 +
width: 150px;
 +
text-align:center;
 +
color:white;
 +
    background-color: gray;
 +
        -webkit-transition: background 0.4s linear;
 +
        -moz-transition: background 0.4s linear;
 +
        -ms-transition: background 0.4s linear;
 +
        -o-transition: background 0.4s linear;
 +
        transition: background 0.4s linear;
 +
 
 +
}
 +
 
 +
.tabLi:hover {
 +
    background-color: #99FF66;
 +
}
 +
 
 +
#tab2, #tab3, #tab4{
 +
display:none;
 +
}
 +
 
 +
h2{
 +
border-bottom:0px;
 +
}
 +
 
 +
header{
 +
background: url("http://www.pulsarmedia.eu/data/media/20/01511_greenhoops_2560x1600.jpg");
 +
background-size:120% auto;
 +
background-position: -140px -39px;
 +
margin: 0px 0px 60px 0px;
 +
}
 +
 
 +
</style>
 +
 
 +
<script>
 +
jQuery(document).ready(function() {
 +
 
 +
 
 +
$("#tabLi1").click(function(){
 +
var vis = $("#tab1").is(":visible");
 +
if(!vis){
 +
$("#tab1").fadeToggle("fast");
 +
 
 +
}
 +
$("#tab2, #tab3, #tab4").hide();
 +
});
 +
 
 +
$("#tabLi2").click(function(){
 +
var vis = $("#tab2").is(":visible");
 +
if(!vis){
 +
$("#tab2").fadeToggle("fast");
 +
}
 +
$("#tab1, #tab3, #tab4").hide();
 +
});
 +
 
 +
$("#tabLi3").click(function(){
 +
var vis = $("#tab3").is(":visible");
 +
if(!vis){
 +
$("#tab3").fadeToggle("fast");
 +
}
 +
$("#tab1, #tab2, #tab4").hide();
 +
});
 +
 
 +
$("#tabLi4").click(function(){
 +
var vis = $("#tab4").is(":visible");
 +
if(!vis){
 +
$("#tab4").fadeToggle("fast");
 +
}
 +
$("#tab1, #tab2, #tab3").hide();
 +
});
 +
 
 +
 
 +
});
 +
</script>
</head>
</head>
 +
<body>
<body>
-
 
+
        <header>
-
  Welcome to the University of Virginia's Human Practices page!
+
 
 +
            <h1>Human Practices</h1><img id="placeimg" src=
 +
            "http://www.pepperminttechnology.co.uk/Images/BlankTransparentImg.gif">
 +
 +
    <ul id="nav">
 +
        <li><a href="https://2014.igem.org/Team:Virginia">Home</a></li>
 +
 
 +
        <li>
 +
            <a href="https://2014.igem.org/Team:Virginia/Team">Team</a>
 +
 
 +
            <ul>
 +
                <li><a href=
 +
                "https://2014.igem.org/Team:Virginia/Gallery">Gallery</a></li>
 +
 
 +
                <li><a href=
 +
                "https://igem.org/Team.cgi?year=2014&amp;team_name=Virginia">Official
 +
                Team Profile</a></li>
 +
            </ul>
 +
        </li>
 +
 
 +
        <li><a href=
 +
        "https://2014.igem.org/Team:Virginia/Project">Project</a></li>
 +
 
 +
        <li><a href="https://2014.igem.org/Team:Virginia/Parts">Parts</a></li>
 +
 
 +
        <li><a href=
 +
        "https://2014.igem.org/Team:Virginia/Modeling">Modeling</a></li>
 +
 
 +
        <li><a href=
 +
        "https://2014.igem.org/Team:Virginia/Notebook">Notebook</a></li>
 +
 
 +
        <li><a href="https://2014.igem.org/Team:Virginia/Safety">Safety</a></li>
 +
 
 +
        <li id="attribs"><a href=
 +
        "https://2014.igem.org/Team:Virginia/Attributions">Attributions</a></li>
 +
    <li><a href="https://2014.igem.org/"><img src=
 +
                "http://i.imgur.com/rLFTkAP.png"
 +
                height="27px"></a></li>
 +
    </ul>
 +
        </header>
 +
 
 +
<div class="aBody">
 +
<ul id="tabs">
 +
<li class="tabLi" id="tabLi1">Welcome</li>
 +
<li class="tabLi" id="tabLi2">Survey</li>
 +
<li class="tabLi" id="tabLi3">Meetup</li>
 +
<li class="tabLi" id="tabLi4">Fourth</li>
 +
</ul>
 +
<div class="tabDiv" id="tab1"><h2>First</h2><p>Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.</p></div>
 +
<div class="tabDiv" id="tab2"><h2>Second</h2><p>Cum wisi consulatu et, has sanctus persecuti cu, vel quaeque scriptorem at. At sale utamur argumentum ius, cum et numquam forensibus sadipscing. Illum iusto qualisque te vix, commodo scriptorem concludaturque pri no, te exerci luptatum per. Mei sumo nihil definitiones ne. Ut his dignissim scripserit, homero quodsi est in.</p></div>
 +
<div class="tabDiv" id="tab3"><h2>Third</h2><p>Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.</p></div>
 +
<div class="tabDiv" id="tab4"><h2>Fourth</h2><p>Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.
 +
</p></div>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 17:23, 4 July 2014

Human Practices

  • Welcome
  • Survey
  • Meetup
  • Fourth

First

Lorem ipsum dolor sit amet, per no electram sententiae liberavisse, sea ne menandri definitiones. Sea ad hinc posidonium, an noluisse percipit pro, nisl detraxit at qui. Vix et wisi alienum eligendi, no meis option pri. Ex sea vitae constituto. Cu mei commodo oblique, virtute tacimates ut qui. Te per quis habemus reformidans, vim an debet malorum graecis. Duo id impetus vulputate.

Second

Cum wisi consulatu et, has sanctus persecuti cu, vel quaeque scriptorem at. At sale utamur argumentum ius, cum et numquam forensibus sadipscing. Illum iusto qualisque te vix, commodo scriptorem concludaturque pri no, te exerci luptatum per. Mei sumo nihil definitiones ne. Ut his dignissim scripserit, homero quodsi est in.

Third

Harum regione periculis ius ex. Cu vis rebum iudico sadipscing, ei pro corpora persequeris, id facer oportere dissentias vel. No cum quod commodo vivendum, vim saperet civibus phaedrum ad. Apeirian nominati liberavisse te qui. His ei velit philosophia, albucius offendit oporteat ex cum.

Fourth

Mel munere fastidii conceptam at, movet ridens vim te, viderer aperiri ei nam. Ei per voluptua definitiones, at cum hinc nibh discere. Eum eu illum mundi dicam, dico alia adolescens sit eu. Prima aliquip regione at sit, mel nobis eirmod utroque ne. Cu vim veritus officiis referrentur.

Retrieved from "http://2014.igem.org/Team:Virginia/HumanPractices"