Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head>
            <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
            <title>test</title>
            <meta name="Description" content="Test"/>
            <meta name="Keywords" content="Test"/>
            <link href="style2.css" rel="stylesheet" type="text/css"/>
            <link rel="stylesheet" type="text/css" href="css/slider.css" />
            <script src="js/modernizr.custom.63321.js"></script>
            <link href="https://fonts.googleapis.com/css?family=Catamaran:100|Luckiest+Guy|Quicksand:300|Asap:700|Montserrat:700|Open+Sans|Roboto|Signika:700" rel="stylesheet">
            </head>
            <body>
            <div id="mi-slider" class="mi-slider" style="left: 0px; top: 0px">
                <ul>
                    <li><a href="#"><img src="images/1.jpg" alt="img01"><h4>slasssgs</h4></a></li>
                    <li><a href="#"><img src="images/2.jpg" alt="img02"><h4>Oxforssds</h4></a></li>
                    <li><a href="#"><img src="images/3.jpg" alt="img03"><h4>Loafesssrs</h4></a></li>
                    <li><a href="#"><img src="images/4.jpg" alt="img04"><h4>Sneaksssers</h4></a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/5.jpg" alt="img05"><h4>slasg</h4></a></li>
                    <li><a href="#"><img src="images/6.jpg" alt="img06"><h4>Hassts & Caps</h4></a></li>
                    <li><a href="#"><img src="images/7.jpg" alt="img07"><h4>Sunglassssssses</h4></a></li>
                    <li><a href="#"><img src="images/8.jpg" alt="img08"><h4>Scssarves</h4></a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/9.jpg" alt="img09"><h4>ssssss</h4></a></li>
                    <li><a href="#"><img src="images/10.jpg" alt="img10"><h4>Luxury</h4></a></li>
                    <li><a href="#"><img src="images/11.jpg" alt="img11"><h4>Sport</h4></a></li>
                </ul>
                <ul>
                    <li><a href="#"><img src="images/12.jpg" alt="img12"><h4>sssss</h4></a></li>
                    <li><a href="#"><img src="images/13.jpg" alt="img13"><h4>Duffel Bags</h4></a></li>
                    <li><a href="#"><img src="images/14.jpg" alt="img14"><h4>Laptossssssp Bags</h4></a></li>
                    <li><a href="#"><img src="images/15.jpg" alt="img15"><h4>Briefsssscases</h4></a></li>
                </ul>
                <nav>
                    <a href="#">Limos</a>
                    <a href="#">Coaches</a>
                    <a href="#">Minibuses</a>
                    <a href="#">Executive cars</a>


                </nav>
            </div>
        </div>


        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="js/jquery.catslider.js"></script>
        <script>
            $(function() {
            $( '#mi-slider' ).catslider();
                });
            </script>
            </body>
            </html>