<!DOCTYPE HTML>
<html lang="en-gb" dir="ltr">

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="Web Design, Web Development, Joomla Web Design, Joomla, Website Templates" />
  <meta name="author" content="Super User" />
  <meta name="description" content="We aim to improve business by delivering effective solutions based on innovative technologies and clean designs with the ultimate user experience in mind." />
  <meta name="generator" content="Joomla! - Open Source Content Management" />
  <title>Web Design and Development - Joomla Web Design</title>
  <link href="http://www.wobble.co.za/index.php?option=com_search&amp;format=opensearch" rel="search" title="Search Wobble" type="application/opensearchdescription+xml" />
  <link href="/templates/yoo_infinite/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <link rel="stylesheet" href="/cache/widgetkit/widgetkit-477d1d41.css" type="text/css" />
  <link rel="stylesheet" href="/media/system/css/modal.css" type="text/css" />
  <link rel="stylesheet" href="http://www.wobble.co.za/modules/mod_wdstwitterwidget/css/wdstwitterwidget.css" type="text/css" />
  <style type="text/css">
div#ideafeedbackbuttonj6showb1{ overflow:hidden; position:fixed; width:30px;right:0%;top:50%;z-index:300;-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}div#ideafeedbackbuttonj6showb1 a{
        background:url(/images/request_a_quote.png) 50% 50% no-repeat;
        background-image:url(/images/request_a_quote.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        display:block;
        height:130px;
        width:20px;
        line-height:0;
        padding:5px;
        text-indent:-99999px;
        background-color:#000000;
        -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
        }div#ideafeedbackbuttonj6showb1 a:hover {background-color:#333333; margin:0;}div#ideafeedbackbuttonj6showb2{ overflow:hidden; position:fixed; width:30px;right:0%;top:5px;z-index:300;-webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}div#ideafeedbackbuttonj6showb2 a{
        background:url(/images/login.png) 50% 50% no-repeat;
        background-image:url(/images/login.png);
        background-position:50% 50%;
        background-repeat:no-repeat;
        display:block;
        height:53px;
        width:20px;
        line-height:0;
        padding:5px;
        text-indent:-99999px;
        background-color:#006ea3;
        -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
        }div#ideafeedbackbuttonj6showb2 a:hover {background-color:#006600; margin:0;}#wds-tweets a {color: #f0f0f0}#wds-container {background-color: #2f3942}#wds-header {border-bottom-color: #2f3942}#wds-container {border-color: #2f3942}.wds-copyright {border-top-color: #2f3942}.wds-tweet-container {border-bottom-color: #2f3942}#wds {color: #fff}a .wds-display-name {color: #757575}a .wds-screen-name {color: #999999}a:hover .wds-screen-name {color: #666666}#wds-header, #wds-header a {color: #666666}
  </style>
  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
  <script src="/media/system/js/core.js" type="text/javascript"></script>
  <script src="/media/system/js/caption.js" type="text/javascript"></script>
  <script src="/media/widgetkit/js/jquery.js" type="text/javascript"></script>
  <script src="/cache/widgetkit/widgetkit-a2fa09ac.js" type="text/javascript"></script>
  <script src="/media/system/js/modal.js" type="text/javascript"></script>
  <script type="text/javascript">
window.addEvent('load', function() {
				new JCaption('img.caption');
			});
		window.addEvent('domready', function() {

			SqueezeBox.initialize({});
			SqueezeBox.assign($$('a.modal'), {
				parse: 'rel'
			});
		});
			window.addEvent('domready', function() {
				SqueezeBox.initialize({});
				SqueezeBox.assign($$('a.modalizer_link,a.modal,a.modalizer'), {
					parse:'rel'
				});
			});
		
  </script>

<link rel="apple-touch-icon-precomposed" href="/templates/yoo_infinite/apple_touch_icon.png" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/base.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/layout.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/menus.css" />
<style>.wrapper { max-width: 980px; }
#maininner { width: 100%; }
#menu .dropdown { width: 250px; }
#menu .columns2 { width: 500px; }
#menu .columns3 { width: 750px; }
#menu .columns4 { width: 1000px; }</style>
<link rel="stylesheet" href="/templates/yoo_infinite/css/modules.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/tools.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/system.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/extensions.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/custom.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/animation.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/font1/opensans.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/font2/opensanslight.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/font3/opensans.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/style.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/responsive.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/css/print.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/fonts/opensans.css" />
<link rel="stylesheet" href="/templates/yoo_infinite/fonts/opensanslight.css" />
<script src="/templates/yoo_infinite/warp/js/warp.js"></script>
<script src="/templates/yoo_infinite/warp/js/responsive.js"></script>
<script src="/templates/yoo_infinite/warp/js/accordionmenu.js"></script>
<script src="/templates/yoo_infinite/warp/js/dropdownmenu.js"></script>
<script src="/templates/yoo_infinite/js/template.js"></script>



		


</head>

<body id="page" class="page    body-dark isblog " data-config='{"twitter":1,"plusone":1,"facebook":1,"style":"default"}'>

	
		
	<div id="block-header">
		<div class="block-header wrapper ">
				
			<header id="header" class="clearfix">
				
					
				<a id="logo" href="http://www.wobble.co.za">
<div class="custom-logo size-auto">&nbsp;</div></a>
				
								<div id="menubar">
					
										<nav id="menu"><ul class="menu menu-dropdown"><li class="level1 item101 active current"><a href="/index.php?option=com_content&amp;view=article&amp;id=7&amp;Itemid=101" class="level1 active current"><span><span class="icon" style="background-image: url('http://www.wobble.co.za/images/Home-icon7.png');"> </span></span></a></li><li class="level1 item198 parent"><span class="separator level1 parent"><span>Work</span></span>
<div class="dropdown columns1"><div class="dropdown-bg"><div><div class="width100 column"><ul class="level2"><li class="level2 item215"><a href="/index.php?option=com_content&amp;view=article&amp;id=87&amp;Itemid=215" class="level2"><span>Selected Website Portfolio</span></a></li><li class="level2 item216"><a href="/index.php?option=com_content&amp;view=article&amp;id=40&amp;Itemid=216" class="level2"><span>Before &amp; After</span></a></li><li class="level2 item217"><a href="/index.php?option=com_content&amp;view=article&amp;id=41&amp;Itemid=217" class="level2"><span>Selected Newsletters</span></a></li><li class="level2 item219"><a href="/index.php?option=com_content&amp;view=article&amp;id=43&amp;Itemid=219" class="level2"><span>Social Media &amp; Networking</span></a></li><li class="level2 item334"><a href="/index.php?option=com_content&amp;view=article&amp;id=76&amp;Itemid=334" class="level2"><span>Selection Of Clients</span></a></li></ul></div></div></div></div></li><li class="level1 item197 parent"><a href="/index.php?option=com_content&amp;view=article&amp;id=25&amp;Itemid=197" class="level1 parent"><span>Services</span></a><div class="dropdown columns2"><div class="dropdown-bg"><div><div class="width50 column"><ul class="level2"><li class="level2 item405 parent"><span class="separator level2 parent"><span>Core Services</span></span>
<ul class="level3"><li class="level3 item202"><a href="/index.php?option=com_content&amp;view=article&amp;id=29&amp;Itemid=202" class="level3"><span>Web Development</span></a></li><li class="level3 item204"><a href="/index.php?option=com_content&amp;view=article&amp;id=31&amp;Itemid=204" class="level3"><span>Professional Web Design</span></a></li><li class="level3 item203"><a href="/index.php?option=com_content&amp;view=article&amp;id=30&amp;Itemid=203" class="level3"><span>Search Engine Optimisation (SEO)</span></a></li><li class="level3 item208"><a href="/index.php?option=com_content&amp;view=article&amp;id=35&amp;Itemid=208" class="level3"><span>eCommerce Solutions</span></a></li><li class="level3 item406"><a href="/index.php?option=com_content&amp;view=article&amp;id=86&amp;Itemid=406" class="level3"><span>User Experience (UX) Consulting</span></a></li></ul></li><li class="level2 item209 parent"><span class="separator level2 parent"><span>Content</span></span>
<ul class="level3"><li class="level3 item407"><a href="/index.php?option=com_content&amp;view=article&amp;id=68&amp;Itemid=407" class="level3"><span>Copywriting</span></a></li><li class="level3 item408"><a href="/index.php?option=com_content&amp;view=article&amp;id=65&amp;Itemid=408" class="level3"><span>Resources for images</span></a></li><li class="level3 item409"><a href="/index.php?option=com_content&amp;view=article&amp;id=67&amp;Itemid=409" class="level3"><span>Language Translations</span></a></li></ul></li></ul></div><div class="width50 column"><ul class="level2"><li class="level2 item403 parent"><span class="separator level2 parent"><span>Marketing</span></span>
<ul class="level3"><li class="level3 item205"><a href="/index.php?option=com_content&amp;view=article&amp;id=32&amp;Itemid=205" class="level3"><span>Social Media Strategies</span></a></li><li class="level3 item207"><a href="/index.php?option=com_content&amp;view=article&amp;id=34&amp;Itemid=207" class="level3"><span>Pay-per-click Ads</span></a></li><li class="level3 item210"><a href="/index.php?option=com_content&amp;view=article&amp;id=37&amp;Itemid=210" class="level3"><span>Newsletters</span></a></li></ul></li><li class="level2 item404 parent"><span class="separator level2 parent"><span>Additional Web Services</span></span>
<ul class="level3"><li class="level3 item211"><a href="/index.php?option=com_content&amp;view=article&amp;id=38&amp;Itemid=211" class="level3"><span>Security</span></a></li><li class="level3 item212"><a href="/index.php?option=com_content&amp;view=article&amp;id=39&amp;Itemid=212" class="level3"><span>Hosting</span></a></li><li class="level3 item206"><a href="/index.php?option=com_content&amp;view=article&amp;id=33&amp;Itemid=206" class="level3"><span>Mobile Development</span></a></li></ul></li></ul></div></div></div></div></li><li class="level1 item199"><a href="/index.php?option=com_zoo&amp;view=category&amp;layout=category&amp;Itemid=199" class="level1"><span>Blog</span></a></li><li class="level1 item200"><a href="/index.php?option=com_content&amp;view=article&amp;id=47&amp;Itemid=200" class="level1"><span>About</span></a></li><li class="level1 item264"><a href="/index.php?option=com_content&amp;view=article&amp;id=28&amp;Itemid=264" class="level1"><span>Contact</span></a></li></ul></nav>
					
										<div id="search">
<form id="searchbox-40" class="searchbox" action="/index.php" method="post" role="search">
	<input type="text" value="" name="searchword" placeholder="search..." />
	<button type="reset" value="Reset"></button>
	<input type="hidden" name="task"   value="search" />
	<input type="hidden" name="option" value="com_search" />
	<input type="hidden" name="Itemid" value="101" />	
</form>

<script src="/templates/yoo_infinite/warp/js/search.js"></script>
<script>
jQuery(function($) {
	$('#searchbox-40 input[name=searchword]').search({'url': '/index.php?option=com_search&amp;tmpl=raw&amp;type=json&amp;ordering=&amp;searchphrase=all', 'param': 'searchword', 'msgResultsHeader': 'Search Results', 'msgMoreResults': 'More Results', 'msgNoResults': 'No results found'}).placeholder();
});
</script></div>
										
				</div>
				
				
			</header>

		</div>
	</div>
	
		
	<div id="block-top-a" class="bg-color1 bg-colored">
		<div class="block-top-a wrapper max-width100">
			
			<section id="top-a" class="grid-block"><div class="grid-box width100 grid-h"><div class="module   deepest">

			
<div style="margin: -30px -10px;">
<div id="slideshow-79-521c3370bef57" class="wk-slideshow wk-slideshow-infinite" data-widgetkit="slideshow" data-options='{"style":"infinite","autoplay":1,"interval":8500,"width":"auto","height":"auto","duration":1000,"index":0,"order":"default","navigation":1,"buttons":1,"slices":15,"animated":"fade","caption_animation_duration":500}'>
	<div>
		<ul class="slides">

									<li>
				<article class="wk-content clearfix"><div class="frontpage-teaser1"><img src="images/frontpage/infinite_city.jpg" alt="infinite city" width="2500" height="459" /></div></article>
			</li>
												<li>
				<article class="wk-content clearfix"><div class="frontpage-teaser2"><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/frontpage/infinite_teaser_card.jpg" alt="infinite teaser card" width="2500" height="459" /></div></article>
			</li>
												<li>
				<article class="wk-content clearfix"><div class="frontpage-teaser3"><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/frontpage/infinite_earth.jpg" alt="infinite earth" width="2500" height="459" /></div></article>
			</li>
												<li>
				<article class="wk-content clearfix"><div class="frontpage-teaser4"><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/frontpage/infinite_teaser_planner.jpg" alt="infinite teaser planner" width="2500" height="459" /></div></article>
			</li>
												<li>
				<article class="wk-content clearfix"><div class="frontpage-teaser5"><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/frontpage/infinite_teaser1_default.jpg" alt="infinite teaser1 default" width="2500" height="459" /></div></article>
			</li>
												<li>
				<article class="wk-content clearfix"><div class="frontpage-teaser6"><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/frontpage/infinite_car.jpg" alt="infinite car" width="2500" height="459" /></div></article>
			</li>
												<li>
				<article class="wk-content clearfix"><div class="frontpage-teaser7"><img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/frontpage/infinite_teaser_finger.jpg" alt="infinite teaser finger" width="2500" height="459" /></div></article>
			</li>
								</ul>
		<div class="next"></div><div class="prev"></div>		<div class="caption"></div><ul class="captions"><li><h1>With many years of extensive experience, a clear vision and cutting edge tech, we deliver results.</h1>
<span>Welcome to a premium web agency, specialising in creating websites that really work.</span></li><li><h1>Complex integrations? Our breakfast.</h1>
<span>Be it an airline, car rental company, real estate, eBook integration with DRM, events, complex eCommerce selling, online courses or hotel booking systems, you name it, we deliver online experiences that work.</span></li><li><h1>We have clients all over the world.</h1>
<span>Australia, Bahrain, France, Maldives, Mauritius, Namibia, New Zealand, Seychelles, Singapore, South Africa, Switzerland, Tanzania, United Kingdom, United States. Where are you?</span></li><li><h1>The better the planning, the more efficient the workflow.</h1>
<span>We have efficient systems that have come a long way. Its not talk, its the pudding.</span></li><li><h1>The way real humans browse, trust and engage with websites has changed.</h1>
<span>We are not only implementing the second generation of mobile ready sites, we are also 'that' generation.</span></li><li><h1>Any business is like driving a car. You have to follow the road.</h1>
<span>We can place your business on the digital map, making it easy for your customers to find you.</span></li><li><h1>We can place your business underneath the finger pointing at the screen.</h1>
<span>We have been SEO experts since 2008.</span></li></ul>
	</div>
	<div id="nav-wrapper"><ul class="nav"><li><span></span></li><li><span></span></li><li><span></span></li><li><span></span></li><li><span></span></li><li><span></span></li><li><span></span></li></ul></div></div></div>		
</div></div></section>
			

		</div>
	</div>
	
		<div id="block-top-b" class="bg-color1 bg-colored">
		<div class="block-top-b wrapper max-width80">
		
			<section id="top-b" class="grid-block"><div class="grid-box width33 grid-h"><div class="module   deepest">

			
<div style="margin: 0 0 25px 0;">
<div class="frontpage-features">
  <img class="align-left" src="images/yootheme/home_features_ideas.png" width="108" height="108" alt="Ideas" />
   <div class="bfc-o">
     <h1>Innovative ideas.</h1>
      <p class="remove-margin">If we design your website or your mobile application, we''ll do really clever stuff. </p>
   </div>
</div>
<div class="frontpage-features">
  <img class="align-left" src="images/yootheme/home_features_strategy.png" width="108" height="108" alt="Strategy" />
   <div class="bfc-o">
     <h1>Successful projects.</h1>
     <p class="remove-margin">We enhance the features of your existing products to make your business more successful.</p>
   </div>
</div>
</div>
		
</div></div><div class="grid-box width33 grid-h"><div class="module   deepest">

			
<div style="margin: 0 0 25px 0;">
<div class="frontpage-features">
  <img class="align-left" src="images/yootheme/home_features_processes.png" width="108" height="108" alt="Processes" />
   <div class="bfc-o">
     <h1>Latest technologies. </h1>
      <p class="remove-margin">Our websites and services use the latest technologies and trends. Discover the variety of services we offer. </p>
   </div>
</div>
<div class="frontpage-features">
  <img class="align-left" src="images/yootheme/home_features_network.png" width="108" height="108" alt="Network" />
   <div class="bfc-o">
     <h1>Great network.</h1>
      <p class="remove-margin">We have the network you need. Together we can take your business to new heights. </p>
   </div>
</div>
</div>
		
</div></div><div class="grid-box width33 grid-h"><div class="module   deepest">

			
<div style="margin: 0 0 25px 0;">
<div class="frontpage-features">
  <img class="align-left" src="images/yootheme/home_features_creative.png" width="108" height="108" alt="Creative" />
   <div class="bfc-o">
     <h1>New opportunities.</h1>
     <p class="remove-margin">Our work and our projects change the way people behave and perceive. Convince yourself.</p>
   </div>
</div>
<div class="frontpage-features">
  <img class="align-left" src="images/yootheme/home_features_contact.png" width="108" height="108" alt="Contact" />
   <div class="bfc-o">
     <h1>Stay in touch.</h1>
     <p class="remove-margin">Our team will answer all your questions and find solutions for any issue. </p>
   </div>
</div>
</div>
		
</div></div></section>
			

		</div>
	</div>
					
				
	<div id="block-main" class="bg-color2 bg-colored">	
		<div class="block-main wrapper max-width80">
			
			<div id="main" class="grid-block">

				<div id="maininner" class="grid-box">

										<section id="innertop" class="grid-block"><div class="grid-box width33 grid-h"><div class="module mod-line mod-line-header  deepest">

		<h3 class="module-title"><span class="title">Our knowledge. </span><span class="subtitle"> Your benefit.</span></h3>	
<p class="margin-tb-20">We aim to improve business by delivering effective solutions based on innovative technologies and clean designs with the ultimate user experience in mind. We have systems in place to ensure that every project is a success.</p>
<p class="margin-tb-20">Discover the services we offer and convince yourself on the basis of the latest works that we've done. We love building fresh, unique and usable websites for both desktop and mobile devices.</p>
<div class="frontpage-check width50">
<ul class="check">
<li><a title="Joomla Web Development" href="development.html">Web Development</a></li>
<li><a title="Joomla Web Design" href="design.html">Web Design</a></li>
<li><a title="Joomla Ecommerce Websites" href="ecommerce.html">eCommerce Solutions</a></li>
<li><a title="Joomla designer" href="design.html">Award Winning Design</a></li>
<li>Project Management</li>
<li>API Integrations</li>
</ul>
</div>
<div class="frontpage-check width50">
<ul class="check">
<li><a title="SEO Company in Cape Town" href="seo.html">Search Engine Optmisation</a></li>
<li><a title="Social Media for Business" href="social-media.html">Social Media Strategies</a></li>
<li>Responsive Development</li>
<li>SEO Copywriting</li>
<li>SEO Reports</li>
<li>Website Security</li>
</ul>
</div>
<p><a class="button-primary" href="index.php?option=com_content&amp;view=article&amp;id=76:our-clients&amp;catid=2:uncategorised&amp;Itemid=334">View Our Clients</a></p>		
</div></div><div class="grid-box width66 grid-h"><div class="module   deepest">

			
<div class="margin-l-40">
        
<div class="wk-gallery wk-gallery-wall clearfix zoom ">

		
			
				
			<img src="/cache/widgetkit/gallery/60/1-1e826cfcfb.jpg" width="120" height="120" alt="1" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/10-529bb99314.jpg" width="120" height="120" alt="10" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/11-295edab955.jpg" width="120" height="120" alt="11" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/12-efc7e735d5.jpg" width="120" height="120" alt="12" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/13-33080b5217.jpg" width="120" height="120" alt="13" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/14-ff45f8f13d.jpg" width="120" height="120" alt="14" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/15-5ef44a3ef9.jpg" width="120" height="120" alt="15" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/2-9ce0a8b4ec.jpg" width="120" height="120" alt="2" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/3-07acca2c0b.jpg" width="120" height="120" alt="3" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/4-981b04c5fd.jpg" width="120" height="120" alt="4" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/5-16dca9c0c8.jpg" width="120" height="120" alt="5" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/6-bb4ab83df7.jpg" width="120" height="120" alt="6" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/7-7be7e04d14.jpg" width="120" height="120" alt="7" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/8-28452abf1e.jpg" width="120" height="120" alt="8" />				
		
			
				
			<img src="/cache/widgetkit/gallery/60/9-0cf2512405.jpg" width="120" height="120" alt="9" />				
	
</div>


</div>
		
</div></div></section>
					
					
					
					
				</div>
				<!-- maininner end -->
				
								
				
			</div>
			
			<!-- main end -->

		</div>
	</div>
	
		<div id="block-bottom-a" class="bg-color1 bg-colored">
		<div class="block-bottom-a wrapper max-width80">
			
			
			<section id="bottom-a" class="grid-block"><div class="grid-box width100 grid-h"><div class="module   deepest">

			
<div class="text-center frontpage-team">
<h1>Meet the Wobble team.</h1>
<p>Our team consists of passionate and experienced people,<br /> who love what they do and always look forward to face new challenges.</p>
</div>
<div style="margin: 60px 0 20px 0;">
<div id="slideset-58-521c3370c2774" class="wk-slideset wk-slideset-infinite" data-widgetkit="slideset" data-options='{"style":"infinite","width":"auto","height":286,"effect":"slide","index":0,"autoplay":1,"interval":5000,"items_per_set":4,"navigation":0,"buttons":1,"title":0,"duration":300}'>
	<div>
		<div class="sets">
							<ul class="set">
															<li>
						<article class="wk-content"><a class="image-circle" href="#" data-spotlight="effect:fade;"> <img src="images/sampledata/ian.jpg" alt="ian" width="256" height="256" /></a>
<div class="overlay">
<div style="height: 236px;">
<div style="margin-top: 175px;">
<h1 class="remove-margin">Ian,</h1>
<p class="remove-margin">Senior Web Developer &amp; SEO Specialist</p>
</div>
</div>
</div></article>
											</li>
															<li>
						<article class="wk-content"><a class="image-circle spotlight" href="#" data-spotlight="effect:fade;"> <img src="images/sampledata/leigh-ann2.jpg" alt="leigh-ann" width="256" height="256" /></a>
<div class="overlay">
<div style="height: 236px;">
<div style="margin-top: 175px;">
<h1>Leigh-Ann,</h1>
<p class="remove-margin">Web Developer</p>
</div>
</div>
</div></article>
											</li>
															<li>
						<article class="wk-content"><a class="image-circle" href="#" data-spotlight="effect:fade;"> <img src="images/sampledata/francoisedt.jpg" alt="francoisedt" width="256" height="256" /></a>
<div class="overlay">
<div style="height: 236px;">
<div style="margin-top: 175px;">
<h1 class="remove-margin">Francois,</h1>
<p class="remove-margin">Senior Web Developer</p>
</div>
</div>
</div></article>
											</li>
															<li>
						<article class="wk-content"><a class="image-circle" href="#" data-spotlight="effect:fade;"> <img src="images/reeva.jpg" alt="reeva" width="256" height="256" /></a></article>
											</li>
									</ul>
											<ul class="set">
															<li>
						<article class="wk-content"><a class="image-circle" href="#" data-spotlight="effect:fade;"> <img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/sampledata/more/lisa.jpg" alt="lisa" width="256" height="256" /></a>
<div class="overlay">
<div style="height: 236px;">
<div style="margin-top: 175px;">
<h1 class="remove-margin">Reeva,</h1>
<p class="remove-margin">Web Developer</p>
</div>
</div>
</div></article>
											</li>
															<li>
						<article class="wk-content"><a class="image-circle" href="#"> <img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/sampledata/bertus.jpg" alt="bertus" width="256" height="256" /></a>
<div class="overlay">
<div style="height: 236px;">
<div style="margin-top: 175px;">
<h1 class="remove-margin">Bertus,</h1>
<p class="remove-margin">CEO</p>
</div>
</div>
</div></article>
											</li>
															<li>
						<article class="wk-content"><a class="image-circle" href="#" data-spotlight="effect:fade;"> <img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/sampledata/lior.jpg" alt="lior" width="256" height="256" /></a>
<div class="overlay">
<div style="height: 236px;">
<div style="margin-top: 175px;">
<h1 class="remove-margin">Lior,</h1>
<p class="remove-margin">Marketing strategy &amp; Copywriter</p>
</div>
</div>
</div></article>
											</li>
															<li>
						<article class="wk-content"><a class="image-circle" href="#" data-spotlight="effect:fade;"> <img src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==" data-src="images/sampledata/malcolm.JPG" alt="nicole" width="256" height="256" /></a>
<div class="overlay">
<div style="height: 236px;">
<div style="margin-top: 175px;">
<h1 class="remove-margin">Nicole,</h1>
<p class="remove-margin">Intern</p>
</div>
</div>
</div></article>
											</li>
									</ul>
									</div>
		<div class="next"></div><div class="prev"></div>	</div>
	</div></div>		
</div></div></section>
			

		</div>
	</div>
	
		<div id="block-bottom-b" class="bg-dark bg-colored">
		<div class="block-bottom-b wrapper max-width65">
		
			<section id="bottom-b" class="grid-block"><div class="grid-box width33 grid-h"><div class="module mod-box mod-box-transparent25 mod-box-transparent  deepest">

		<h3 class="module-title">Technologies We Use</h3>	
<div class="frontpage-clients clearfix"><a href="http://jquery.com/"> <img src="images/yootheme/client_1.png" alt="Demo" width="110" height="96" /> </a> <a href="http://www.mysql.com/"> <img src="images/yootheme/client_2.png" alt="Demo" width="110" height="96" /> </a> <a href="http://www.java.com/"> <img src="images/yootheme/client_3.png" alt="Demo" width="110" height="96" /> </a> <a href="http://www.joomla.org/"> <img src="images/joomla2.png" alt="joomla2" width="110" height="96" /> </a> <a href="http://html5.org/"> <img src="images/html_5_5.png" alt="html 5 5" width="110" height="96" /></a><a href="#"> <img src="images/virtumart2.png" alt="virtumart2" width="110" height="96" /></a></div>		
</div></div><div class="grid-box width33 grid-h"><div class="module mod-box mod-box-transparent15 mod-box-transparent  deepest">

		<h3 class="module-title">Contact us</h3>	
<ul class="line frontpage-contact">
<li><strong>Write to us.</strong>
<div>
 <script type='text/javascript'>
 <!--
 var prefix = '&#109;a' + 'i&#108;' + '&#116;o';
 var path = 'hr' + 'ef' + '=';
 var addy16936 = '&#105;nf&#111;' + '&#64;';
 addy16936 = addy16936 + 'w&#111;bbl&#101;' + '&#46;' + 'c&#111;' + '&#46;' + 'z&#97;';
 var addy_text16936 = '&#105;nf&#111;' + '&#64;' + 'w&#111;bbl&#101;' + '&#46;' + 'c&#111;' + '&#46;' + 'z&#97;';
 document.write('<a ' + path + '\'' + prefix + ':' + addy16936 + '\'>');
 document.write(addy_text16936);
 document.write('<\/a>');
 //-->\n </script><script type='text/javascript'>
 <!--
 document.write('<span style=\'display: none;\'>');
 //-->
 </script>This email address is being protected from spambots. You need JavaScript enabled to view it.
 <script type='text/javascript'>
 <!--
 document.write('</');
 document.write('span>');
 //-->
 </script></div>
</li>
</ul>
<ul class="line frontpage-contact">
<li><strong>Call us.</strong>
<div>+27 (0)21 446 2300 (Ext. 125)</div>
</li>
</ul>
<ul class="line frontpage-contact">
<ul class="line frontpage-contact">
<ul class="line frontpage-contact">
<li><strong>Follow us.</strong>
<div><a href="https://www.facebook.com/effectivewebsites" target="_blank"><img src="images/facebook_logo.png" alt="facebook logo" width="55" height="55" /></a><a href="https://twitter.com/bertusfloor" target="_blank"><img src="images/twitter_logo.png" alt="twitter logo" width="55" height="55" /></a><a href="https://plus.google.com/100048668598543363915" rel="publisher" target="blank"><img src="images/gplus.png" alt="Google Plus" width="55" height="55" /></a></div>
</li>
</ul>
</ul>
</ul>
<ul class="line frontpage-contact">
<ul class="line frontpage-contact">
<li><strong>Meet us.</strong>
<div>20th Floor, Triangle House<br />22 Riebeek Street<br />Cape Town<br />South Africa</div>
</li>
</ul>
</ul>		
</div></div><div class="grid-box width33 grid-h"><div class="module mod-box mod-box-transparent15 mod-box-transparent  deepest">

		<h3 class="module-title">Latest Tweets</h3>	<div id="wds-container">
	<div id="wds">
				<div id="wds-tweets">
						<div class="wds-tweet-container ">
											<div class="wds-tweet">
																		RT @<a class="username" href="http://twitter.com/iannaudesa" rel="external" target="_blank">iannaudesa</a>: Content Marketing - moving the message from a banner to your brand and changing the engagement from a view to a conversatio…					</div>
					<div class="wds-tweet-data">
																													</div>
				</div>
						<div class="wds-tweet-container ">
											<div class="wds-tweet">
																		Real time stats of what's happening on the internet: <a class="url" href="http://t.co/vxR9X1B311" rel="external" target="_blank">http://t.co/vxR9X1B311</a> We love stats.					</div>
					<div class="wds-tweet-data">
																													</div>
				</div>
						<div class="wds-tweet-container ">
											<div class="wds-tweet">
																		RT @<a class="username" href="http://twitter.com/bertusfloor" rel="external" target="_blank">bertusfloor</a>: We are looking for a PHP Developer, preferably with knowledge of Joomla or other CMS's. Please spread the word... http://t…					</div>
					<div class="wds-tweet-data">
																													</div>
				</div>
						<div class="wds-tweet-container  wds-last">
											<div class="wds-tweet">
																		Happy Birthday Nazeem! <a class="url" href="http://t.co/slNgnwS9ZZ" rel="external" target="_blank">http://t.co/slNgnwS9ZZ</a>					</div>
					<div class="wds-tweet-data">
																													</div>
				</div>
					</div>
	</div>
	</div>
		
</div></div></section>
			
		</div>
	</div>
	
	
		<div id="block-footer" class="bg-dark bg-colored">
		<div class="block-footer wrapper max-width65">
		
			<footer id="footer">

								<a id="totop-scroller" href="#page"></a>
				
				<div class="module   deepest">

			<ul class="menu menu-line"><li class="level1 item321"><a href="/index.php?option=com_content&amp;view=article&amp;id=75&amp;Itemid=321" class="level1"><span>Terms &amp; Conditions</span></a></li><li class="level1 item221"><a href="/index.php?option=com_content&amp;view=article&amp;id=46&amp;Itemid=221" class="level1"><span>Jobs Available</span></a></li></ul>		
</div>
<div class="module   deepest">

			
<p>Built with JOOMLA 2.5, HTML5, CSS3 and ZOO Copyright © 2013 <a href="http://www.wobble.co.za">Wobble - Joomla Web Design and Development</a></p>		
</div>
			</footer>
			

		</div>
	</div>
		
	<script type="text/javascript">
			var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	        
        <meta name="verify-v1" content="gVmgqDNOU1h38nKMIlhv2T7OlEkWnmqd6ya2aaDsV3U=" />
		
				document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
		</script>
		
		<script type="text/javascript">
			try {
			var pageTracker = _gat._getTracker("UA-1292842-33");
			pageTracker._trackPageview();
			} catch(err) {}
		</script>
	
<noscript><strong>JavaScript is currently disabled.</strong>Please enable it for a better experience of <a href="http://2glux.com/projects/jumi">Jumi</a>.</noscript></body>
</html><div id="ideafeedbackbuttonj6showb1"><a href="mailto:info@wobble.co.za?subject=Request a quote">feedback</a></div><div id="ideafeedbackbuttonj6showb2"><a href="index.php?option=com_content&view=article&id=77">feedback</a></div>