<div id="wrapper">
<!--<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
Always force latest IE rendering engine (even in intranet) & Chrome Frame
Remove this if you use the .htaccess
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>HTML</title>
<meta name="description" content="" />
<meta name="author" content="sis121" />
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="assets/css/foundation.min.css" />
<link rel="stylesheet" href="assets/css/slick.css" />
<link rel="stylesheet" href="assets/css/jquery.countdown.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
</head>
<body>
<div class="wrapper">
<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">
<header class="header">
<div class="row">
<div class="logo-wrapper">
<a class="left-off-canvas-toggle" href="#" >
<span></span><span></span><span></span>
</a>
<a href="#" class="logo"><img src="assets/images/logo.jpg" alt=" " title=" " /></a>
</div>
Off Canvas Menu
<aside class="left-off-canvas-menu">
whatever you want goes here
<div class="nav">
<img src="assets/images/aus.jpg" alt=" " title=" " />
<form class="nav-search-form">
<input type="search" name="search" placeholder="search" class="nav-search" />
<a href="#"><img src="assets/images/search.jpg" alt=" " title=" " /></a>
</form>
</div>
<ul class="clearfix">
<li><a href="#">destinations</a></li>
<li><a href="#">Things to do</a></li>
<li><a href="#">Accommodation</a></li>
<li><a href="#">Travelling in the NT</a></li>
<li><a href="#">Plan</a></li>
</ul>
</aside>
</div>
</header>
main content goes here
<div class="content">
<div class="slider">
<ul class="example-orbit-content" data-orbit>
<li data-orbit-slide="headline-1">
<div class="headline-1-bg">
<h2>It’s about time to
experience nature</h2>
<img src="assets/images/slider-dots.png" alt=" " title=" " />
<h3>Lorem ipsum dolor sit amet, consectetur.</h3>
<a href="#" class="button">Lorem ipsum</a>
</div>
<div class="slider-map hide-for-small-only">
<h5>MacDonnell Ranges <img src="assets/images/map-arr.png" alt=" " title=" " /></h5>
<img src="assets/images/map-slider-1.png" alt=" " title=" " />
</div>
</li>
<li data-orbit-slide="headline-2">
<div class="headline-2-bg">
<h2>It’s about time to
experience nature</h2>
<img src="assets/images/slider-dots.png" alt=" " title=" " />
<h3>Lorem ipsum dolor sit amet, consectetur.</h3>
<a href="#" class="button">Lorem ipsum</a>
</div>
<div class="slider-map hide-for-small-only">
<h5>MacDonnell Ranges <img src="assets/images/map-arr.png" alt=" " title=" " /></h5>
<img src="assets/images/map-slider-1.png" alt=" " title=" " />
</div>
</li>
<li data-orbit-slide="headline-3">
<div class="headline-3-bg">
<h2>It’s about time to
experience nature</h2>
<img src="assets/images/slider-dots.png" alt=" " title=" " />
<h3>Lorem ipsum dolor sit amet, consectetur.</h3>
<a href="#" class="button">Lorem ipsum</a>
</div>
<div class="slider-map hide-for-small-only">
<h5>MacDonnell Ranges <img src="assets/images/map-arr.png" alt=" " title=" " /></h5>
<img src="assets/images/map-slider-1.png" alt=" " title=" " />
</div>
</li>
<li data-orbit-slide="headline-3">
<div class="headline-4-bg">
<h2>It’s about time to
experience nature</h2>
<img src="assets/images/slider-dots.png" alt=" " title=" " />
<h3>Lorem ipsum dolor sit amet, consectetur.</h3>
<a href="#" class="button">Lorem ipsum</a>
</div>
<div class="slider-map hide-for-small-only">
<h5>MacDonnell Ranges <img src="assets/images/map-arr.png" alt=" " title=" " /></h5>
<img src="assets/images/map-slider-1.png" alt=" " title=" " />
</div>
</li>
<li data-orbit-slide="headline-3">
<div class="headline-5-bg">
<h2>It’s about time to
experience nature</h2>
<img src="assets/images/slider-dots.png" alt=" " title=" " />
<h3>Lorem ipsum dolor sit amet, consectetur.</h3>
<a href="#" class="button">Lorem ipsum</a>
</div>
<div class="slider-map hide-for-small-only">
<h5>MacDonnell Ranges <img src="assets/images/map-arr.png" alt=" " title=" " /></h5>
<img src="assets/images/map-slider-1.png" alt=" " title=" " />
</div>
</li>
</ul>
</div>
slider end here
<div class="secondary-slider">
<h4>Offers</h4>
<div class="offer">
<div>
<div class="slider-content clearfix">
<h2>The Ghan and Voyager of the Seas Outback and Orient </h2>
<span>form<span>$4,469*</span></span>
<p class="show-for-small-only">*T&C apply.</p>
</div>
<div class="counter-wrapper">
<div class="offer-ex"><span>Offer expires in:</span> <img src="assets/images/push.png" alt=" " title=" " /></div>
<div class="defaultCountdown"></div>
<div class="do-the">
<img src="assets/images/counter-img.png" alt=" " title=" " />
<a href="#" class="button count-btn">do the nt now </a>
</div>
</div>
</div>
<div>
<div class="slider-content"><h2>The Ghan and Voyager of the Seas Outback and Orient </h2>
<span>form<span>$4,469*</span></span>
<p>*T&C apply.</p>
</div>
<div class="counter-wrapper">
<div class="offer-ex"><span>Offer expires in:</span> <img src="assets/images/push.png" alt=" " title=" " /></div>
<div class="defaultCountdown"></div>
<div class="do-the">
<img src="assets/images/counter-img.png" alt=" " title=" " />
<a href="#" class="button count-btn">do the nt </a>
</div>
</div>
</div>
<div>
<div class="slider-content"><h2>The Ghan and Voyager of the Seas Outback and Orient</h2>
<span>form<span>$4,469*</span></span>
<p class="show-for-small-only">*T&C apply.</p>
</div>
<div class="counter-wrapper">
<div class="offer-ex"><span>Offer expires in:</span> <img src="assets/images/push.png" alt=" " title=" " /></div>
<div class="defaultCountdown"></div>
<div class="do-the">
<img src="assets/images/counter-img.png" alt=" " title=" " />
<a href="#" class="button count-btn">do the nt </a>
</div>
</div>
</div>
<div>
<div class="slider-content"><h2>The Ghan and Voyager of the Seas Outback and Orient </h2>
<span>form<span>$4,469*</span></span>
<p class="show-for-small-only">*T&C apply.</p>
</div>
<div class="counter-wrapper">
<div class="offer-ex"><span>Offer expires in:</span> <img src="assets/images/push.png" alt=" " title=" " /></div>
<div class="defaultCountdown"></div>
<div class="do-the">
<img src="assets/images/counter-img.png" alt=" " title=" " />
<a href="#" class="button count-btn">do the nt </a>
</div>
</div>
</div>
<div>
<div class="slider-content"><h2>The Ghan and Voyager of the Seas Outback and Orient</h2>
<span>form<span>$4,469*</span></span>
<p class="show-for-small-only">*T&C apply.</p>
</div>
<div class="counter-wrapper">
<div class="offer-ex"><span>Offer expires in:</span> <img src="assets/images/push.png" alt=" " title=" " /></div>
<div class="defaultCountdown"></div>
<div class="do-the">
<img src="assets/images/counter-img.png" alt=" " title=" " />
<a href="#" class="button count-btn">do the nt </a>
</div>
</div>
</div>
<div>
<div class="slider-content"><h2>The Ghan and Voyager of the Seas Outback and Orient</h2>
<span>form<span>$4,469*</span></span>
<p class="show-for-small-only">*T&C apply.</p>
</div>
<div class="counter-wrapper">
<div class="offer-ex"><span>Offer expires in:</span> <img src="assets/images/push.png" alt=" " title=" " /></div>
<div class="defaultCountdown"></div>
<div class="do-the">
<img src="assets/images/counter-img.png" alt=" " title=" " />
<a href="#" class="button count-btn">do the nt </a>
</div>
</div>
</div>
</div>
</div>
explore styart here
<div class="explore hide-for-medium-only hide-for-large-up">
<h4>explore</h4>
<div class="katherine-video">
<select class="select">
<option>Katherine</option>
<option>Katherine</option>
<option>Katherine</option>
<option>Katherine</option>
<option>Katherine</option>
</select>
<h2>Watch the Katherine Video</h2>
<span>Or find out more</span>
<a href="#" class="play-btn"><img src="assets/images/play.png" /></a>
</div>
</div>
explore end here
<div class="explor hide-for-small-only">
<h2>Pick a region to Explore
</h2>
<div class="explor-content">
<h3>Explore</h3>
<a href="#"> <img src="assets/images/explor-img.png" alt=" " title=" " /></a>
</div>
</div>
<div class="crouser">
<div class="row">
<h4>Top things to do in the NT</h4>
<div class="adventure-slider">
<div class="cultural">
<img src="assets/images/slider3-1.jpg" alt=" " title=" "/>
<h2>Cultural experiences <img src="assets/images/side-arr.png" alt=" " title=" " /> </h2>
<h3>Tennant creek</h3>
</div>
<div class="adventure">
<img src="assets/images/slider3.jpg" alt=" " title=" "/>
<h2>Adventure travel<img src="assets/images/side-arr.png" alt=" " title=" " /> </h2>
<h3>darwin</h3>
</div>
<div class="camel">
<img src="assets/images/slider3-2.jpg" alt=" " title=" "/>
<h2>Camel riding <img src="assets/images/side-arr.png" alt=" " title=" " /> </h2>
<h3>Uluru & surrounds</h3>
</div>
<div class="cultural">
<img src="assets/images/slider3-1.jpg" alt=" " title=" "/>
<h2>Cultural experiences <img src="assets/images/side-arr.png" alt=" " title=" " /> </h2>
<h3>Tennant creek</h3>
</div>
<div class="adventure">
<img src="assets/images/slider3.jpg" alt=" " title=" "/>
<h2>Adventure travel <img src="assets/images/side-arr.png" alt=" " title=" " /> </h2>
<h3>darwin</h3>
</div>
<div class="camel">
<img src="assets/images/slider3-2.jpg" alt=" " title=" "/>
<h2>Camel riding <img src="assets/images/side-arr.png" alt=" " title=" " /> </h2>
<h3>Uluru & surrounds</h3>
</div>
<div class="cultural">
<img src="assets/images/slider3-1.jpg" alt=" " title=" "/>
<h2>Cultural experiences <img src="assets/images/side-arr.png" alt=" " title=" " /> </h2>
<h3>Tennant creek</h3>
</div>
</div>
</div>
</div>
crouser end here
<div class="search-book">
<div class="row">
<div class="small-12 column">
<h4>SeaRch & Book</h4>
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
<select class="select medium-2 column" tabindex="1">
<option>Destination</option>
<option>Destination2</option>
<option>Destination3</option>
<option>Destination4</option>
<option>Destination5</option>
</select>
<select class="select medium-2 column" tabindex="2">
<option>Type </option>
<option>Type 2</option>
<option>Type 3</option>
<option>Type 4</option>
<option>Type 5</option>
</select>
<select class="select medium-2 column" tabindex="3">
<option>I’m searching for </option>
<option>I’m searching for 2</option>
<option>I’m searching for 3</option>
<option>I’m searching for 4</option>
<option>I’m searching for 5</option>
</select>
<select class="select medium-2 column " tabindex="4">
<option>Price range </option>
<option>Price range 2</option>
<option>Price range 3</option>
<option>Price range 4</option>
<option>Price range 5</option>
</select>
<input type="text" name="Keyword" value="keyword" placeholder="keyword" class="keyword"/ tabindex="5">
<a href="#" class="button search-btn" tabindex="7">Search</a>
</div>
</div>
</div>
search-book end here
<div class="nt-right">
<div class="row">
<div class="small-12 column">
<h4>The NT right now</h4>
</div>
</div>
<div class="row">
<ul class="right-view-list clearfix">
<li><img src="assets/images/right1.jpg" alt=" " title=" " />
<div class="right-ontent">
<h2>What winter looks like in Darwin,
Litchfield National Park, Darwin</h2>
<a href="#">view more</a>
</div></li>
<li class="hide-for-small-only"><img src="assets/images/right2.jpg" alt=" " title=" " /> <div class="right-ontent">
<h2>What winter looks like in Darwin,
Litchfield National Park, Darwin</h2>
<a href="#">view more</a>
</div></li>
<li class="hide-for-small-only"><img src="assets/images/right3.jpg" alt=" " title=" " /> <div class="right-ontent">
<h2>What winter looks like in Darwin,
Litchfield National Park, Darwin</h2>
<a href="#">view more</a>
</div></li>
<li class="hide-for-small-only"><img src="assets/images/right4.jpg" alt=" " title=" " /> <div class="right-ontent">
<h2>What winter looks like in Darwin,
Litchfield National Park, Darwin</h2>
<a href="#">view more</a>
</div></li>
<li class="hide-for-small-only"><img src="assets/images/right5.jpg" alt=" " title=" " /> <div class="right-ontent">
<h2>What winter looks like in Darwin,
Litchfield National Park, Darwin</h2>
<a href="#">view more</a>
</div></li>
<li>
<div class="right-ontent">
<h2>What winter looks like in Darwin,
Litchfield National Park, Darwin</h2>
<a href="#">view more</a>
</div>
<div class="right-inside-img clearfix">
<a href="#"><img src="assets/images/right6-1.jpg" alt=" " title=" " /></a>
<a href="#"><img src="assets/images/right6-2.jpg" alt=" " title=" " /></a>
<a href="#"><img src="assets/images/right6-3.jpg" alt=" " title=" " /></a>
<a href="#"><img src="assets/images/right6-4.jpg" alt=" " title=" " /></a>
</div>
</li>
</ul>
</div>
<div class="row">
<h3>Join the conversation</h3>
<ul class="right-social small-12 column">
<li><a href="#"><img src="assets/images/soc1.png" alt=" " title=" " /></a></li>
<li><a href="#"><img src="assets/images/soc2.png" alt=" " title=" " /></a></li>
<li><a href="#"><img src="assets/images/soc3.png" alt=" " title=" " /></a></li>
<li><a href="#"><img src="assets/images/soc4.png" alt=" " title=" " /></a></li>
<li><a href="#"><img src="assets/images/soc5.png" alt=" " title=" " /></a></li>
</ul>
</div>
</div>
nt right end here
<div class="keep-touch">
<div class="row">
<h2>Keep in touch</h2>
<p>Sign up to receive the latest enews, deals and travel information
from Tourism NT.</p>
<form class="clearfix">
<input type="email" placeholder="Email address" class="keep-input"/>
<input type="submit" name="submit" value="submit" class="keep-submit"/>
</form>
</div>
</div>
</div>
keep touch end here
<div class="footer">
<div class="row">
<div class="out-back hide-for-small-only clearfix">
<img src="assets/images/MAP.jpg" alt=" " title=" " />
<div class="outback-count">
<h2>explore australia's outback</h2>
<ul class="clearfix">
<li><a href="#">darwin & surrounds</a></li>
<li><a href="#">kakadu</a></li>
<li><a href="#">amhed land</a></li>
<li><a href="#">katherine & surrounds</a></li>
<li><a href="#">tennant creek & barkly region</a></li>
<li><a href="#">alice spring & surrounds</a></li>
<li><a href="#">uiuru & surrounds</a></li>
</ul>
</div>
</div>
<img src="assets/images/footer-border.png" alt=" " title=" " class="foot-border hide-for-small-only"/>
<div class="footer-social-icon medium-4 column">
<h2>find us on</h2>
<ul class="medium-2 column">
<li><a href="#"><img src="assets/images/f-soc1.jpg" /><span class="hide-for-small-only">facebook</span> </a></li>
<li><a href="#"><img src="assets/images/f-soc3.jpg" /><span class="hide-for-small-only">twitter</span> </a></li>
<li><a href="#"><img src="assets/images/f-soc5.jpg" /><span class="hide-for-small-only">google+</span> </a></li>
</ul>
<ul class="medium-2 column">
<li><a href="#"><img src="assets/images/f-soc2.jpg" /><span class="hide-for-small-only">youtube</span> </a></li>
<li><a href="#"><img src="assets/images/f-soc4.jpg" /><span class="hide-for-small-only">pintrest</span> </a></li>
<li><a href="#"><img src="assets/images/f-soc6.jpg" /><span class="hide-for-small-only">instagram</span> </a></li>
</ul>
</div>
<div class="find-out medium-3 column">
<h2>find out more</h2>
<ul>
<li><a href="#"> contact us</a></li>
<li><a href="#">subscribe</a></li>
<li><a href="#">site map</a></li>
<li><a href="#">terms of use</a></li>
<li><a href="#">social media terms of use</a></li>
<li><a href="#">FOI access</a></li>
<li><a href="#">Privecy</a></li>
</ul>
</div>
<div class="other-sites medium-4 medium-pull-2 large-pull-1 column">
<h2>our other sites</h2>
<ul>
<li class="show-for-small-only"><a href="#">australia</a></li>
<li class="show-for-small-only"><a href="#">united kingdom</a></li>
<li class="show-for-small-only"><a href="#">united states</a></li>
<li class="show-for-small-only"><a href="#">china</a></li>
<li class="show-for-small-only"><a href="#">france</a></li>
<li class="show-for-small-only"><a href="#">germany</a></li>
<li class="show-for-small-only"><a href="#">hong kong</a></li>
<li class="show-for-small-only"><a href="#">italy</a></li>
<li class="show-for-small-only"><a href="#">japan</a></li>
<li class="show-for-small-only"><a href="#">korean</a></li>
<li class="show-for-small-only"><a href="#">singapore</a></li>
<li class="show-for-small-only"><a href="#">spain</a></li>
<li class="hide-for-small-only"><a href="#">internatinal</a></li>
<li class="hide-for-small-only"><a href="#">corporate</a></li>
<li class="hide-for-small-only"><a href="#">conventions</a></li>
</ul>
</div>
</div>
</div>
footer end here
close the off-canvas menu
<a class="exit-off-canvas"></a>
</div>
</div>
header end here
</div>
content end here
</div>
wrapper end here
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="assets/js/foundation.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/jquery.plugin.min.js"></script>
<script src="assets/js/jquery.countdown.js"></script>
<script src="assets/js/jquery.selectbox-0.2.js"></script>
<script src="assets/js/site.js"></script>
<script>
$(document).foundation();
$(".select").selectbox();
</script>
</body>
</html>
--> </div>