
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>Rick Carter - Southampton / Winchester Web Designer.</title>
<meta name="Description" content="Rick's a web designer and photographer covering Southampton and Winchester. This is his online portfolio, where you can check out his latest work." />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="/min/g=css" type="text/css" media="screen" />
<!-- Load jQuery -->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
		// <![CDATA[
  google.load("jquery", "1.4.4");
  google.load("jqueryui", "1.8.6");
  
		// ]]>
</script>
<script type="text/javascript" src="/min/f=/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="/min/f=/js/jquery.tools.min.js"></script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->

<script src="/min/f=/js/cufon-yui.js" type="text/javascript"></script>
<script src="/min/f=/js/Gill_Sans_400.font.js" type="text/javascript" ></script>
<script type="text/javascript">
	Cufon.replace('.carousel_panel_landing p');
	Cufon.replace('h1',{hover: true});
	Cufon.replace('h2',{hover: true});
	Cufon.replace('h3',{hover: true});
	Cufon.replace('#mainNavigation a',{hover: true});
</script>
<link href="/min/f=/css/home.css" rel="stylesheet" type="text/css" />


<!-- 
======================================================================

	Website designed and built by Rick Carter
	Web : http://www.rickcarter.co.uk
	(c) 2014

======================================================================
 -->

<script>
//vars for carousel
    var carousel = ('.carousel_items');
$(document).ready(function(){
	
	$(carousel).cycle({
            fx: 'fade',
            speed: 6000,
            timeout: 2000,
            cleartype: 1,
            activePagerClass: 'active',
            pager: '.carousel_nav',
            pagerAnchorBuilder: function(idx, slide) {
                return '.carousel_nav a:eq(' + idx + ')';
            },
            fastOnEvent: 300,
            //manualTrump: true,
            onPagerEvent: function(zeroBasedSlideIndex, slideElement) {
                $(carousel).cycle('pause');
            },
            pause: 1
        });
	
			$('#footer').height( ($(window).height() - $('#container').height()) + "px" );
		
		$(window).resize(function(){ $('#footer_container').height( ($(window).height() - $('#container').height()) + "px" ); });
	
});

</script>
<link rel="icon" type="image/png" href="/favicon.png" />
<!-- Google Analytics Tracking to go here -->
</head>
<body>
<!-- 172.16.10.132 -->
<div class="container">
<header>
<div class="row">
<div class="fourcol">
<div id="logo">
<a href="/" title="">Rick Carter</a>
</div></div>
<div class="eightcol last">
<nav id="mainNavigation">
<!-- Main Navigation -->
<ul class="clearfix">
</ul>
<!-- End of Main Navigation -->
</nav>
</div>
</div>
</header>
<div class="row">
<!--- large column begin -->
<div class="twelvecol last">
<div class="carousel_home">               
<div class="carousel_items">
<div class="carousel_item" style="position: absolute; top: 0px; left: 0px; z-index: 2; width: 980px;><figure class="carousel_image"><img width="980" alt="Find Chalets Website" src="/images/homepageBanners/findchalets.jpg"></figure> 
</div> 
<div class="carousel_item" style="position: absolute; top: 0px; left: 0px; display: none; z-index: 2; opacity: 0; width: 980px;><figure class="carousel_image"><img width="980" alt="Bromley Lawn Tennis Club Website" src="/images/homepageBanners/bromleylawn.jpg"></figure> 
</div> 
</div>
</div>

<article class="home_content">
    
    
    



<div class="row" id="homepage_content">
            <h1 class="hidden">Hampshire Web Designer</h1>
			<p class="pseduo_h1">I design and build websites.</p>
<p>I'm Rick, an experienced freelance web designer and developer based between Southampton and Winchester in Hampshire.</p><p>I've build hundreds of websites for all types of businesses. I've been lucky to have worked with organisations across the UK from small business start-ups to large corporates. All at a lower cost than you might think.</p>
</div>
</article></div>
<!--- large column end -->
</div>
<!--- Row End -->
</div>
<div id="footer_container">
<footer id="footer">
    <div class="row">
    <div class="fourcol">
        <h4>Latest Web Design Work</h4>
        <ul>
    <li>Find Chalets</li>
<li>Bromley Lawn Tennis</li>
<li>Personal Sites</li>
        </ul>
    </div>
    <div class="fourcol"><h4>Web Skills and Services</h4>
     <ul>
    <li>PHP</li>
<li>Content Management</li>
<li>AdWords</li>
<li>Valid HTML and CSS</li>
<li>eCommerce</li>
<li>Photography</li>
        </ul>
    </div>
    <div class="fourcol last"><h4>Areas Covered</h4>
		<p>Web Designer based between Southampton and Winchester, covering the south coast including</p>
        <ul>
            <li>Southampton</li>
            <li>Winchester</li>
            <li>Portsmouth</li>
            <li>Bournemouth</li>
            <li>Hampshire, West Sussex &amp; Surrey</li>
        </ul>
        
        <p><em>Contact me on 0783 495 4949.</em></p><p>&copy; 2014 Rick Carter. <a href="/terms/">Terms</a></p></div>
    </div>
</footer>
</div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-110229-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script></body>
</html>
