Team:UCLondon/Templates/Content-Slide

From 2012e.igem.org

(Difference between revisions)
(Replaced content with "<html> <link rel="stylesheet" href="http://dl.dropbox.com/u/3703109/igeme/global.css"> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js">...")
Line 1: Line 1:
<html>
<html>
-
  <link rel="stylesheet" href="http://dl.dropbox.com/u/3703109/igeme/global.css">
+
<link rel="stylesheet" href="http://dl.dropbox.com/u/3703109/igeme/global.css">
   
   
-
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
-
<script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.jquery.js"></script>
 
-
<script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script>
 
-
<script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slide.js"></script>
 
    
    
-
 
-
<div id="container">
 
-
<div id="example">
 
-
 
-
<div id="slides">
 
-
<div class="slides_container">
 
-
<div class="slide">
 
-
<a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-1.jpg" width="570" height="270" alt="Slide 1"></a>
 
-
<div class="caption" style="bottom:0">
 
-
<p>Happy Bokeh Thursday!</p>
 
-
</div>
 
-
</div>
 
-
<div class="slide">
 
-
<a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
 
-
<div class="caption">
 
-
<p>Taxi</p>
 
-
</div>
 
-
</div>
 
-
<div class="slide">
 
-
<a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a>
 
-
<div class="caption">
 
-
<p>Happy Bokeh raining Day</p>
 
-
</div>
 
-
</div>
 
-
<div class="slide">
 
-
<a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-4.jpg" width="570" height="270" alt="Slide 4"></a>
 
-
<div class="caption">
 
-
<p>We Eat Light</p>
 
-
</div>
 
-
</div>
 
-
<div class="slide">
 
-
<a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="&ldquo;I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.&rdquo; | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-5.jpg" width="570" height="270" alt="Slide 5"></a>
 
-
<div class="caption">
 
-
<p>&ldquo;I must go down to the sea again, to the lonely sea and the sky...&rdquo;</p>
 
-
</div>
 
-
</div>
 
-
<div class="slide">
 
-
<a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-6.jpg" width="570" height="270" alt="Slide 6"></a>
 
-
<div class="caption">
 
-
<p>twelve.inch</p>
 
-
</div>
 
-
</div>
 
-
<div class="slide">
 
-
<a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="img/slide-7.jpg" width="570" height="270" alt="Slide 7"></a>
 
-
<div class="caption">
 
-
<p>Save my love for loneliness</p>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
 
-
<a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
 
-
</div>
 
-
<img src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
 
-
</div>
 
-
<div id="footer">
 
-
<p>For full instructions go to <a href="http://slidesjs.com" target="_blank">http://slidesjs.com</a>.</p>
 
-
<p>Slider design by Orman Clark at <a href="http://www.premiumpixels.com/" target="_blank">Premium Pixels</a>. You can donwload the source PSD at <a href="http://www.premiumpixels.com/clean-simple-image-slider-psd/" target="_blank">Premium Pixels</a></p>
 
-
<p>&copy; 2010 <a href="http://nathansearles.com" target="_blank">Nathan Searles</a>. All rights reserved. Slides is licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache license</a>.</p>
 
-
</div>
 
-
</div>
 
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

Revision as of 01:48, 13 September 2012