<!DOCTYPE html> <html> <head> <title>Fort Morgan</title> <link type="text/css" href="fs/flexslider.css" rel="stylesheet" /> <link rel="stylesheet" href="fs/demo/css/demo.css" type="text/css" media="screen" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> <script src="fs/demo/js/modernizr.js"></script> <style type="text/css"> .flex-caption { width: 96%; padding: 2%; left: 0; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px; } </style> <script type="text/javascript"> // Can also be used with $(document).ready() // $(document).ready(function() { // $('.flexslider').flexslider({ // animation: "slide" // }); // }); </script> </head> <body class="loading"> <!-- Place somewhere in the <body> of your page --> <div id="main" role="main"> <section class="slider"> <div class="flexslider"> <ul class="slides"> <li> <img src="images/FtMorgan/IMG_0261-2.png" /> <p class="flex-caption">Fort Morgan Exterior</p> </li> <li> <img src="images/FtMorgan/IMG_0262-2.png" /> <p class="flex-caption">Fort Morgan Exterior</p> </li> <li> <img src="images/FtMorgan/IMG_0021-2.png" /> <p class="flex-caption">Fort Morgan Beauty Salon</p> </li> <li> <img src="images/FtMorgan/IMG_0024-2.png" /> <p class="flex-caption">Fort Morgan Bedroom</p> </li> <li> <img src="images/FtMorgan/IMG_0034-2.png" /> <p class="flex-caption">Fort Morgan Bedroom</p> </li> <li> <img src="images/FtMorgan/IMG_0043-2.png" /> <p class="flex-caption">Fort Morgan Bedroom</p> </li> <li> <img src="images/FtMorgan/IMG_0039-2.png" /> <p class="flex-caption">Fort Morgan Common Room</p> </li> <li> <img src="images/FtMorgan/IMG_0013-2.png" /> <p class="flex-caption">Fort Morgan Kitchen</p> </li> <li> <img src="images/FtMorgan/IMG_0037-2.png" /> <p class="flex-caption">Fort Morgan Freedom Tub</p> </li> </ul> </div> </section> </div> <!-- jQuery --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script> <!-- FlexSlider --> <script defer src="fs/jquery.flexslider.js"></script> <script type="text/javascript"> $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> </body> </html>