Multi Images Show Page Load..
<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from
www.accurathemes.com/tf/Cafe_Slide_Responsive_Restaurant_Cafe_Template/v_1_0/site/multi-page/home_style2.htm
by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 09 Jun 2014 07:20:04 GMT
-->
<head>
<meta http-equiv="Content-Type"
content="text/html;
charset=utf-8" />
<meta name="viewport"
content="width=device-width,
initial-scale=1.0">
<title>Cafe9</title>
<!-- Loading Google Web fonts-->
<link type="text/css"
rel="stylesheet"
href="assets/css/style.css"
/>
<!-- Optional used for home page slider -->
<!--layerslider-->
<link type="text/css"
rel="stylesheet"
href="assets/layerslider/css/layerslider.css"
/>
<script type="text/javascript"
src="assets/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript"
src="assets/js/modernizr.custom.js"></script>
</head>
<body>
<div id="layerslider_2"
style="width: 100%; height: 620px;">
<div class="ls-layer"
style="slidedirection: top; slidedelay: 3000; durationin: 1500;
durationout: 1500; delayout: 500;">
<h1 class="ls-s3"
style="font-weight: 300; height: 40px; line-height: 38px; padding: 0px 20px;
font-family: Lato, 'Open Sans',
sans-serif; font-size: 24px; color: #ffffff;
border-radius: 3px; white-space: nowrap; position: absolute; top: 3%; left: 50%;
slidedirection: right; slideoutdirection: left; durationin: 5000; durationout: 750;
easingin: easeInOutQuint; easingout: easeInBack; delayin: 400;">
<img
src="img/logo1.png"
/>
</h1>
<h4 class="ls-s3 l1-s1"
style="position: absolute; top: 109px; left: 50%; slidedirection: left;
slideoutdirection: left; durationin: 7000; durationout: 750; easingin: easeInOutQuint;
easingout: easeInBack; delayin: 500; font-family: 'Indie Flower'; font-size: 30px;
color: #ffffff; white-space: nowrap; text-transform: lowercase;">
<img
src="img/logo2.png"
/>
</h4>
<h4 class="ls-s3 l1-s1"
style="font-family: 'Indie Flower'; font-size: 30px; color: #ffffff;
white-space: nowrap; position: absolute; top: 450px; left: 395.5px; slidedirection: bottom;
slideoutdirection: bottom; durationin: 8000; durationout: 750; easingin: easeInOutQuint;
easingout: easeInBack; delayin: 600; text-transform: lowercase;">
<img
src="img/logo3.png"
/>
</h4>
</div>
</div>
<script type="text/javascript"
src="assets/js/jquery.flexslider-min.js"></script>
<script src="assets/layerslider/js/greensock.js"
type="text/javascript"></script>
<script src="assets/layerslider/js/layerslider.transitions.js"
type="text/javascript"></script>
<script src="assets/layerslider/js/layerslider.kreaturamedia.jquery.js"
type="text/javascript"></script>
<script type="text/javascript"
src="assets/js/jquery.cycle2.all.js">
</script>
<script type="text/javascript"
src="assets/js/custom_general.js"></script>
</body>
</html>
