

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

		<title>Web Design Huddersfield | Website Designers - Real Web Design</title>

		<meta name="description" content="Creative web design and development studio from Huddersfield. Offering bespoke, W3C standards compliant website design and development solutions." />

        <meta name="robots" content="all,index,follow,noodp" />
        
        <link type="text/css" rel="stylesheet" href="cssfiles/main.css" />
        <link type="text/css" rel="stylesheet" href="cssfiles/validationEngine.jquery.css" />

        <link rel="icon" href="images/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
        
        <link rel="canonical" href="http://www.realwebdesignhuddersfield.co.uk/" />
		<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700' rel='stylesheet' type='text/css'>

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

		<script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>

		<script type="text/javascript">
    
            <!-- 
    
                $().ready(function() {
    
                    $(".banner-scrollable").scrollable({'circular': true}).autoscroll({ 'autoplay': true, 'interval': 6000 });
					
					$(".project-scrollable").scrollable({'circular': true}).autoscroll({ 'autoplay': true, 'interval': 6000 });
    
                    $('.three-item-list .img').hover(
    
                        function(){
    
                            $($(this).attr('rel')).addClass('active');
    
                        },
    
                        function(){
    
                            $($(this).attr('rel')).removeClass('active');
    
                        }
    
                    )
					
					$('.project-list .img').hover(
    
                        function(){
    
                            $($(this).attr('rel')).addClass('active');
    
                        },
    
                        function(){
    
                            $($(this).attr('rel')).removeClass('active');
    
                        }
    
                    )
    
                })
    
            // -->
    
        </script>

        <meta name="author" content="Real Web Design" />

        <meta name="language" content="en" />

        <meta name="distribution" content="global" />

        <meta name="rating" content="general" />
        
        <script type="text/javascript">
		
		  var _gaq = _gaq || [];
		  _gaq.push(['_setAccount', 'UA-9109958-16']);
		  _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>
        <!--

        ===================================

        Designed & built by Real Web Design

        Tel: 01484 313 553

        E-mail: hi@realwebdesignhuddersfield.co.uk

        Web: http://www.realwebdesignhuddersfield.co.uk

        ===================================

        -->

	</head>

	<body class="index">

		<div id="wrapper">

        <div style="position: fixed; z-index: 1000; background: rgb(255, 255, 255) transparent; background-color: rgba(255,255,255,0.95); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5FFFFFF, endColorstr=#f5FFFFFF); -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#f5FFFFFF, endColorstr=#f5FFFFFF)'; width: 999px; margin-left: -27px; padding-left: 27px; top: 0; height: 77px; border-bottom: 1px solid #FFFFFF;">

			<a style="margin-top: 20px;" href="index.php" title="Real Web Design Huddersfield" id="logo"><img src="images/real-web-design.png" alt="Web Design Huddersfield" title="Real Web Design Huddersfield" width="250" height="43" /></a></div>

			<div class="clear" style="height: 50px;"><!-- --></div>
            
			<div class="banner-scrollable-container">			

				<a href="javascript:;" class="prev browse" title="Previous"><!-- --></a>

				<a href="javascript:;" class="next browse" title="Next"><!-- --></a>			

                <div class="banner-scrollable">   
    
                    <div class="items">		   			
    
                            <div>
    
                                <a href="our-work.php" title="Web Design in Huddersfield"><img src="images/banner-websites.jpg" alt="Web Design in Huddersfield" width="972" height="400" /></a>
    
                            </div>					
    
                            <div>
    
                                <a href="our-work-wdc.php" title="WDC Website Design"><img src="images/banner-wdc.jpg" alt="WDC Website Design" width="972" height="400" /></a>
    
                            </div>					
    
                            <div>
    
                                <a href="our-work-disc.php" title="The Disc Website"><img src="images/banner-thedisc.jpg" alt="The Disc Website" width="972" height="400" /></a>
                                    
                            </div>
                            
                            <div>
    
                                <a href="our-work-scala.php" title="Scala Brand Design and Website"><img src="images/banner-scala.jpg" alt="Scala Brand Design and Website" width="972" height="400" /></a>
                                    
                            </div>
                            
                            <div>
    
                                <a href="our-work-rkh.php" title="RKH Web Design"><img src="images/banner-rkh.jpg" alt="RKH Web Design" width="972" height="400" /></a>
                                    
                            </div>							 
    
                    </div> <!-- .items -->
    
                </div> <!-- .banner-scrollable -->
            
            </div> <!-- .banner-scrollable-container -->            
            <a href="mailto:hi@realwebdesignhuddersfield.co.uk" title="Hire Us" id="btn-call"><img src="images/btn-call.png" alt="Hire Us" width="290" height="150" /></a>
            
            <div id="home-quote">Delivering perfect digital solutions</div>
            
            <section class="home-services">
            
            	<div class="service-item first">
    
                    <a href="web-design.php" title="Web Design" class="img"><img src="images/service-webdesign.png" alt="Web Design" /></a>
    
                    <div class="clear"><!-- --></div>
    
                    <p class="title"><a href="web-design.php" title="Web Design">Web Design</a></p>
    
                    <div class="lead">
    
                        that elevates you above your competition, using carefully considered content, laid out in a stylish and beautiful manner.
    
                    </div>
    
                    <a href="web-design.php" title="Web Design" class="left read-more">Read more &gt;</a>
                    
                    <a href="web-design.php" class="service-hover"></a>
    
                    <div class="clear"><!-- --></div>
    
                </div>
    
                <div class="service-item second">
    
                    <a href="e-commerce.php" title="E-commerce" class="img"><img src="images/service-ecommerce.png" alt="E-commerce" /></a>
    
                    <div class="clear"><!-- --></div>
    
                    <p class="title"><a href="e-commerce.php" title="E-commerce">E-commerce</a></p>
    
                    <div class="lead">
    
                        solutions that can transform your website into a veritable money making machine.
       
                    </div>
    
                    <a href="e-commerce.php" title="E-commerce" class="left read-more">Read more &gt;</a>
                    
                    <a href="e-commerce.php" class="service-hover"></a>
    
                    <div class="clear"><!-- --></div>
    
                </div>
    
                <div class="service-item third">
    
                    <a href="cms.php" title="CMS" class="img"><img src="images/service-cms.png" alt="CMS" /></a>
    
                    <div class="clear"><!-- --></div>
    
                    <p class="title"><a href="cms.php" title="CMS">CMS</a></p>
    
                    <div class="lead">
    
                       Content Management Systems that put you in control, so you don’t have to pay us every time you want to remove a, comma.

                    </div>
    
                    <a href="cms.php" title="CMS" class="left read-more">Read more &gt;</a>
                    
                    <a href="cms.php" class="service-hover"></a>
    
                    <div class="clear"><!-- --></div>
    
                </div>
                            
            </section><!-- .home-services -->
               
            <div class="clear"><!-- --></div>
            
            <div class="grey-container" id="pseudo-bottom">

				<div class="two-columns">

					<div class="text-field">

						<div class="left-circle">

                            <div class="fpc">
                
                                <img src="images/thinkreal.png" alt="Real Web Design Huddersfield" width="151" height="37" />
                    
                                <br/><br/>
                    
                                <p><img title="Website Design in Huddersfield" src="images/tab-home.png" alt="Website Design in Huddersfield" width="188" height="188" /></p>
                    
                                <div class="clear"><!-- --></div>
                    
                            </div>

						</div> <!-- .left-circle -->

						<div class="right-text">

                            <div class="fpc">
                            
                                <h1 style="font: bold 13px/19px Tahoma, Arial, Helvetica, sans-serif;margin:1em 0;padding:0;color:#4e4b3e;text-align:left;"><strong>Real Web Design</strong>, studio in <strong>Huddersfield</strong>, Yorkshire.</h1>
                                
                                <h2 style="font: normal 13px/19px Tahoma, Arial, Helvetica, sans-serif;margin:1em 0;padding:0;color:#4e4b3e;text-align:left;">Hi! We're <strong>Real Web Design</strong>!</h2>
        
                                <p>We're a forward thinking friendly local business based in Huddersfield, West Yorkshire, and we're here to help you get the most out of the ever increasing online market place.</p>
                                
                                <p>Before doing business with you, almost all prospects will check you out on the internet first… and making the right first impression can mean the difference between them contacting you, or moving on to one of your competitors. Do you have a suitable website? Will it impress them? Are you getting your message across?</p>
                                                                
                                <p>At Real Web Design Huddersfield our team of graphic design, web design, and web development specialists have been producing stunning, creatively designed websites to individuals and businesses in the Huddersfield area for more than 10 years.</p>
                                
                                <p>We will produce the website that is right for you, taking time to understand your business and brand, and carefully integrating your website into your marketing activities. Beyond that, we will support you with SEO, social media and offline marketing to ensure you get found in search engines and you are generating website traffic.</p>
                                
                                <h3 style="font: normal 13px/19px Tahoma, Arial, Helvetica, sans-serif;margin:0;padding:0;color:#4e4b3e;text-align:left;">Please take a moment to look through our web design portfolio...</h3>
                                
                                <p style="margin:0 0 1em 0">... we are really proud of our work, then drop us a line. We'd love to meet up for a coffee where we can discuss your project in more detail, and find out how we can help.</p>
                                
                                <h4 style="font: normal 13px/19px Tahoma, Arial, Helvetica, sans-serif;margin:0;padding:0;color:#4e4b3e;text-align:left;"><strong>So give Real Web Design Huddersfield a call, we'd love to hear from you!</strong></h4>
        
                                <p class="extra-links"><a href="services.php">View Our Services &gt;</a><a href="our-work.php">Browse Our Work &gt;</a><a href="contact.php">Contact Us &gt;</a>

							</div> <!-- .fpv -->

						</div> <!-- .right-text -->
                        
                    </div> <!-- .text-field -->

					<div class="clients-field">

                        <img src="images/clients-love-us.png" alt="Clients Love Us" class="hdr" width="176" height="25"/>
                
                        <div class="to-center"><img src="images/test-rkh.png" alt="RKH Consultants" class="img" width="130" height="130" /></div>
                
                        <div class="quote-text">

						<p>The guys at Real gave me great service, always on the phone and on email for support and even on hand to come in for meetings to discuss the project.</p>

						<a href="testimonials.php" title="more">more</a>

						<span class="line-first">Raymond Harriott, Owner</span>

						<span class="line-second">RKH Consultants</span>

					</div> <!-- .clients-field -->

					<div class="clear"><!-- --></div>

				</div> <!-- .two-columns -->

				<div class="clear"><!-- --></div>
			
            </div>
            
		</div> <!-- .grey-container#pseudo-bottom -->
        
        <p class="portfolio-widget">We take pride in our work, we’d love you to take a look...</p>
        
                  
            <div class="three-item-list">

                <div class="item first">
        
                    <a href="our-work-allstar.php" title="All Star Entertainment" class="img" rel="#item-1"><img src="images/portfolio-grid-allstar.jpg" alt="All Star Entertainment" width="306" height="204" />
        
                        <span class="alpha" id="item-1">
        
                            <p class="client">All Star Entertainment</p>
        
                            <p>click to view &gt;</p>
        
                           
        
                        </span>
        
                    </a>
        
                </div> <!-- .item.first -->
        
                <div class="item second">
        
                    <a href="our-work-wdc.php" title="WDC Entertainment" class="img" rel="#item-2"><img src="images/portfolio-grid-wdc.jpg" alt="WDC Entertainment" width="306" height="204" />
        
                        <span class="alpha" id="item-2">
        
                            <p class="client">WDC Entertainment</p>
        
                            <p>click to view &gt;</p>
        
                        </span>
        
                    </a>
        
                </div> <!-- .item.second -->
              
                <div class="item third">
        
                    <a href="our-work-slt.php" title="SLT Remapping" class="img" rel="#item-3"><img src="images/portfolio-grid-slt.jpg" alt="SLT Remapping" width="306" height="204" />
        
                        <span class="alpha" id="item-3">
        
                            <p class="client">SLT Remapping</p>
        
                            <p>click to view &gt;</p>
        
                        </span>
        
                    </a>
        
                </div> <!-- .item.third -->
                
                <div class="item first">
        
                    <a href="our-work-rkh.php" title="RKH Consultants" class="img" rel="#item-4"><img src="images/portfolio-grid-rkh.jpg" alt="RKH Consultants" width="306" height="204" />
        
                        <span class="alpha" id="item-4">
        
                            <p class="client">RKH Consultants</p>
        
                            <p>click to view &gt;</p>
        
                           
        
                        </span>
        
                    </a>
        
                </div> <!-- .item.first -->
        
                <div class="item second">
        
                    <a href="our-work-disc.php" title="The Disc DJ Store" class="img" rel="#item-5"><img src="images/portfolio-grid-thedisc.jpg" alt="The Disc DJ Store" width="306" height="204" />
        
                        <span class="alpha" id="item-5">
        
                            <p class="client">The Disc DJ Store</p>
        
                            <p>click to view &gt;</p>
        
                        </span>
        
                    </a>
        
                </div> <!-- .item.second -->
              
                <div class="item third">
        
                    <a href="our-work-scala.php" title="SCALA" class="img" rel="#item-6"><img src="images/portfolio-grid-scala.jpg" alt="SCALA" width="306" height="204" />
        
                        <span class="alpha" id="item-6">
        
                            <p class="client">SCALA</p>
        
                            <p>click to view &gt;</p>
        
                        </span>
        
                    </a>
        
                </div> <!-- .item.third -->
                
            </div> <!-- .three-item-list -->	        
        <h3>A brief insight into some of the services we offer...</h3>
        
        <div class="three-item-list text">

            <div class="item first">
            
            	<h2>Web Design <a href="http://en.wikipedia.org/wiki/Web_design" title="What's this?" class="question-link" target="_blank">?</a></h2>
        
                <p>Our aim is to design beautifully effective websites for people and businesses in the Huddersfield area, and we have a <a href="our-work.php">web design portfolio</a> to prove it. We create bespoke websites that get your message across in the fastest, most relevant way possible.<br/><a href="web-design.php">Read more &gt;</a></p>
        
            </div> <!-- .item.first -->
        
            <div class="item second">

            	<h2>E-Commerce <a href="http://en.wikipedia.org/wiki/E-commerce" title="What's this?" class="question-link" target="_blank">?</a></h2>
        
                <p>People love shopping online, and online retail continues to grow, it is predicted to account for 21.5% of all retail sales by 2018, you need to be part of it. We can provide you your very own e-commerce system that takes care of everything from payment processing to statistics. <a href="e-commerce.php">Read more &gt;</a></p>
        
            </div> <!-- .item.second -->
              
            <div class="item third">

            	<h2>CMS <a href="http://en.wikipedia.org/wiki/Content_management_system" title="What's this?" class="question-link" target="_blank">?</a></h2>
        
                <p>Content management systems make it easy for you to change, add or take away whatever you like, whenever you need to. We can provide you with a system that uses a basic MS Word style interface to add content and images to your website, putting you in complete control. <a href="cms.php">Read more &gt;</a></p>
        
            </div> <!-- .item.third -->

		<div class="clear"><!-- --></div>
        
        </div> <!-- .three-item-list -->
        
		<div class="clear"><!-- --></div>

        <div id="footer">
        
        	<p class="copyright"><img src="images/icon-real-footer.png" alt="Real Web Design" />Copyright &copy; 2013 Real Web Design. All Rights Reserved. Huddersfield, West Yorkshire.</p>
            
            <div id="fb-footer"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.realwebdesignhuddersfield.co.uk&amp;width=125&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21&amp;appId=130047427165759" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:140px; height:21px;" allowTransparency="true"></iframe></div>
            
            <p class="right">

				<span class="right"><img class="ehh" src="images/icon-email.png" alt="Contact Real" width="16" height="12" /> <script src="scripts/hiddenmail.js" type="text/javascript"></script></span>

				<span class="left"><img src="images/icon-tel.png" alt="Phone" class="ehh" width="18" height="18" /> 01484 313 553</span>

			</p>

			<div class="clear"><!-- --></div>
            
        </div> <!-- #footer -->
        
        <ul id="menu" style="position: fixed; z-index: 1001;">				
			
			<li id="contact" ><a href="contact.php" title="Contact us">Contact us</a></li>
    
			<li ><a href="our-work.php" title="Our work">Our work</a></li>
    
			<li ><a href="services.php" title="Services">Services</a></li>
    
			<li ><a href="about-real.php" title="About">About</a></li>
    
			<li class="active"><a href="../" title="Home">Home</a></li>

		</ul>

		</div> <!-- #wrapper -->

	</body>

</html>