"
Team:UCLondon/Templates/Content-Slide
From 2012e.igem.org
(Difference between revisions)
| 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"> | ||
| + | |||
| + | |||
| + | <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="http://dl.dropbox.com/u/3703109/igeme/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="http://dl.dropbox.com/u/3703109/igeme/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="http://dl.dropbox.com/u/3703109/igeme/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="http://dl.dropbox.com/u/3703109/igeme/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="“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.” | Flickr - Photo Sharing!" target="_blank"><img src="http://dl.dropbox.com/u/3703109/igeme/slide-5.jpg" width="570" height="270" alt="Slide 5"></a> | ||
| + | <div class="caption"> | ||
| + | <p>“I must go down to the sea again, to the lonely sea and the sky...”</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="http://dl.dropbox.com/u/3703109/igeme/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="http://dl.dropbox.com/u/3703109/igeme/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="http://dl.dropbox.com/u/3703109/igeme/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a> | ||
| + | <a href="#" class="next"><img src="http://dl.dropbox.com/u/3703109/igeme/arrow-next.png" width="24" height="43" alt="Arrow Next"></a> | ||
| + | </div> | ||
| + | <img src="http://dl.dropbox.com/u/3703109/igeme/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>© 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> | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> | ||
Revision as of 01:59, 13 September 2012
Happy Bokeh Thursday!
Taxi
Happy Bokeh raining Day
We Eat Light
“I must go down to the sea again, to the lonely sea and the sky...”
twelve.inch
Save my love for loneliness
