File: /www/wwwroot/www.hmltw.com/chen/fullsite/newindex.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>About</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no" />
<link rel="icon" href="fullsite/images/favicon.ico">
<link rel="shortcut icon" href="fullsite/images/favicon.ico" />
<link rel="stylesheet" href="booking/fullsite/css/booking.css">
<link rel="stylesheet" href="fullsite/css/camera.css">
<link rel="stylesheet" href="fullsite/css/owl.carousel.css">
<link rel="stylesheet" href="fullsite/css/style.css">
<script src="fullsite/js/jquery.js"></script>
<script src="fullsite/js/jquery-migrate-1.2.1.js"></script>
<script src="fullsite/js/script.js"></script>
<script src="fullsite/js/superfish.js"></script>
<script src="fullsite/js/jquery.ui.totop.js"></script>
<script src="fullsite/js/jquery.equalheights.js"></script>
<script src="fullsite/js/jquery.mobilemenu.js"></script>
<script src="fullsite/js/jquery.easing.1.3.js"></script>
<script src="fullsite/js/owl.carousel.js"></script>
<script src="fullsite/js/camera.js"></script>
<!--[if (gt IE 9)|!(IE)]><!-->
<script src="fullsite/js/jquery.mobile.customized.min.js"></script>
<!--<![endif]-->
<script src="booking/fullsite/js/booking.js"></script>
<script>
$(document).ready(function(){
jQuery('#camera_wrap').camera({
loader: false,
pagination: false ,
minHeight: '444',
thumbnails: false,
height: '48.375%',
caption: true,
navigation: true,
fx: 'mosaic'
});
/*carousel*/
var owl=$("#owl");
owl.owlCarousel({
items : 2, //10 items above 1000px browser width
itemsDesktop : [995,2], //5 items between 1000px and 901px
itemsDesktopSmall : [767, 2], // betweem 900px and 601px
itemsTablet: [700, 2], //2 items between 600 and 0
itemsMobile : [479, 1], // itemsMobile disabled - inherit from itemsTablet option
navigation : true,
pagination : false
});
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/fullsite/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="fullsite/js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="fullsite/css/ie.css">
<![endif]-->
</head>
<body class="page1" id="top">
<!--==============================header=================================-->
<header>
<div class="container_12">
<div class="grid_12">
<div class="menu_block">
<nav class="horizontal-nav full-width horizontalNav-notprocessed">
<ul class="sf-menu">
<li class="current"><a href="#">ABOUT</a></li>
<li><a href="fullsite/index-1.html">HOT TOURS</a></li>
<li><a href="fullsite/index-2.html">SPECIAL OFFERS</a></li>
<li><a href="fullsite/index-3.html">BLOG</a></li>
<li><a href="fullsite/index-4.html">CONTACTS</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
</div>
<div class="grid_12">
<h1>
<a href="#">
<img src="fullsite/images/logo.png" alt="Your Happy Family">
</a>
</h1>
</div>
</div>
</header>
<div class="slider_wrapper">
<div id="camera_wrap" class="">
<div data-src="fullsite/images/slide.jpg">
<div class="caption fadeIn">
<h2>LONDON</h2>
<div class="price">
FROM
<span>$1000</span>
</div>
<a href="#">LEARN MORE</a>
</div>
</div>
<div data-src="fullsite/images/slide1.jpg">
<div class="caption fadeIn">
<h2>Maldives</h2>
<div class="price">
FROM
<span>$2000</span>
</div>
<a href="#">LEARN MORE</a>
</div>
</div>
<div data-src="fullsite/images/slide2.jpg">
<div class="caption fadeIn">
<h2>Venice</h2>
<div class="price">
FROM
<span>$1600</span>
</div>
<a href="#">LEARN MORE</a>
</div>
</div>
</div>
</div>
<!--==============================Content=================================-->
<div class="content"><div class="ic">More Website Templates @ moobnn.com - February 10, 2014!</div>
<div class="container_12">
<div class="grid_4">
<div class="banner">
<img src="fullsite/images/ban_img1.jpg" alt="">
<div class="label">
<div class="title">Barcelona</div>
<div class="price">FROM<span>$ 1000</span></div>
<a href="#">LEARN MORE</a>
</div>
</div>
</div>
<div class="grid_4">
<div class="banner">
<img src="fullsite/images/ban_img2.jpg" alt="">
<div class="label">
<div class="title">GOA</div>
<div class="price">FROM<span>$ 1.500</span></div>
<a href="#">LEARN MORE</a>
</div>
</div>
</div>
<div class="grid_4">
<div class="banner">
<img src="fullsite/images/ban_img3.jpg" alt="">
<div class="label">
<div class="title">PARIS</div>
<div class="price">FROM<span>$ 1.600</span></div>
<a href="#">LEARN MORE</a>
</div>
</div>
</div>
<div class="clear"></div>
<div class="grid_6">
<h3>Booking Form</h3>
<form id="bookingForm">
<div class="fl1">
<div class="tmInput">
<input name="Name" placeHolder="Name:" type="text" data-constraints='@NotEmpty @Required @AlphaSpecial'>
</div>
<div class="tmInput">
<input name="Country" placeHolder="Country:" type="text" data-constraints="@NotEmpty @Required">
</div>
</div>
<div class="fl1">
<div class="tmInput">
<input name="Email" placeHolder="Email:" type="text" data-constraints="@NotEmpty @Required @Email">
</div>
<div class="tmInput mr0">
<input name="Hotel" placeHolder="Hotel:" type="text" data-constraints="@NotEmpty @Required">
</div>
</div>
<div class="clear"></div>
<strong>Check-in</strong>
<label class="tmDatepicker">
<input type="text" name="Check-in" placeHolder='10/05/2014' data-constraints="@NotEmpty @Required @Date">
</label>
<div class="clear"></div>
<strong>Check-out</strong>
<label class="tmDatepicker">
<input type="text" name="Check-out" placeHolder='20/05/2014' data-constraints="@NotEmpty @Required @Date">
</label>
<div class="clear"></div>
<div class="tmRadio">
<p>Comfort</p>
<input name="Comfort" type="radio" id="tmRadio0" data-constraints='@RadioGroupChecked(name="Comfort", groups=[RadioGroup])' checked/>
<span>Cheap</span>
<input name="Comfort" type="radio" id="tmRadio1" data-constraints='@RadioGroupChecked(name="Comfort", groups=[RadioGroup])' />
<span>Standart</span>
<input name="Comfort" type="radio" id="tmRadio2" data-constraints='@RadioGroupChecked(name="Comfort", groups=[RadioGroup])' />
<span>Lux</span>
</div>
<div class="clear"></div>
<div class="fl1 fl2">
<em>Adults</em>
<select name="Adults" class="tmSelect auto" data-class="tmSelect tmSelect2" data-constraints="">
<option>1</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
<div class="clear"></div>
<em>Rooms</em>
<select name="Rooms" class="tmSelect auto" data-class="tmSelect tmSelect2" data-constraints="">
<option>1</option>
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div class="fl1 fl2">
<em>Children</em>
<select name="Children" class="tmSelect auto" data-class="tmSelect tmSelect2" data-constraints="">
<option>0</option>
<option>0</option>
<option>1</option>
<option>2</option>
</select>
</div>
<div class="clear"></div>
<div class="tmTextarea">
<textarea name="Message" placeHolder="Message" data-constraints='@NotEmpty @Required @Length(min=20,max=999999)'></textarea>
</div>
<a href="#" class="btn" data-type="submit">Submit</a>
</form>
</div>
<div class="grid_5 prefix_1">
<h3>Welcome</h3>
<img src="fullsite/images/page1_img1.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p>Lorem ipsum dolor sit ere amet, consectetur ipiscin.</p>
In mollis erat mattis neque facilisis, sit ametiol
</div>
<div class="clear cl1"></div>
<p>Find the detailed description of this <span class="col1"><a href="http://www.moobnn.com/" rel="dofollow">freebie</a></span> at TemplateMonster blog.</p>
<p><span class="col1"><a href="http://www.moobnn.com/category/travel-website-templates/" rel="nofollow">Travel Website Templates</a></span> category offers you a variety of designs that are perfect for travel sphere of business.</p>
Proin pharetra luctus diam, a scelerisque eros convallis
<h4>Clients’ Quotes</h4>
<blockquote class="bq1">
<img src="fullsite/images/page1_img2.jpg" alt="" class="img_inner noresize fleft">
<div class="extra_wrapper">
<p>Duis massa elit, auctor non pellentesque vel, aliquet sit amet erat. Nullam eget dignissim nisi, aliquam feugiat nibh. </p>
<div class="alright">
<div class="col1">Miranda Brown</div>
<a href="#" class="btn">More</a>
</div>
</div>
</blockquote>
</div>
<div class="grid_12">
<h3 class="head1">Latest News</h3>
</div>
<div class="grid_4">
<div class="block1">
<time datetime="2014-01-01">10<span>Jan</span></time>
<div class="extra_wrapper">
<div class="text1 col1"><a href="#">Aliquam nibh</a></div>
Proin pharetra luctus diam, any scelerisque eros convallisumsan. Maecenas vehicula egestas
</div>
</div>
</div>
<div class="grid_4">
<div class="block1">
<time datetime="2014-01-01">21<span>Jan</span></time>
<div class="extra_wrapper">
<div class="text1 col1"><a href="#">Etiam dui eros</a></div>
Any scelerisque eros vallisumsan. Maecenas vehicula egestas natis. Duis massa elit, auctor non
</div>
</div>
</div>
<div class="grid_4">
<div class="block1">
<time datetime="2014-01-01">15<span>Feb</span></time>
<div class="extra_wrapper">
<div class="text1 col1"><a href="#">uamnibh Edeto</a></div>
Ros convallisumsan. Maecenas vehicula egestas venenatis. Duis massa elit, auctor non
</div>
</div>
</div>
</div>
</div>
<!--==============================footer=================================-->
<footer>
<div class="container_12">
<div class="grid_12">
<div class="socials">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google-plus"></a>
</div>
<div class="copy">
Your Trip (c) 2014 | <a href="#">Privacy Policy</a> | Website Template Collect from <a href="http://www.moobnn.com/" rel="nofollow">moobnn.com</a>
</div>
</div>
</div>
</footer>
<script>
$(function (){
$('#bookingForm').bookingForm({
ownerEmail: '#'
});
})
$(function() {
$('#bookingForm input, #bookingForm textarea').placeholder();
});
</script>
</body>
</html>