Team:Nevada/HumanPractices

From 2011.igem.org

(Difference between revisions)
m
m
Line 3: Line 3:
<html xmls="http://www.w3.org/1999/xhtml">
<html xmls="http://www.w3.org/1999/xhtml">
<head>
<head>
 +
<!-- CSS -->
 +
<style type="text/css" media="screen">
 +
#slider {
 +
    width: 850px; /* important to be same as image width */
 +
    height: 600px; /* important to be same as image height */
 +
    position: relative; /* important */
 +
overflow: hidden; /* important */
 +
}
 +
#sliderContent {
 +
    width: 850px; /* important to be same as image width or wider */
 +
    position: absolute;
 +
top: 0;
 +
margin-left: 0;
 +
}
 +
.sliderImage {
 +
    float: left;
 +
    position: relative;
 +
display: none;
 +
}
 +
.sliderImage span {
 +
    position: absolute;
 +
    font: 10px/15px Arial, Helvetica, sans-serif;
 +
    padding: 10px 13px;
 +
    width: 384px;-
 +
    background-color: #000;
 +
    filter: alpha(opacity=70);
 +
    -moz-opacity: 0.7;
 +
-khtml-opacity: 0.7;
 +
    opacity: 0.7;
 +
    color: #fff;
 +
    display: none;
 +
}
 +
.clear {
 +
clear: both;
 +
}
 +
.sliderImage span strong {
 +
    font-size: 14px;
 +
}
 +
.top {
 +
top: 0;
 +
left: 0;
 +
}
 +
.bottom {
 +
bottom: 0;
 +
    left: 0;
 +
}
 +
ul { list-style-type: none;}
 +
</style>
 +
<!-- JavaScripts-->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://2011.igem.org/Template:Nevada_Java/s3Slider.js?action=raw&amp;ctype=text/js"></script>
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 4000
 +
        });
 +
    });
 +
</script>
</head>
</head>
<body>
<body>
Line 8: Line 66:
<br>
<br>
<div id="top-team-content">
<div id="top-team-content">
-
</div>
+
 
-
</div>
+
<div id="slider">
 +
        <ul id="sliderContent">
 +
            <li class="sliderImage">
 +
                <a href=""><img src="https://static.igem.org/mediawiki/2011/d/d4/UNR_Gallery_Carwash.jpg" alt="1" width="800px" /></a>
 +
 
 +
                <span class="top"><strong>Title text 1</strong><br />Content text...</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <a href=""><img src="https://static.igem.org/mediawiki/2011/8/8b/UnrBbq.jpg" alt="2" width="800px" /></a>
 +
                <span class="top"><strong>Title text 2</strong><br />Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
 
 +
                <img src="https://static.igem.org/mediawiki/2011/b/b0/UnrP1040748.JPG" alt="3" width="800px" />
 +
                <span class="bottom"><strong>Title text 2</strong><br />Content text...</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <img src="https://static.igem.org/mediawiki/2011/0/06/IMAG0139.jpg" width="800px" alt="4" />
 +
                <span class="bottom"><strong> Hard at work! </strong><br /> David, Dr. Howard, Marguerite, and Sam working hard or hardly working?</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <img src="https://static.igem.org/mediawiki/2011/a/ad/IMAG0142.jpg" width="800px" alt="5" />
 +
                <span class="top"><strong>Group Hug!</strong><br />Bryson, Marguerite, Sam, and Megan having a good time at the iGEM concert!</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <img src="https://static.igem.org/mediawiki/2011/d/d5/IMAG0143.jpg" width="800px" alt="6" />
 +
                <span class="bottom"><strong>Family Picture!</strong><br />Dr. H and Dr. Shintani with their beautiful daughter Alena</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <img src="https://2011.igem.org/File:IMAG0146.jpg" width="800px" alt="7" />
 +
                <span class="bottom"><strong> Group photo!</strong><br />Good work team</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <img src="https://static.igem.org/mediawiki/2011/2/28/IMAG0150.jpg" width="800px" alt="8" />
 +
                <span class="bottom"><strong>Booyah!</strong><br />Being silly...</span>
 +
            </li>
 +
            <li class="sliderImage">
 +
                <img src="https://static.igem.org/mediawiki/2011/9/95/IMAG0153.jpg" width="800px" alt="9" />
 +
                <span class="bottom"><strong>Next year's team!</strong><br />The potential: Sahael, Sam, Ronald, and Dafne</span>
 +
            </li>
 +
            <div class="clear sliderImage"></div>
 +
        </ul>
 +
    </div>
 +
 
 +
</div> <!-- //End DIV for top-team-content -->
 +
</div> <!-- //End DIV for Nevada-MainContent -->
</body>
</body>
</html>
</html>
{{Nevada_Sponsers_CSS}}
{{Nevada_Sponsers_CSS}}

Revision as of 07:30, 26 September 2011



  • 1 Title text 1
    Content text...
  • 2 Title text 2
    Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...Content text...
  • 3 Title text 2
    Content text...
  • 4 Hard at work!
    David, Dr. Howard, Marguerite, and Sam working hard or hardly working?
  • 5 Group Hug!
    Bryson, Marguerite, Sam, and Megan having a good time at the iGEM concert!
  • 6 Family Picture!
    Dr. H and Dr. Shintani with their beautiful daughter Alena
  • 7 Group photo!
    Good work team
  • 8 Booyah!
    Being silly...
  • 9 Next year's team!
    The potential: Sahael, Sam, Ronald, and Dafne


SPONSORS

Retrieved from "http://2011.igem.org/Team:Nevada/HumanPractices"