Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
195 lines (192 sloc) 7.79 KB
<!doctype html>
<html class="no-js" lang="en">
<head>
<title>Wesgro</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/dm-style.css">
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<!-- Phone -->
<link href="css/mobi.css" rel="stylesheet" type="text/css" media="only screen and (max-width:767px)">
<!-- Tablet -->
<link href="css/tablet.css" rel="stylesheet" type="text/css" media="only screen and (min-width:768px) and (max-width:996px)">
<!-- Desktop -->
<link href="css/dm-style.css" rel="stylesheet" type="text/css" media="only screen and (min-width:996px)">
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<div class="top-bar"></div>
<div id="container">
<header>
<div class="encapsu">
<div id="logo"><a href="/"><img alt="WESGRO" src="img/dm/western-cape-logo.png" width="138" height="52"></a></div>
<nav>
<div id="main-nav"> <a href="#" class="dm">Destination Marketing</a> <br>
<a href="#" class="leis">Leisure Travel</a> <a href="#" class="conven">Convention Bureau</a></div>
<div id="search-form">
<form action="javascript:;" method="get">
<table>
<tr>
<td><input name="search" type="text" id="search" value="Keywords"></td>
<td><input name="input" type="image" src="img/dm/search-button.png" alt="search" ></td>
</tr>
</table>
</form>
</div>
<div id="top-social">
<ul>
<li><a href="layout/3"><img alt="WESGRO" src="img/dm/facebook.png" width="20" height="20"></a></li>
<li><a href="layout/3"><img alt="WESGRO" src="img/dm/twitter.png" width="20" height="20"></a></li>
<li><a href="layout/3"><img alt="WESGRO" src="img/dm/gplus.png" width="20" height="20"></a></li>
</ul>
</div>
<div id="big-nav">
<ul class="oswald">
<li><a href="#"><img alt="WESGRO" src="img/dm/home-icon.png" width="23" height="18"></a></li>
<li><a href="#">Where to go</a></li>
<li><a href="#">What's on</a></li>
<li><a href="#" style="border:none;">What to do</a></li>
</ul>
</div>
<div class="wesgro"><a href="/"><img alt="WESGRO" src="img/dm/logo.png" width="42" height="52"></a></div>
</nav>
</div>
</header>
<div style="clear:both"></div>
<div id="main-content"> <img alt="WESGRO" src="img/dm/hero1.png" class="hero-small">
<div class="inh">
<div class="bread">
<div class="region-main">
<h1> Winelands</h1>
</div>
<div class="town">
<h1><span><a href="#">Ceres</a></span></h1>
</div>
<div class="sections">
<ul>
<li><a href="#" class="active">Accommodation </a></li>
<li><a href="#">Attractions</a></li>
<li><a href="#">Conference Venues </a></li>
<li><a href="#">Adventure &amp; Sports</a></li>
<li><a href="#">Health &amp; Wellness </a></li>
<li><a href="#">Visitor Service</a></li>
<li><a href="#"> Tours &amp; Agencies</a></li>
<li><a href="#">Dining &amp; Entertainment</a></li>
</ul>
</div>
</div>
<div id="data">
<div class="pagination"><a href="#">1</a><a href="#" class="active">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a></div>
<h2>Ceres Accommodation</h2>
<div class="entry">
<div class="photo"><img alt="WESGRO" src="img/untitled.jpg" width="297"></div>
<div class="description">
<h3><a href="#">Edenvue Chalets</a></h3>
Three fully-equipped self-catering wooden chalets on a farm just outside the picturesque Prince Alfred's Hamlet are the perfect breakaway from the hustle &amp; bustle of city life.
<p><a href="#" class="go">MORE INFO</a></p>
</div>
</div>
<div style="clear:both;"></div>
<div class="entry">
<div class="photo"><img alt="WESGRO" src="img/untitled.jpg" width="297"></div>
<div class="description">
<h3><a href="#">Edenvue Chalets</a></h3>
Three fully-equipped self-catering wooden chalets on a farm just outside the picturesque Prince Alfred's Hamlet are the perfect breakaway from the hustle &amp; bustle of city life.
<p><a href="#" class="go">MORE INFO</a></p>
</div>
</div>
<div style="clear:both;"></div>
<div class="entry">
<div class="photo"><img alt="WESGRO" src="img/untitled.jpg" width="297"></div>
<div class="description">
<h3><a href="#">Edenvue Chalets</a></h3>
Three fully-equipped self-catering wooden chalets on a farm just outside the picturesque Prince Alfred's Hamlet are the perfect breakaway from the hustle &amp; bustle of city life.
<p><a href="#" class="go">MORE INFO</a></p>
</div>
</div>
<div style="clear:both;"></div>
</div>
<div id="listing-footer">
<div class="left">
<div class="inh">
<h4>CERES CONTACT</h4>
Ceres Tourism Office<br>
Tel: +27 23 3123708<br>
<a href="#">info@ceres.org.za</a><br>
<a href="#">www.ceres.org.za</a><br>
Physical: C/o Voortrekker & Owen Street, Ceres, 6835</div>
</div>
<div class="google-maps">
<div class="inh">
<div class="map">
<img alt="WESGRO" src="img/dm/untitled.png" width="630"></div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="inh">
<div class="panel1">
<ul>
<li><a href="#">Media Centre</a></li>
<li><a href="#">Film Trade &amp; Investment</a></li>
<li><a href="#">Events</a></li>
</ul>
<p>&copy; Copyright of Wesgro South Africa</p>
</div>
<div class="panel2">
<ul>
<li><a href="#">Link to us</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Get listed</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div class="panel3">
<form name="form1" method="post" action="javascript:;">
<h4>Newsletter Signup</h4>
<table >
<tr>
<td>Name<br>
<input type="text" name="textfield" id="textfield" class="newsl"></td>
</tr>
<tr>
<td>Email<br>
<input type="text" name="textfield2" id="textfield2" class="newsl"></td>
</tr>
<tr>
<td>My Interest<br>
<select name="select" id="select" class="newsl">
<option selected>--Select--</option>
<option>Leisure Travel</option>
<option>Convention Bureau</option>
</select></td>
</tr>
<tr>
<td><input type="submit" name="button" id="button" value="Signup"></td>
</tr>
</table>
</form>
</div>
</div>
</div>
<div style="clear:both"></div>
<div id="main" role="main"></div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
Modernizr.load({
load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
});
</script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>