Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
165 lines (162 sloc) 6.76 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>Articles</h1>
</div>
<div class="town"></div>
</div>
<p>&nbsp;</p>
<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>Leisure Travel Articles</h2>
<div class="entry">
<div class="photo"><img alt="WESGRO" src="img/dm/del4.png" width="285" height="216"></div>
<div class="description">
<h3><a href="#">Article One</a></h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis mauris eget magna congue lobortis. Pellentesque sit amet lectus sed dui accumsan malesuada. Donec pellentesque semper urna sed bibendum.
<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/dm/del4.png" width="285" height="216"></div>
<div class="description">
<h3><a href="#">Article Two</a></h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis mauris eget magna congue lobortis. Pellentesque sit amet lectus sed dui accumsan malesuada. Donec pellentesque semper urna sed bibendum.
<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/dm/del4.png" width="285" height="216"></div>
<div class="description">
<h3><a href="#">Article Three</a></h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis mauris eget magna congue lobortis. Pellentesque sit amet lectus sed dui accumsan malesuada. Donec pellentesque semper urna sed bibendum.
<p><a href="#" class="go">MORE INFO</a></p>
</div>
</div>
<div style="clear:both;"></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>