Team:UCSF/Home1
From 2013.igem.org
Line 18: | Line 18: | ||
<!-- Attach our CSS --> | <!-- Attach our CSS --> | ||
- | <link rel="stylesheet" href="https://www.dropbox.com/ | + | <link rel="stylesheet" href="https://www.dropbox.com/s/69cznhe2lklmysl/orbit-1.2.3.css"> |
- | <link rel="stylesheet" href="https://www.dropbox.com/ | + | <link rel="stylesheet" href="https://www.dropbox.com/s/ck5hmzyhxbl3it4/demo-style.css"> |
<!-- Attach necessary JS --> | <!-- Attach necessary JS --> | ||
- | <script type="text/javascript" src="https://www.dropbox.com/ | + | <script type="text/javascript" src="https://www.dropbox.com/s/fvvw899bys6ii8i/jquery-1.5.1.min.js"></script> |
- | <script type="text/javascript" src="https://www.dropbox.com/ | + | <script type="text/javascript" src="https://www.dropbox.com/s/8xzsp89agtxwd61/jquery.orbit-1.2.3.min.js"></script> |
<!--[if IE]> | <!--[if IE]> | ||
Line 59: | Line 59: | ||
<h3>Highlight me...I'm text.</h3> | <h3>Highlight me...I'm text.</h3> | ||
</div> | </div> | ||
- | <a href=""><img src="https://www.dropbox.com/ | + | <a href=""><img src="https://www.dropbox.com/s/hkpndhlo20j874s/overflow.jpg" /></a> |
- | <img src="https://www.dropbox.com/ | + | <img src="https://www.dropbox.com/s/b00okmpscbzta1i/captions.jpg" data-caption="#htmlCaption" /> |
- | <img src="https://www.dropbox.com/ | + | <img src="https://www.dropbox.com/s/9srx8rlkhdtlby9/features.jpg" /> |
</div> | </div> | ||
<!-- Captions for Orbit --> | <!-- Captions for Orbit --> |
Revision as of 19:07, 7 August 2013
<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Orbit Demo</title>
<link rel="stylesheet" href="https://www.dropbox.com/s/69cznhe2lklmysl/orbit-1.2.3.css">
<link rel="stylesheet" href="https://www.dropbox.com/s/ck5hmzyhxbl3it4/demo-style.css">
<script type="text/javascript" src="https://www.dropbox.com/s/fvvw899bys6ii8i/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="https://www.dropbox.com/s/8xzsp89agtxwd61/jquery.orbit-1.2.3.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#featured').orbit();
});
</script>
</head> <body>
ZURB's Orbit Slider
<a href="http://www.zurb.com/playground/orbit-jquery-image-slider">View Docs + Playground for Orbit</a>
Orbit does content now.
Highlight me...I'm text.
<a href=""><img src="" /></a> <img src="" data-caption="#htmlCaption" /> <img src="" />
</body> </html>