Team:UCLondon/Templates/bottom-content

From 2012e.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<div id="footer-boxes" class="shadowbox">
 
-
  <div class="footer-box left">
 
-
<h3>Latest News</h3>
 
-
                                  <ul>
 
-
                                        <li><a href="http://www.ucl.ac.uk/news/news-articles/1209/10092012-QS">UCL in 4th place in world university rankings</a></li>
 
-
                                        <li><a href="http://codonusageoptimizer.org/download/">CUO 0.91 released</a></li>
 
-
                                  </ul>
 
-
  </div>
 
-
<!-- .footer-box left -->
 
-
<div class="footer-box right">
+
<script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script>
-
<h3>Sponsors</h3>
+
  <script type="text/javascript">
-
                        <div id="slides">
+
        var nHeight = ($('.footer-box.left').height() > $('.footer-box.right').height()) ? $('.footer-box.left').height() : $('.footer-box.right').height();
-
<div class="slides_container">
+
        $('#footer-boxes').css('height', nHeight);
-
<div>
+
 
-
<h1>Slide 1</h1>
+
 
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
$(function(){
-
</div>
+
$('#slides').slides({
-
<div>
+
preload: true,
-
<h1>Slide 2</h1>
+
generateNextPrev: true
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
});
-
</div>
+
});
-
<div>
+
-
<h1>Slide 3</h1>
+
  </script>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
-
</div>
+
-
<div>
+
-
<h1>Slide 4</h1>
+
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
                        </div>
+
-
<!-- .footer-box right -->
+
-
</div>
+
-
<div class="clear"></div>
+
-
  <style type="text/css">
+
<style type="text/css">
     #footer-boxes {  
     #footer-boxes {  
Line 79: Line 58:
   </style>
   </style>
-
  <script type="text/javascript" src="http://dl.dropbox.com/u/3703109/igeme/slides.min.jquery.js"></script>
 
-
  <script type="text/javascript">
 
-
        var nHeight = ($('.footer-box.left').height() > $('.footer-box.right').height()) ? $('.footer-box.left').height() : $('.footer-box.right').height();
 
-
        $('#footer-boxes').css('height', nHeight);
 
 +
<div id="footer-boxes" class="shadowbox">
 +
  <div class="footer-box left">
 +
<h3>Latest News</h3>
 +
                                  <ul>
 +
                                        <li><a href="http://www.ucl.ac.uk/news/news-articles/1209/10092012-QS">UCL in 4th place in world university rankings</a></li>
 +
                                        <li><a href="http://codonusageoptimizer.org/download/">CUO 0.91 released</a></li>
 +
                                  </ul>
 +
  </div>
 +
<!-- .footer-box left -->
-
$(function(){
+
<div class="footer-box right">
-
$('#slides').slides({
+
<h3>Sponsors</h3>
-
preload: true,
+
                        <div id="slides">
-
generateNextPrev: true
+
<div class="slides_container">
-
});
+
<div>
-
});
+
<h1>Slide 1</h1>
-
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-
  </script>
+
</div>
 +
<div>
 +
<h1>Slide 2</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 +
</div>
 +
<div>
 +
<h1>Slide 3</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 +
</div>
 +
<div>
 +
<h1>Slide 4</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
 +
</div>
 +
</div>
 +
</div>
 +
                        </div>
 +
<!-- .footer-box right -->
 +
</div>
 +
<div class="clear"></div>
 +
 
 +
 +
 
 +
</html>
</html>

Revision as of 19:42, 13 September 2012