<!DOCTYPE html>
<html class="fade-in" prefix="og: http://ogp.me/ns#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="shortcut icon" type="image/png" href="https://www.harratts.co.uk/wp-content/themes/harratts/assets/img/favicon.ico"/>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MNSKDXV');</script><!-- End Google Tag Manager -->

<!--[if lt IE 9]>
<script src="//oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

<script type="module" src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine-ie11.min.js" defer></script>



	<!-- This site is optimized with the Yoast SEO plugin v15.0 - https://yoast.com/wordpress/plugins/seo/ -->
	<title>Harratts | New and Used Cars For Sale in West Yorkshire</title>
	<meta name="description" content="Harratts | New and Used Cars West Yorkshire | Servicing and Repairs | Family-run since 1966 | Honda | Renault | Dacia | Mitsubishi | Nissan" />
	<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<link rel="canonical" href="https://www.harratts.co.uk/" />
	<meta property="og:locale" content="en_GB" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Harratts | New and Used Cars For Sale in West Yorkshire" />
	<meta property="og:description" content="Harratts | New and Used Cars West Yorkshire | Servicing and Repairs | Family-run since 1966 | Honda | Renault | Dacia | Mitsubishi | Nissan" />
	<meta property="og:url" content="https://www.harratts.co.uk/" />
	<meta property="og:site_name" content="Harratts" />
	<meta property="article:publisher" content="https://www.facebook.com/Harratts/" />
	<meta property="article:modified_time" content="2020-10-07T15:32:39+00:00" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:creator" content="@harratts" />
	<meta name="twitter:site" content="@harratts" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.harratts.co.uk/#organization","name":"Harratts","url":"https://www.harratts.co.uk/","sameAs":["https://www.facebook.com/Harratts/","https://twitter.com/harratts"],"logo":{"@type":"ImageObject","@id":"https://www.harratts.co.uk/#logo","inLanguage":"en-GB","url":"https://www.harratts.co.uk/wp-content/uploads/2019/02/Screenshot-2019-02-06-at-12.22.43.png","width":778,"height":896,"caption":"Harratts"},"image":{"@id":"https://www.harratts.co.uk/#logo"}},{"@type":"WebSite","@id":"https://www.harratts.co.uk/#website","url":"https://www.harratts.co.uk/","name":"Harratts","description":"Harratts Group Ltd","publisher":{"@id":"https://www.harratts.co.uk/#organization"},"potentialAction":[{"@type":"SearchAction","target":"https://www.harratts.co.uk/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https://www.harratts.co.uk/#webpage","url":"https://www.harratts.co.uk/","name":"Harratts | New and Used Cars For Sale in West Yorkshire","isPartOf":{"@id":"https://www.harratts.co.uk/#website"},"about":{"@id":"https://www.harratts.co.uk/#organization"},"datePublished":"2019-02-06T12:00:04+00:00","dateModified":"2020-10-07T15:32:39+00:00","description":"Harratts | New and Used Cars West Yorkshire | Servicing and Repairs | Family-run since 1966 | Honda | Renault | Dacia | Mitsubishi | Nissan","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.harratts.co.uk/"]}]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//stackpath.bootstrapcdn.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//unpkg.com' />
<link rel='dns-prefetch' href='//use.fontawesome.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel='stylesheet' id='wp-block-library-css'  href='https://www.harratts.co.uk/wp-includes/css/dist/block-library/style.min.css?ver=5.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='cookie-law-info-css'  href='https://www.harratts.co.uk/wp-content/plugins/cookie-law-info/public/css/cookie-law-info-public.css?ver=1.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='cookie-law-info-gdpr-css'  href='https://www.harratts.co.uk/wp-content/plugins/cookie-law-info/public/css/cookie-law-info-gdpr.css?ver=1.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css'  href='//stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css?ver=5.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='font-awesome-css'  href='//use.fontawesome.com/releases/v5.6.1/css/all.css?ver=5.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='flexstyles-css'  href='//cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.min.css?ver=5.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='scrollstyle-css'  href='https://www.harratts.co.uk/wp-content/themes/harratts/assets/css/aos.css?ver=5.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='style-css'  href='https://www.harratts.co.uk/wp-content/themes/harratts/style.css?ver=5.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='fancybox-css'  href='https://www.harratts.co.uk/wp-content/plugins/easy-fancybox/css/jquery.fancybox.min.css?ver=1.3.24' type='text/css' media='screen' />
<link rel='stylesheet' id='cp-module-main-style-css'  href='https://www.harratts.co.uk/wp-content/plugins/convertplug/modules/assets/css/cp-module-main.css?ver=3.5.12' type='text/css' media='all' />
<link rel='stylesheet' id='smile-slide-in-style-css'  href='https://www.harratts.co.uk/wp-content/plugins/convertplug/modules/slide_in/assets/css/slide_in.min.css?ver=3.5.12' type='text/css' media='all' />
<script type='text/javascript' src='https://www.harratts.co.uk/wp-includes/js/jquery/jquery.js?ver=5.5.1' id='jquery-js'></script>
<script type='text/javascript' id='cookie-law-info-js-extra'>
/* <![CDATA[ */
var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","ccpaType":"gdpr","js_blocking":"","custom_integration":"","triggerDomRefresh":""};
var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#323232","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#ffffff","button_1_button_hover":"#cccccc","button_1_link_colour":"#323232","button_1_as_button":"1","button_1_new_win":"","button_2_button_colour":"#ffffff","button_2_button_hover":"#cccccc","button_2_link_colour":"#444","button_2_as_button":"1","button_2_hidebar":"","button_3_button_colour":"#ffffff","button_3_button_hover":"#cccccc","button_3_link_colour":"#323232","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#000","button_4_button_hover":"#000000","button_4_link_colour":"#fff","button_4_as_button":"1","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#ffffff","show_once_yn":"","show_once":"10000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"banner","popup_showagain_position":"bottom-right","widget_position":"left"};
var log_object = {"ajax_url":"https:\/\/www.harratts.co.uk\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/plugins/cookie-law-info/public/js/cookie-law-info-public.js?ver=1.9.1' id='cookie-law-info-js'></script>
<script type='text/javascript' src='https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js?ver=5.5.1' id='isotope-js'></script>
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js?ver=5.5.1' id='jquery-easing-js'></script>
<link rel="https://api.w.org/" href="https://www.harratts.co.uk/wp-json/" /><link rel="alternate" type="application/json" href="https://www.harratts.co.uk/wp-json/wp/v2/pages/5" /><link rel='shortlink' href='https://www.harratts.co.uk/' />
<link rel="alternate" type="application/json+oembed" href="https://www.harratts.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.harratts.co.uk%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.harratts.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.harratts.co.uk%2F&#038;format=xml" />
		<style type="text/css" id="wp-custom-css">
			
#motabilityHeader {
	height:400px;
}


#financeHeader {
	background-position: right top !important;
}


.brandHeader {
	display:none;
}


#slider .slick-slider .slick-dots button {
	border:1px solid #03add9;
}

.cp_id_74b20 a:hover {
	color:yellow;
	
}


.feature .copy {
	font-size:18px;
}


.feature h4 {
	line-height: 1.4em;
}



#homeWelcome {
	font-size: 60px !important;
}

.pageTitle {
	font-weight:400;
	text-transform: uppercase;
}

#footer {
	background-color:#333333;
}


.contactForm h3 {
	font-size:50px;
}

#genericContactForm {
 background: rgb(21,128,156);
background: linear-gradient(90deg, rgba(21,128,156,1) 0%, rgba(0,173,218,1) 50%, rgba(21,128,156,1) 100%); 
}


#offers .offer .copy a.enquiry {
 background: rgb(24,170,208);
background: linear-gradient(90deg, rgba(24,170,208,1) 0%, rgba(0,173,218,1) 50%, rgba(24,170,208,1) 100%); 
	
}


a.enquiry, a.contact {
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow: none;
}

.manufacturer {
	margin: 0 auto;
}


#header .navbar-nav li.blue {
	 background: rgb(24,170,208);
background: linear-gradient(90deg, rgba(24,170,208,1) 0%, rgba(0,173,218,1) 50%, rgba(24,170,208,1) 100%); 
}


#genericContent {
	padding: 0 0 3rem;
}

#genericIntro h1.pageTitle {
	font-size:7rem;
}

.ccx_offers_heading {
		font-size:5rem;
}

.motab_logo_home {
	width:50% !important; 
	margin:10px auto;
}

p {
	margin: 0 0 1rem;
line-height: 2.5rem;
font-size: 18px;
}


@media only screen and (max-width: 480px) {
  .motab_logo_home {
	width:80%; 
	margin:10px auto;
}

  }
}


/* fix the form fields touchiing */
.gform_wrapper ul.gform_fields li.gfield {
	padding-right:20px !important;
}

.ginput_container {
	padding-left:10px !important;
	padding-right:10px !important;
}
		</style>
		</head>

<body class="home page-template page-template-front-page page-template-front-page-php page page-id-5 page-parent">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MNSKDXV"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="header">
	<div class="container-fluid">

		<div class="row nogutters">
		<nav class="navbar navbar-expand-lg">
						<div itemscope itemtype="http://schema.org/Organization">
				<a itemprop="url" class="navbar-brand" href="https://www.harratts.co.uk">
					<img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/Screenshot-2019-02-06-at-12.22.43.png">
				</a>
			</div>
									<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle Menu">
				<span class="icon-bar top-bar"></span>
				<span class="icon-bar middle-bar"></span>
				<span class="icon-bar bottom-bar"></span>
			</button>
			<div class="collapse navbar-collapse" id="navbar-menu">
				<ul id="menu-main-menu" class="navbar-nav ml-auto"><li id="nav-item-7" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item active nav-item-7"><a href="https://www.harratts.co.uk/">Home</a></li>
<li id="nav-item-2046" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-2046"><a href="https://www.harratts.co.uk/used-cars-west-yorkshire/">Used</a></li>
<li id="nav-item-154" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-154"><a href="https://www.harratts.co.uk/new-cars-yorkshire/">New</a></li>
<li id="nav-item-280" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-280"><a href="https://www.harratts.co.uk/car-finance/">Car Finance</a></li>
<li id="nav-item-134" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item-134"><a href="https://www.harratts.co.uk/motability-scheme/" class="dropdown-toggle" data-toggle="dropdown">Motability <b class="caret"></b></a>
<ul class="dropdown-menu depth_0">
	<li id="nav-item-4556" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-4556"><a href="https://www.harratts.co.uk/motability-scheme/honda-motability/">Honda Motability</a></li>
	<li id="nav-item-4558" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-4558"><a href="https://www.harratts.co.uk/motability-scheme/mitsubishi-motability/">Mitsubishi Motability</a></li>
	<li id="nav-item-4559" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-4559"><a href="https://www.harratts.co.uk/motability-scheme/renault-motability/">Renault Motability</a></li>
</ul>
</li>
<li id="nav-item-337" class="nav-item menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item-337"><a href="https://www.harratts.co.uk/business-and-fleet-cars/" class="dropdown-toggle" data-toggle="dropdown">Business and  Fleet Cars <b class="caret"></b></a>
<ul class="dropdown-menu depth_0">
	<li id="nav-item-942" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-942"><a href="https://www.harratts.co.uk/renault-driving-instructor-offers/">Renault Driving Instructor</a></li>
	<li id="nav-item-9217" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-9217"><a href="https://www.harratts.co.uk/business-and-fleet-cars/renault-pro-plus/">Renault PRO+</a></li>
	<li id="nav-item-9240" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-9240"><a href="https://www.harratts.co.uk/business-and-fleet-cars/renault-business-commitment/">Renault Business Commitment</a></li>
</ul>
</li>
<li id="nav-item-3406" class="nav-item mega-menu-parent menu-item menu-item-type-post_type menu-item-object-page dropdown nav-item-3406"><a href="https://www.harratts.co.uk/aftersales/" class="dropdown-toggle" data-toggle="dropdown">Service &#038; Parts <b class="caret"></b></a><ul id="mega-menu-3406" class="mega-menu-wrapper dropdown-menu depth_0"><li id="nav_menu-6" class="mega-menu-item"><div class="menu-mega-nav-items-container"><ul id="menu-mega-nav-items" class="menu"><li id="menu-item-864" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-864"><a href="https://www.harratts.co.uk/car-servicing/">Book Your Service</a></li>
<li id="menu-item-902" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-902"><a href="https://www.harratts.co.uk/mots/">MOT</a></li>
<li id="menu-item-907" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-907"><a href="https://www.harratts.co.uk/parts-and-accessories/">Parts and Accessories</a></li>
<li id="menu-item-754" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-754"><a href="https://www.harratts.co.uk/paint-bodyshop/">Paint and Bodyshop</a></li>
<li id="menu-item-753" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-753"><a href="https://www.harratts.co.uk/service-plans/">Service Plans – Harratts Service Club</a></li>
<li id="menu-item-794" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-794"><a href="https://www.harratts.co.uk/smart-repairs/">Smart Repairs</a></li>
<li id="menu-item-13945" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13945"><a href="https://www.honda.co.uk/cars/owners/accessories-manuals/catalogue-accessories.html#hace/default">HONDA ACCESSORIES</a></li>
</ul></div></li><li id="nav_menu-7" class="mega-menu-item"><strong class="widgettitle">Looking for Manufacturer Servicing?</strong><div class="menu-second-service-menu-container"><ul id="menu-second-service-menu" class="menu"><li id="menu-item-301" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-301"><a href="https://www.harratts.co.uk/renault-aftersales/">Renault</a></li>
<li id="menu-item-300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-300"><a href="https://www.harratts.co.uk/mitsubishi-servicing/">Mitsubishi</a></li>
<li id="menu-item-314" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-314"><a href="https://www.harratts.co.uk/nissan-aftersales/">Nissan</a></li>
<li id="menu-item-315" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-315"><a href="https://www.harratts.co.uk/dacia-servicing/">Dacia</a></li>
<li id="menu-item-316" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-316"><a href="https://www.harratts.co.uk/honda-servicing/">Honda</a></li>
</ul></div></li></ul></li>
<li id="nav-item-100" class="nav-item blue menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children dropdown nav-item-100"><a href="https://www.harratts.co.uk/about-us/" class="dropdown-toggle" data-toggle="dropdown">About Us <b class="caret"></b></a>
<ul class="dropdown-menu depth_0">
	<li id="nav-item-955" class="nav-item menu-item menu-item-type-post_type menu-item-object-page nav-item-955"><a href="https://www.harratts.co.uk/careers/">Careers</a></li>
</ul>
</li>
<li id="nav-item-119" class="nav-item blue last menu-item menu-item-type-post_type menu-item-object-page nav-item-119"><a href="https://www.harratts.co.uk/contact-us/">Contact</a></li>
</ul>			</div>
					</nav>
		</div>
	</div>
</div>


<div id="slider" class="d-none d-sm-block">
			<div class="slider">
								<div class="slick-slide">
										<a href="https://experience.renault.co.uk/cars/event?key=3b0cb786-a582-464c-b20f-85bedf273589&source=ff8c8171-98fa-4f66-ae2e-8f8dc0bd77e5&group=undefined&eventinfo=true">
										<img src="https://www.harratts.co.uk/wp-content/uploads/2020/10/HARRATTS_Electrification_Event_Cars_Dealer_Web_Banner_1688x450px_V2.jpg" class="scaleWithGrid">
										</a>
									</div>
								<div class="slick-slide">
										<a href="mailto:recruitment@harratts.co.uk?subject=Technician%20recruitment%20enquiry">
										<img src="https://www.harratts.co.uk/wp-content/uploads/2020/10/recruiting-technicians-1688x450px.jpg" class="scaleWithGrid">
										</a>
									</div>
								<div class="slick-slide">
										<img src="https://www.harratts.co.uk/wp-content/uploads/2020/09/Harratts-wear-a-mask-web-banner-1688x450px.jpg" class="scaleWithGrid">
									</div>
								<div class="slick-slide">
										<a href="https://www.harratts.co.uk/service#connectivitySpacer">
										<img src="https://www.harratts.co.uk/wp-content/uploads/2020/09/book-a-service-online-mini-banner-1688x450-1.jpg" class="scaleWithGrid">
										</a>
									</div>
								<div class="slick-slide">
										<img src="https://www.harratts.co.uk/wp-content/uploads/2020/10/honda-suv-event-1688x450px.jpg" class="scaleWithGrid">
									</div>
						</div>
	</div>


<div class="search-form" x-data="{open: false}">
    <div class="search-form__container">
        <h3 class="text-center">Find your next car - up to 500 in stock</h3>

        <form method="GET" action="/search-results" id="search-form">
    <div class="search-form__basic">
        <select name="make" id="make" class="search-form__make" x-on:change="resetModel(); fetchFormOptions()">
                            <option value="" >Make</option>
                            <option value="ALFA ROMEO" >ALFA ROMEO (4)</option>
                            <option value="AUDI" >AUDI (5)</option>
                            <option value="BMW" >BMW (4)</option>
                            <option value="CITROEN" >CITROEN (5)</option>
                            <option value="DACIA" >DACIA (9)</option>
                            <option value="DS AUTOMOBILES" >DS AUTOMOBILES (1)</option>
                            <option value="FIAT" >FIAT (1)</option>
                            <option value="FORD" >FORD (16)</option>
                            <option value="HONDA" >HONDA (40)</option>
                            <option value="HYUNDAI" >HYUNDAI (3)</option>
                            <option value="INFINITI" >INFINITI (3)</option>
                            <option value="JEEP" >JEEP (1)</option>
                            <option value="KIA" >KIA (36)</option>
                            <option value="MAZDA" >MAZDA (5)</option>
                            <option value="MERCEDES-BENZ" >MERCEDES-BENZ (10)</option>
                            <option value="MINI" >MINI (3)</option>
                            <option value="MITSUBISHI" >MITSUBISHI (28)</option>
                            <option value="NISSAN" >NISSAN (39)</option>
                            <option value="PEUGEOT" >PEUGEOT (7)</option>
                            <option value="RENAULT" >RENAULT (35)</option>
                            <option value="SEAT" >SEAT (6)</option>
                            <option value="SKODA" >SKODA (6)</option>
                            <option value="SUZUKI" >SUZUKI (1)</option>
                            <option value="TOYOTA" >TOYOTA (6)</option>
                            <option value="VAUXHALL" >VAUXHALL (17)</option>
                            <option value="VOLKSWAGEN" >VOLKSWAGEN (7)</option>
                            <option value="VOLVO" >VOLVO (3)</option>
                    </select>
        <select name="model" id="model" class="search-form__model">
                            <option value="" >Model</option>
                    </select>

        <p class="search-form__copy">Search By</p>

        <div class="search-form__mode">
            <input id="cash" type="radio" name="searchMode" value="cash" checked x-on:change="resetPriceValues()">
            <label for="cash">Cash Price</label>

            <div class="search-form__tab">
                <select name="minPrice" id="minPrice">
                                            <option value="" >
                            Any Price                        </option>
                                            <option value="2500" >
                            From &pound;2,500 (301)                        </option>
                                            <option value="3000" >
                            From &pound;3,000 (300)                        </option>
                                            <option value="3500" >
                            From &pound;3,500 (299)                        </option>
                                            <option value="4000" >
                            From &pound;4,000 (298)                        </option>
                                            <option value="4500" >
                            From &pound;4,500 (295)                        </option>
                                            <option value="5000" >
                            From &pound;5,000 (285)                        </option>
                                            <option value="5500" >
                            From &pound;5,500 (283)                        </option>
                                            <option value="6000" >
                            From &pound;6,000 (278)                        </option>
                                            <option value="6500" >
                            From &pound;6,500 (265)                        </option>
                                            <option value="7000" >
                            From &pound;7,000 (258)                        </option>
                                            <option value="7500" >
                            From &pound;7,500 (250)                        </option>
                                            <option value="8000" >
                            From &pound;8,000 (237)                        </option>
                                            <option value="8500" >
                            From &pound;8,500 (229)                        </option>
                                            <option value="9000" >
                            From &pound;9,000 (216)                        </option>
                                            <option value="9500" >
                            From &pound;9,500 (199)                        </option>
                                            <option value="10000" >
                            From &pound;10,000 (189)                        </option>
                                            <option value="11000" >
                            From &pound;11,000 (162)                        </option>
                                            <option value="12000" >
                            From &pound;12,000 (140)                        </option>
                                            <option value="13000" >
                            From &pound;13,000 (120)                        </option>
                                            <option value="14000" >
                            From &pound;14,000 (104)                        </option>
                                            <option value="15000" >
                            From &pound;15,000 (89)                        </option>
                                            <option value="16000" >
                            From &pound;16,000 (70)                        </option>
                                            <option value="17000" >
                            From &pound;17,000 (64)                        </option>
                                            <option value="18000" >
                            From &pound;18,000 (44)                        </option>
                                            <option value="19000" >
                            From &pound;19,000 (36)                        </option>
                                            <option value="20000" >
                            From &pound;20,000 (30)                        </option>
                                            <option value="22500" >
                            From &pound;22,500 (24)                        </option>
                                            <option value="25000" >
                            From &pound;25,000 (18)                        </option>
                                            <option value="27500" >
                            From &pound;27,500 (14)                        </option>
                                            <option value="30000" >
                            From &pound;30,000 (3)                        </option>
                                            <option value="35000" >
                            From &pound;35,000 (1)                        </option>
                                    </select>
                <select name="maxPrice" id="maxPrice">
                                            <option value="" >
                            No Maximum                        </option>
                                            <option value="3000" >
                            To &pound;3,000 (1)                        </option>
                                            <option value="3500" >
                            To &pound;3,500 (2)                        </option>
                                            <option value="4000" >
                            To &pound;4,000 (3)                        </option>
                                            <option value="4500" >
                            To &pound;4,500 (6)                        </option>
                                            <option value="5000" >
                            To &pound;5,000 (16)                        </option>
                                            <option value="5500" >
                            To &pound;5,500 (18)                        </option>
                                            <option value="6000" >
                            To &pound;6,000 (23)                        </option>
                                            <option value="6500" >
                            To &pound;6,500 (36)                        </option>
                                            <option value="7000" >
                            To &pound;7,000 (44)                        </option>
                                            <option value="7500" >
                            To &pound;7,500 (51)                        </option>
                                            <option value="8000" >
                            To &pound;8,000 (64)                        </option>
                                            <option value="8500" >
                            To &pound;8,500 (72)                        </option>
                                            <option value="9000" >
                            To &pound;9,000 (85)                        </option>
                                            <option value="9500" >
                            To &pound;9,500 (102)                        </option>
                                            <option value="10000" >
                            To &pound;10,000 (112)                        </option>
                                            <option value="11000" >
                            To &pound;11,000 (139)                        </option>
                                            <option value="12000" >
                            To &pound;12,000 (161)                        </option>
                                            <option value="13000" >
                            To &pound;13,000 (181)                        </option>
                                            <option value="14000" >
                            To &pound;14,000 (197)                        </option>
                                            <option value="15000" >
                            To &pound;15,000 (212)                        </option>
                                            <option value="16000" >
                            To &pound;16,000 (231)                        </option>
                                            <option value="17000" >
                            To &pound;17,000 (237)                        </option>
                                            <option value="18000" >
                            To &pound;18,000 (257)                        </option>
                                            <option value="19000" >
                            To &pound;19,000 (266)                        </option>
                                            <option value="20000" >
                            To &pound;20,000 (271)                        </option>
                                            <option value="22500" >
                            To &pound;22,500 (277)                        </option>
                                            <option value="25000" >
                            To &pound;25,000 (283)                        </option>
                                            <option value="27500" >
                            To &pound;27,500 (287)                        </option>
                                            <option value="30000" >
                            To &pound;30,000 (298)                        </option>
                                            <option value="35000" >
                            To &pound;35,000 (300)                        </option>
                                            <option value="40000" >
                            To &pound;40,000 (301)                        </option>
                                    </select>
            </div>

            <input id="finance" type="radio" name="searchMode" value="finance"  x-on:change="resetPriceValues()">
            <label for="finance">Monthly Payment</label>

            <div class="search-form__tab">
                <select name="minMonthlyPrice" id="minMonthlyPrice">
                                            <option value="" >
                            Any amount                        </option>
                                            <option value="50" >
                            From &pound;50 per month                        </option>
                                            <option value="100" >
                            From &pound;100 per month                        </option>
                                            <option value="150" >
                            From &pound;150 per month                        </option>
                                            <option value="200" >
                            From &pound;200 per month                        </option>
                                            <option value="250" >
                            From &pound;250 per month                        </option>
                                            <option value="300" >
                            From &pound;300 per month                        </option>
                                            <option value="350" >
                            From &pound;350 per month                        </option>
                                            <option value="400" >
                            From &pound;400 per month                        </option>
                                            <option value="450" >
                            From &pound;450 per month                        </option>
                                            <option value="500" >
                            From &pound;500 per month                        </option>
                                            <option value="550" >
                            From &pound;550 per month                        </option>
                                            <option value="600" >
                            From &pound;600 per month                        </option>
                                            <option value="650" >
                            From &pound;650 per month                        </option>
                                            <option value="700" >
                            From &pound;700 per month                        </option>
                                            <option value="750" >
                            From &pound;750 per month                        </option>
                                            <option value="800" >
                            From &pound;800 per month                        </option>
                                            <option value="850" >
                            From &pound;850 per month                        </option>
                                            <option value="900" >
                            From &pound;900 per month                        </option>
                                            <option value="950" >
                            From &pound;950 per month                        </option>
                                    </select>
                <select name="maxMonthlyPrice" id="maxMonthlyPrice">
                                            <option value="" >
                            No Maximum                        </option>
                                            <option value="100" >
                            Up to &pound;100 per month                        </option>
                                            <option value="150" >
                            Up to &pound;150 per month                        </option>
                                            <option value="200" >
                            Up to &pound;200 per month                        </option>
                                            <option value="250" >
                            Up to &pound;250 per month                        </option>
                                            <option value="300" >
                            Up to &pound;300 per month                        </option>
                                            <option value="350" >
                            Up to &pound;350 per month                        </option>
                                            <option value="400" >
                            Up to &pound;400 per month                        </option>
                                            <option value="450" >
                            Up to &pound;450 per month                        </option>
                                            <option value="500" >
                            Up to &pound;500 per month                        </option>
                                            <option value="550" >
                            Up to &pound;550 per month                        </option>
                                            <option value="600" >
                            Up to &pound;600 per month                        </option>
                                            <option value="650" >
                            Up to &pound;650 per month                        </option>
                                            <option value="700" >
                            Up to &pound;700 per month                        </option>
                                            <option value="750" >
                            Up to &pound;750 per month                        </option>
                                            <option value="800" >
                            Up to &pound;800 per month                        </option>
                                            <option value="850" >
                            Up to &pound;850 per month                        </option>
                                            <option value="900" >
                            Up to &pound;900 per month                        </option>
                                            <option value="950" >
                            Up to &pound;950 per month                        </option>
                                            <option value="1000" >
                            Up to &pound;1,000 per month                        </option>
                                    </select>
            </div>
        </div>
    </div>

    <div class="search-form__toolbar" x-show="open == false">
        <button type="button" class="search-form__more" @click="open = true">More Options</button>
        <button type="submit" class="search-form__submit">Search</button>
    </div>

    <div class="search-form__advanced" id="js-search-advanced" x-show="open" x-cloak>
        <div class="search-form__advanced-fields">
            <div class="search-form__field">
                <label for="retailer" class="search-form__label">Location</label>
                <select name="retailer" id="retailer" class="search-form__input">
                                            <option value="" >
                            All locations                        </option>
                                            <option value="134689" >
                            Renault &amp; Dacia Wakefield (48)                        </option>
                                            <option value="25958" >
                            Wakefield Used Car Centre (45)                        </option>
                                            <option value="282572" >
                            Honda Wakefield (50)                        </option>
                                            <option value="557440" >
                            Kia Wakefield (44)                        </option>
                                            <option value="562595" >
                            Pontefract Used Car Centre (63)                        </option>
                                            <option value="9586" >
                            Mitsubishi Darton (51)                        </option>
                                    </select>
            </div>

            <div class="search-form__field">
                <label for="bodyType" class="search-form__label">Body Style</label>
                <select name="bodyType" id="bodyType" class="search-form__input">
                                            <option value="" >
                            All styles                        </option>
                                            <option value="Convertible" >
                            Convertible (1)                        </option>
                                            <option value="Coupe" >
                            Coupe (6)                        </option>
                                            <option value="Curtain Side" >
                            Curtain Side (1)                        </option>
                                            <option value="Estate" >
                            Estate (9)                        </option>
                                            <option value="Hatchback" >
                            Hatchback (138)                        </option>
                                            <option value="MPV" >
                            MPV (11)                        </option>
                                            <option value="Panel Van" >
                            Panel Van (2)                        </option>
                                            <option value="Pickup" >
                            Pickup (10)                        </option>
                                            <option value="SUV" >
                            SUV (117)                        </option>
                                            <option value="Saloon" >
                            Saloon (6)                        </option>
                                    </select>
            </div>

            <div class="search-form__field">
                <label for="minMileage" class="search-form__label">Min Mileage</label>
                <select name="minMileage" id="minMileage" class="search-form__input">
                                            <option value="" >
                            Any amount                        </option>
                                            <option value="0" >
                            0 miles (301)                        </option>
                                            <option value="100" >
                            100 miles (299)                        </option>
                                            <option value="500" >
                            500 miles (298)                        </option>
                                            <option value="5000" >
                            5,000 miles (282)                        </option>
                                            <option value="10000" >
                            10,000 miles (235)                        </option>
                                            <option value="15000" >
                            15,000 miles (201)                        </option>
                                            <option value="20000" >
                            20,000 miles (164)                        </option>
                                            <option value="25000" >
                            25,000 miles (143)                        </option>
                                            <option value="30000" >
                            30,000 miles (120)                        </option>
                                            <option value="35000" >
                            35,000 miles (92)                        </option>
                                            <option value="40000" >
                            40,000 miles (77)                        </option>
                                            <option value="45000" >
                            45,000 miles (55)                        </option>
                                            <option value="50000" >
                            50,000 miles (44)                        </option>
                                            <option value="60000" >
                            60,000 miles (30)                        </option>
                                            <option value="70000" >
                            70,000 miles (17)                        </option>
                                            <option value="80000" >
                            80,000 miles (12)                        </option>
                                            <option value="90000" >
                            90,000 miles (3)                        </option>
                                    </select>
            </div>

            <div class="search-form__field">
                <label for="maxMileage" class="search-form__label">Max Mileage</label>
                <select name="maxMileage" id="maxMileage" class="search-form__input">
                                            <option value="" >
                            No Maximum                        </option>
                                            <option value="100" >
                            Up to 100 miles (2)                        </option>
                                            <option value="500" >
                            Up to 500 miles (4)                        </option>
                                            <option value="5000" >
                            Up to 5,000 miles (30)                        </option>
                                            <option value="10000" >
                            Up to 10,000 miles (66)                        </option>
                                            <option value="15000" >
                            Up to 15,000 miles (100)                        </option>
                                            <option value="20000" >
                            Up to 20,000 miles (137)                        </option>
                                            <option value="25000" >
                            Up to 25,000 miles (158)                        </option>
                                            <option value="30000" >
                            Up to 30,000 miles (183)                        </option>
                                            <option value="35000" >
                            Up to 35,000 miles (209)                        </option>
                                            <option value="40000" >
                            Up to 40,000 miles (224)                        </option>
                                            <option value="45000" >
                            Up to 45,000 miles (246)                        </option>
                                            <option value="50000" >
                            Up to 50,000 miles (257)                        </option>
                                            <option value="60000" >
                            Up to 60,000 miles (271)                        </option>
                                            <option value="70000" >
                            Up to 70,000 miles (284)                        </option>
                                            <option value="80000" >
                            Up to 80,000 miles (289)                        </option>
                                            <option value="90000" >
                            Up to 90,000 miles (298)                        </option>
                                            <option value="100000" >
                            Up to 100,000 miles (301)                        </option>
                                    </select>
            </div>

            <div class="search-form__field">
                <label for="bodyType" class="search-form__label">Body Style</label>
                <select name="bodyType" id="bodyType" class="search-form__input">
                                            <option value="" >
                            All styles                        </option>
                                            <option value="Convertible" >
                            Convertible (1)                        </option>
                                            <option value="Coupe" >
                            Coupe (6)                        </option>
                                            <option value="Curtain Side" >
                            Curtain Side (1)                        </option>
                                            <option value="Estate" >
                            Estate (9)                        </option>
                                            <option value="Hatchback" >
                            Hatchback (138)                        </option>
                                            <option value="MPV" >
                            MPV (11)                        </option>
                                            <option value="Panel Van" >
                            Panel Van (2)                        </option>
                                            <option value="Pickup" >
                            Pickup (10)                        </option>
                                            <option value="SUV" >
                            SUV (117)                        </option>
                                            <option value="Saloon" >
                            Saloon (6)                        </option>
                                    </select>
            </div>

            <div class="search-form__field">
                <label for="colour" class="search-form__label">Colour</label>
                <select name="colour" id="colour" class="search-form__input">
                                            <option value="" >
                            Any colour                        </option>
                                            <option value="Black" >
                            Black (58)                        </option>
                                            <option value="Blue" >
                            Blue (30)                        </option>
                                            <option value="Bronze" >
                            Bronze (4)                        </option>
                                            <option value="Brown" >
                            Brown (1)                        </option>
                                            <option value="Green" >
                            Green (1)                        </option>
                                            <option value="Grey" >
                            Grey (46)                        </option>
                                            <option value="Multicolour" >
                            Multicolour (3)                        </option>
                                            <option value="Orange" >
                            Orange (6)                        </option>
                                            <option value="Purple" >
                            Purple (3)                        </option>
                                            <option value="Red" >
                            Red (60)                        </option>
                                            <option value="Silver" >
                            Silver (22)                        </option>
                                            <option value="White" >
                            White (64)                        </option>
                                            <option value="Yellow" >
                            Yellow (1)                        </option>
                                    </select>
            </div>

            <div class="search-form__field">
                <label for="transmission" class="search-form__label">Transmission</label>
                <select name="transmission" id="transmission" class="search-form__input">
                                            <option value="" >
                            Any transmission                        </option>
                                            <option value="Automatic" >
                            Automatic (97)                        </option>
                                            <option value="Manual" >
                            Manual (204)                        </option>
                                    </select>
            </div>

            <div class="search-form__field">
                <label for="fuel" class="search-form__label">Fuel</label>
                <select name="fuel" id="fuel" class="search-form__input">
                                            <option value="" >
                            Any                        </option>
                                            <option value="Diesel" >
                            Diesel (111)                        </option>
                                            <option value="Electric" >
                            Electric (6)                        </option>
                                            <option value="Hybrid – Petrol/Electric" >
                            Hybrid – Petrol/Electric (6)                        </option>
                                            <option value="Hybrid – Petrol/Electric Plug-in" >
                            Hybrid – Petrol/Electric Plug-in (8)                        </option>
                                            <option value="Petrol" >
                            Petrol (170)                        </option>
                                    </select>
            </div>
        </div>

        <div class="search-form__toolbar">
            <button type="button" class="search-form__more" @click="open = false">Fewer Options</button>
            <button type="submit" class="search-form__submit">Search</button>
        </div>
    </div>
</form>
    </div>
</div>

<script type="text/javascript">
    function resetModel() {
        document.querySelector("#model").value = ""
    }

    function resetPriceValues() {
        document.querySelector("#minPrice").value = ""
        document.querySelector("#maxPrice").value = ""
        document.querySelector("#minMonthlyPrice").value = ""
        document.querySelector("#maxMonthlyPrice").value = ""
    }

    function fetchFormOptions() {
        var request = new XMLHttpRequest;
        var formData = new FormData(document.querySelector("#search-form"));
        request.open("POST", "/search-options")
        request.send(formData)

        request.onload = function() {
            if (request.status == 200 && request.status < 400) {
                document.querySelector("#search-form").innerHTML = request.response
            }
        }
    }
</script>

<section id="main">
	<div class="container">
		<!--div class="row" id="intro">
			<div class="col-md-12">
				<h1 class="text-center">Harratts New and Used Cars in West Yorkshire</h1>	
			</div>
		</div-->
	
		<div class="row" id="logosMobile">
						<div class="col-md-12 sliderArea">
				<div class="slider">
												<div class="slick-slide">
							<img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/hondamiddle.png">
						</div>
												<div class="slick-slide">
							<img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/renaultmiddle.png">
						</div>
												<div class="slick-slide">
							<img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/mitsubishimiddle.png">
						</div>
												<div class="slick-slide">
							<img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/daciamiddle.png">
						</div>
												<div class="slick-slide">
							<img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/nissanmiddle.png">
						</div>
										</div>
			</div>
					</div>

		<div class="row" id="logosDesktop">
						<div class="col-md-12">
				<div class="row">
												<div class="col-md-2 col-xs-12 text-center manufacturer" >
							<a href="https://www.harratts.co.uk/manufacturer/new-honda-cars/"><img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/hondamiddle.png"></a>
						</div>
												<div class="col-md-2 col-xs-12 text-center manufacturer" >
							<a href="https://www.harratts.co.uk/manufacturer/new-renault-cars"><img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/renaultmiddle.png"></a>
						</div>
												<div class="col-md-2 col-xs-12 text-center manufacturer" >
							<a href="https://www.harratts.co.uk/mitsubishi-servicing/"><img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/mitsubishimiddle.png"></a>
						</div>
												<div class="col-md-2 col-xs-12 text-center manufacturer" >
							<a href="https://www.harratts.co.uk/manufacturer/new-dacia-cars"><img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/daciamiddle.png"></a>
						</div>
												<div class="col-md-2 col-xs-12 text-center manufacturer" >
							<a href="https://www.harratts.co.uk/nissan-aftersales/"><img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/nissanmiddle.png"></a>
						</div>
										</div>
			</div>
					</div>

		<div class="row" id="mainCopy">
			<div class="col-md-12 text-center">
				<div style="width: 100%; padding: 40px; text-align: center; margin: 20px auto 60px; background-color: #00acd9; -webkit-box-shadow: -8px 17px 19px -8px rgba(0,0,0,0.42); -moz-box-shadow: -8px 17px 19px -8px rgba(0,0,0,0.42); box-shadow: -8px 17px 19px -8px rgba(0,0,0,0.42);">
<h3 style="text-align: center;"><span style="color: #ffffff;">OUR SALES AND SERVICE DEPARTMENTS ARE OPEN</span></h3>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>TO KEEP EVERYONE COVID-19 SAFE PLEASE MAKE AN APPOINTMENT BEFORE VISITING<br />
</strong></span></p>
<p style="text-align: center;"><span style="color: #ffffff;">SALES: MONDAY &#8211; SATURDAY, 9.00 AM &#8211; 5.00 PM.</span></p>
<p style="text-align: center;"><span style="color: #ffffff;">SUNDAY, 10.00 AM &#8211; 4.00PM.</span></p>
<p style="text-align: center;"><span style="color: #ffffff;">SERVICE: MONDAY &#8211; FRIDAY, 9.00 AM &#8211; 5.00 PM.</span></p>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>PLEASE CONTACT US VIA EMAIL TO MAKE AN APPOINTMENT BY CLICKING <a style="color: #ffffff;" href="https://www.harratts.co.uk/contact-us/">HERE</a> OR LIVE CHAT AND WE WILL BE IN TOUCH AS SOON AS WE CAN.</strong></span></p>
</div>
<h1 id="homeWelcome" style="text-align: center;">WELCOME TO THE HARRATTS GROUP</h1>
<p style="text-align: center;">At Harratts we have been serving the motorists of West Yorkshire and beyond for more than 50 years. We have grown our business through delivering outstanding personal service so that our customers come back to us time and time again.</p>
<p style="text-align: center;">Today we are proud to represent five of the world&#8217;s most popular car brands. Whatever type of vehicle you are looking for &#8211; from a family car to a commercial vehicles or even a coplete business fleet &#8211; our team will help you find your ideal car or van.</p>
<p style="text-align: center;">At Harratts great service doesn&#8217;t end when you drive your new or used car away. Our After Sales team is here to help you get the most out of your vehicle. From low price servicing carried out by our manufactuer trained technicians to a wide range of accessories to help you make your car &#8216;more you&#8217;.</p>
<p style="text-align: center;">We look forward to welcoming you to a Harratts centre soon.</p>
<p>&nbsp;</p>
			</div>
		
		</div>

		<div class="row align-items-center" id="features">
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/finance-options-feature-img.jpg">
					</div>
					<div class="copy">
						<h4>Discover the different ways available to finance your car.</h4>
					</div>
										<a href="https://www.harratts.co.uk/finance/" target="_self">Tell Me More</a>
									</div>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/sell-your-car-feature-img.jpg">
					</div>
					<div class="copy">
						<h4>Sell your car for cash. We buy all makes of quality used cars.</h4>
					</div>
										<a href="https://www.harratts.co.uk/sell-your-car-wakefield/" target="_self">Tell Me More</a>
									</div>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/callback-feature-img.jpg">
					</div>
					<div class="copy">
						<h4>Request a call back in under a minute. We're here to answer your questions.</h4>
					</div>
										<a href="#" target="_self">Tell Me More</a>
									</div>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/smart-repairs-feature-img.jpg">
					</div>
					<div class="copy">
						<h4>SMART Repairs remove dings and dents without costly repainting.</h4>
					</div>
										<a href="https://www.harratts.co.uk/smart-repair/" target="_self">Tell Me More</a>
									</div>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/sales-appointment-feature-img.jpg">
					</div>
					<div class="copy">
						<h4>We are still welcoming visitors to our showrooms by appointment.</h4>
					</div>
										<a href="https://www.harratts.co.uk/contact-us/" target="_self">Tell Me More</a>
									</div>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/service-club-feature-img.jpg">
					</div>
					<div class="copy">
						<h4>Harratts Service Club lets you spread the cost of your servicing.</h4>
					</div>
										<a href="https://www.harratts.co.uk/service-club/" target="_self">Tell Me More</a>
									</div>
					</div>

		<div class="row align-items-center" id="motability">
		
		
		<img src="https://www.harratts.co.uk/wp-content/uploads/2020/08/motability-logo-with-strapline.jpg" class="motab_logo_home" style="margin:10px auto;"/>
		<!--?php endwhile; // end of the loop. ?-->
		
			<span><h2 class="text-center">Do you receive the Motability Allowance?</h2></span>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/new-car-motabillity-icon-yellow.jpg">
					</div>
					<div class="copy">
						New car
every 3 years					</div>
				</div>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/2-drivers-motabillity-icon-yellow.jpg">
					</div>
					<div class="copy">
						Insurance for
2 drivers					</div>
				</div>
							<div class="col-md-4 feature text-center">
					<div class="image">
						<img class="img-fluid" src="https://www.harratts.co.uk/wp-content/uploads/2020/09/servicing-motabillity-icon-yellow.jpg">
					</div>
					<div class="copy">
						Servicing, maintenance
& breakdown cover					</div>
				</div>
					</div>
	</div>
</section>

<section id="sellCar">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h2 class="text-center">Sell your car to Harratts</h2>
				
                <div class='gf_browser_gecko gform_wrapper' id='gform_wrapper_8' ><div id='gf_8' class='gform_anchor' tabindex='-1'></div><form method='post' enctype='multipart/form-data' target='gform_ajax_frame_8' id='gform_8'  action='/#gf_8'>
                        <div class='gform_heading'>
                            <span class='gform_description'></span>
                        </div>
                        <div class='gform_body'><ul id='gform_fields_8' class='gform_fields top_label form_sublabel_below description_below'><li id='field_8_7'  class='gfield gf_first_quarter gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_7' ><span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_8_7' type='text' value='' class='medium'    placeholder='Make' aria-required="true" aria-invalid="false" /></div></li><li id='field_8_6'  class='gfield gf_second_quarter gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_6' ><span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_6' id='input_8_6' type='text' value='' class='medium'    placeholder='Model' aria-required="true" aria-invalid="false" /></div></li><li id='field_8_4'  class='gfield gf_third_quarter gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_4' ><span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_4' id='input_8_4' type='text' value='' class='medium'    placeholder='Registration' aria-required="true" aria-invalid="false" /></div></li><li id='field_8_8'  class='gfield gf_fourth_quarter field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_8' ></label><div class='ginput_container ginput_container_select'><select name='input_8' id='input_8_8' class='medium gfield_select'    aria-invalid="false"><option value='' selected='selected' class='gf_placeholder'>Select Branch</option><option value='Mitsubishi Darton' >Mitsubishi Darton</option><option value='Nissan Wakefield' >Nissan Wakefield</option><option value='Renault Wakefield' >Renault Wakefield</option><option value='Dacia Wakefield' >Dacia Wakefield</option><option value='Honda Wakefield' >Honda Wakefield</option><option value='Kia Wakefield' >Kia Wakefield</option><option value='Harratts Pontefract Renault' >Harratts Pontefract Renault</option><option value='Harratts Pontefract Nissan' >Harratts Pontefract Nissan</option></select></div></li><li id='field_8_1'  class='gfield gf_first_quarter gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_1' ><span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_8_1' type='text' value='' class='medium'    placeholder='Name' aria-required="true" aria-invalid="false" /></div></li><li id='field_8_2'  class='gfield gf_second_quarter gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_2' ><span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'>
                            <input name='input_2' id='input_8_2' type='text' value='' class='medium'   placeholder='Email' aria-required="true" aria-invalid="false" />
                        </div></li><li id='field_8_3'  class='gfield gf_third_quarter gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_8_3' ><span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_phone'><input name='input_3' id='input_8_3' type='text' value='' class='medium'  placeholder='Phone' aria-required="true" aria-invalid="false"  /></div></li>
                            </ul></div>
        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_8' class='gform_button button' value='Submit'  onclick='if(window["gf_submitting_8"]){return false;}  window["gf_submitting_8"]=true;  ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_8"]){return false;} window["gf_submitting_8"]=true;  jQuery("#gform_8").trigger("submit",[true]); }' /> <input type='hidden' name='gform_ajax' value='form_id=8&amp;title=&amp;description=1&amp;tabindex=0' />
            <input type='hidden' class='gform_hidden' name='is_submit_8' value='1' />
            <input type='hidden' class='gform_hidden' name='gform_submit' value='8' />
            
            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' />
            <input type='hidden' class='gform_hidden' name='state_8' value='WyJbXSIsIjA0NmFhODgwOGQ5OGM2OGQzYjE3ZWE2YjQ2MDQ0Yzg5Il0=' />
            <input type='hidden' class='gform_hidden' name='gform_target_page_number_8' id='gform_target_page_number_8' value='0' />
            <input type='hidden' class='gform_hidden' name='gform_source_page_number_8' id='gform_source_page_number_8' value='1' />
            <input type='hidden' name='gform_field_values' value='' />
            
        </div>
                        </form>
                        </div>
                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_8' id='gform_ajax_frame_8' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'></iframe>
                <script type='text/javascript'>jQuery(document).ready(function($){gformInitSpinner( 8, 'https://www.harratts.co.uk/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery('#gform_ajax_frame_8').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_8');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_8').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_8').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_8').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_8').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ jQuery(document).scrollTop(100); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_8').val();gformInitSpinner( 8, 'https://www.harratts.co.uk/wp-content/plugins/gravityforms/images/spinner.gif' );jQuery(document).trigger('gform_page_loaded', [8, current_page]);window['gf_submitting_8'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}setTimeout(function(){jQuery('#gform_wrapper_8').replaceWith(confirmation_content);jQuery(document).scrollTop(100);jQuery(document).trigger('gform_confirmation_loaded', [8]);window['gf_submitting_8'] = false;}, 50);}else{jQuery('#gform_8').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger('gform_post_render', [8, current_page]);} );} );</script><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 8) {if(typeof Placeholders != 'undefined'){
                        Placeholders.enable();
                    }} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [8, 1]) } ); </script>			</div>
		</div>
	</div>
</section>

<section id="testimonials">
	<div class="container">
		<div class="row no-gutters">
			<h2 class="text-center">What our customers think of us</h2>
						<div class="col-md-8 offset-md-2 sliderArea">
				<div class="slider">
												<div class="slick-slide">
							<span>Mr Julian Smith</span>
							<p>My experience at Harratts was excellent. The staff were very friendly, polite and helpful. I would consider buying at this branch again when the time comes.
</p>
						</div>
												<div class="slick-slide">
							<span>Mrs Gillian Dews</span>
							<p>I had a great experience at Harratts because very friendly no pushy sales people
</p>
						</div>
												<div class="slick-slide">
							<span>Mr Craig Tipton</span>
							<p>I was pleased with Harratts and would recommend them because they couldn't do enough, right down to the minor fault which needed its return to fixed. 
</p>
						</div>
										</div>
			</div>
					</div>
	</div>
</section>

<footer id="footer">
			<img src="https://www.harratts.co.uk/wp-content/uploads/2019/02/harrattsfooterlogo.jpg" class="logo" />
		<ul class="socialIcons">
					<li><a href="https://www.facebook.com/Harratts/" target="_blank"><i class="fab fa-facebook"></i></a></li>	
					<li><a href="https://twitter.com/harratts" target="_blank"><i class="fab fa-twitter-square"></i></a></li>	
		</ul>
		
	
	<div class="container">
				<div class="row">
			<div class="col-md-12" align="center">
				<ul id="menu-footer-menu" class="footer-menu inline-menu"><li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-5 current_page_item active menu-item-58 nav-item"><a title="Harratts | New and Used Cars West Yorkshire" href="https://www.harratts.co.uk/" class="nav-link">Harratts | New and Used Cars West Yorkshire</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-254" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-254 nav-item"><a title="New Cars Yorkshire" href="https://www.harratts.co.uk/new-cars-yorkshire/" class="nav-link">New Cars Yorkshire</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3017" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3017 nav-item"><a title="Used Cars West Yorkshire" href="https://www.harratts.co.uk/used-cars-west-yorkshire/" class="nav-link">Used Cars West Yorkshire</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-762 nav-item"><a title="Car Finance" href="https://www.harratts.co.uk/car-finance/" class="nav-link">Car Finance</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-3018" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3018 nav-item"><a title="Sell Your Car" href="https://www.harratts.co.uk/sell-your-car-wakefield/" class="nav-link">Sell Your Car</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-763" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-763 nav-item"><a title="Contact Us" href="https://www.harratts.co.uk/contact-us/" class="nav-link">Contact Us</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-8194" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-8194 nav-item"><a title="Cookies &#038; Privacy Policy" href="https://www.harratts.co.uk/privacy-policy/" class="nav-link">Cookies &#038; Privacy Policy</a></li>
<li itemscope="itemscope" itemtype="https://www.schema.org/SiteNavigationElement" id="menu-item-9057" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9057 nav-item"><a title="Modern Slavery Statement" href="https://www.harratts.co.uk/modern-slavery-statement/" class="nav-link">Modern Slavery Statement</a></li>
</ul>			</div>
		</div>
			</div>
</footer>
<section id="afterFooter">
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<strong>Harratts Group Ltd</strong> | Calder Park, Off Denby Dale Road, Wakefield, West Yorkshire WF2 7UA			</div>			
		</div>
				<div class="row">
			<div class="container-fluid">
				<div class="col-12">
										<ul id="branches">
											<li><a href="https://www.harratts.co.uk/contact-harratts/harratts-paint-body-centre/">Harratts Paint &#038; Body Centre</a></li>
											<li><a href="https://www.harratts.co.uk/contact-harratts/pontefract-used-car-centre/">Pontefract Used Car Centre (Renault, Dacia &#038; Nissan Authorised Repairer)</a></li>
											<li><a href="https://www.harratts.co.uk/contact-harratts/mitsubishi-darton/">Mitsubishi Darton</a></li>
											<li><a href="https://www.harratts.co.uk/contact-harratts/renault-dacia-wakefield/">Renault &#038; Dacia Wakefield</a></li>
											<li><a href="https://www.harratts.co.uk/contact-harratts/wakefield-used-car-centre/">Wakefield Used Car Centre (Nissan Authorised Repairer)</a></li>
											<li><a href="https://www.harratts.co.uk/contact-harratts/honda-wakefield/">Honda Wakefield</a></li>
											<li><a href="https://www.harratts.co.uk/contact-harratts/wakefield-calder-park/">Harratts Calder Park</a></li>
										</ul>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-12">
			    <p class="small text-center">Harratts Limited are an appointed representative of ITC Compliance Limited which is authorised and
			        regulated by the Financial Conduct Authority. We are Authorised and Regulated by the Financial Conduct Authority.
			        FCA No: 313486 Finance is Subject to status. Other offers may be available but cannot be used in conjunction with this offer.
			        We work with a number of carefully selected credit providers who may be able to offer you finance for your purchase.</p>
			    <p class="small text-center">Registered in England & Wales: 01221548. Data Protection No: Z5731206</p>
			</div>
		</div>
		<div class="row" id="branchForm">
			<div class="container">
				<div class="col-12">
					<form action="https://maps.google.com/maps" method="get" target="_blank">
						<div id="footer-gmaps">
							<input name="saddr" type="text"  class="text-input-google" placeholder="Your Postcode"/>
							<input name="daddr" type="hidden" value="Harratts" />
							<input type="submit" value="Go" class="submit-btn-google" />
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
</section>
<section id="copyright">
	<div class="images">
		<ul>
			<li><a href="https://www.wyjs.org.uk/trading-standards/motor-trade-partnership/" target="_blank"><img src="https://www.harratts.co.uk/wp-content/themes/harratts/assets/img/motortrade.jpg" class="trade"></a></li>
			<li><a href="javascript:void(0);"><img src="https://www.harratts.co.uk/wp-content/themes/harratts/assets/img/TRD2019.jpg" class="trade"></a></li>
		</ul>
	</div>
	<div class="container">
		<div class="row" id="copyright">
			<div class="col-md-12">
				<p style="text-align: center;">Registered in England and Wales, Company Number 1221548. VAT Number 464 2135 63 | Website managed by <a href="http://www.connectivity.cx">Connectivity.CX</a></p>
			</div>
		</div>
	</div>
</section>

			<script type="text/javascript" id="modal">
				document.addEventListener("DOMContentLoaded", function(){
					startclock();
				});
				function stopclock (){
					if(timerRunning) clearTimeout(timerID);
					timerRunning = false;
						//document.cookie="time=0";
					}
					function showtime () {
						var now = new Date();
						var my = now.getTime() ;
						now = new Date(my-diffms) ;
						//document.cookie="time="+now.toLocaleString();
						timerID = setTimeout('showtime()',10000);
						timerRunning = true;
					}
					function startclock () {
						stopclock();
						showtime();
					}
					var timerID = null;
					var timerRunning = false;
					var x = new Date() ;
					var now = x.getTime() ;
					var gmt = 1602176316 * 1000 ;
					var diffms = (now - gmt) ;
				</script>
								<script type="text/javascript" id="info-bar">
					document.addEventListener("DOMContentLoaded", function(){
						startclock();
					});
					function stopclock (){
						if(timerRunning) clearTimeout(timerID);
						timerRunning = false;
						//document.cookie="time=0";
					}
					function showtime () {
						var now = new Date();
						var my = now.getTime() ;
						now = new Date(my-diffms) ;
						//document.cookie="time="+now.toLocaleString();
						timerID = setTimeout('showtime()',10000);
						timerRunning = true;
					}
					function startclock () {
						stopclock();
						showtime();
					}
					var timerID = null;
					var timerRunning = false;
					var x = new Date() ;
					var now = x.getTime() ;
					var gmt = 1602176316 * 1000 ;
					var diffms = (now - gmt) ;
				</script>
								<script type="text/javascript" id="slidein">
					document.addEventListener("DOMContentLoaded", function(){
						startclock();
					});
					function stopclock (){
						if(timerRunning) clearTimeout(timerID);
						timerRunning = false;
						//document.cookie="time=0";
					}

					function showtime () {
						var now = new Date();
						var my = now.getTime() ;
						now = new Date(my-diffms) ;
						//document.cookie="time="+now.toLocaleString();
						timerID = setTimeout('showtime()',10000);
						timerRunning = true;
					}

					function startclock () {
						stopclock();
						showtime();
					}
					var timerID = null;
					var timerRunning = false;
					var x = new Date() ;
					var now = x.getTime() ;
					var gmt = 1602176316 * 1000 ;
					var diffms = (now - gmt) ;
				</script>
				<!-- slide_in Shortcode --><link rel='stylesheet' type='text/css' id='cp-google-fonts' href='https://fonts.googleapis.com/css?family=http://Bitter|Lato|Libre+Baskerville|Montserrat|Neuton|Open+Sans|Pacifico|Raleway|Roboto|Sacramento|Varela+Round|Lato|Open%20Sans|Libre%20Baskerville|Montserrat|Neuton|Raleway|Roboto|Sacramento|Varela%20Round|Pacifico|Bitter' media='none' onload = 'if(media!=&quot;all&quot;)media=&quot;all&quot;'><style class="cp-slidebg-color" type="text/css">.slidein-overlay.content-5f7f453c96043 .cp-slidein-body-overlay {background:-webkit-linear-gradient(top, #009640 0%, #00bc6a 100%);background:-o-linear-gradient(top, #009640 0%, #00bc6a 100%);background:-moz-linear-gradient(top, #009640 0%, #00bc6a 100%);background:linear-gradient(to top, #009640 0%, #00bc6a 100%);}</style><style class="cp-slidebtn-submit" type="text/css">.slidein-overlay.content-5f7f453c96043 .cp-btn-flat.cp-slide-edit-btn{ background: rgb(0, 0, 0)!important;;; color:rgb(255, 255, 255); } .slidein-overlay.content-5f7f453c96043  .cp-btn-flat.cp-slide-edit-btn:hover { background: rgb(0, 0, 0)!important; } </style>			<div data-dev-mode="disabled" data-load-on-refresh="enabled" data-custom-class="cp-cp_id_74b20 cp-slidein-global" data-exit-intent="disabled" data-add-to-cart = "0"data-onscroll-value="" data-onload-delay ="10.7" data-overlay-class = "overlay-zoomin" data-class-id = "content-5f7f453c96043"  data-closed-cookie-time="3" data-conversion-cookie-time="90"  data-slidein-id="cp_id_74b20"  data-slidein-style="cp_id_74b20"  data-option="smile_slide_in_styles"  data-inactive-time="60"   data-after-content-value="50" data-referrer-domain="" data-referrer-check="hide" data-custom-selector = "" class=" si-onload cp-global-load  overlay-show cp-cp_id_74b20 cp-slidein-global"  data-module-type="slide_in" ></div>
						<div class="cp-module cp-slidein-popup-container cp_id_74b20 cp-blank-container overlay-show " data-style-id ="cp_id_74b20" data-module-name ="slidein" data-close-gravity = "1" >
				<div class="
				slidein-overlay  global_slidein_container    content-5f7f453c96043   				" data-image-position="" data-placeholder-color ="" data-timezonename ="wordpress" data-timezone ="Europe/London" data-load-on-refresh ="enabled" data-custom-class ="cp-cp_id_74b20 cp-slidein-global" data-class ="content-5f7f453c96043" data-placeholder-font ="" data-load-on-count =""  data-closed-cookie-time="3" data-conversion-cookie-time="90"  data-slidein-id="cp_id_74b20"  data-slidein-style="cp_id_74b20"  data-option="smile_slide_in_styles"    data-scheduled=false    data-overlay-animation = "smile-slideInUp"       >
					<div class="cp-slidein slidein-center-right" style="max-width:273px;">
						<div class="cp-animate-container "  data-overlay-animation = "smile-slideInUp"  data-exit-animation="smile-slideOutDown">
							<div class="cp-slidein-content" id="slide-in-animate-cp_id_74b20" style="box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-webkit-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);-moz-box-shadow:0px 0px 5px 0px rgba(86,86,131,0.6);border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-style: solid;border-color: rgb(255,255, 255);border-width:  px;border-width:5px;;">
								<div class="cp-slidein-body cp-blank  " style = "" >
									<div class="cp-slidein-body-overlay cp_cs_overlay" style=";"></div>
											<!-- BEFORE CONTENTS -->
		<div class="cp-row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 cp-text-container">
				<span class="cp_responsive cp_font" data-font-size="36px" style="font-size:36px; line-height:46px;"><span style="color:#FFFFFF;"><img alt="Animated phone icon" src="https://freelancecreative.solutions/demo/graag/wp-content/uploads/2020/09/animated-phone-icon-trans.gif" width="200" /> </span></span><div style="text-align: center;"><span class="cp_responsive cp_font" data-font-size="36px" style="font-size:36px;"><span style="color:#FFFFFF;"><span data-font-size="20px"><span data-font-size="18px"><span style="font-weight:bold;"><span data-font-size="32px">Call us </span></span><br /><a href="https://freelancecreative.solutions/demo/graag/contact-us/" style="text-decoration:none;"><span class="cp_responsive cp_font" data-font-size="24px" style="font-size:24px; line-height:28px; text-decoration:none !important;">Click to find your nearest centre</span></a></span></span></span></span></div>			</div>
		</div>
		<!-- AFTER CONTENTS -->
						<input type="hidden" class="cp-impress-nonce" name="cp-impress-nonce" value="acce9eb243">

	</div><!-- .cp-slidein-body -->
</div><!-- .cp-slidein-content -->

		<div class="cp-form-processing-wrap" style="border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;;">
	<div class="cp-form-after-submit">
		<div class ="cp-form-processing" style="">
		<div class ="cp-form-processing" >
			<div class="smile-absolute-loader" style="visibility: visible;">
				<div class="smile-loader" style = "width: 100px;" >
					<div class="smile-loading-bar"></div>
					<div class="smile-loading-bar"></div>
					<div class="smile-loading-bar"></div>
					<div class="smile-loading-bar"></div>
				</div>
			</div>
		</div>
		</div>
		<div class ="cp-msg-on-submit" style="color:;"></div>
	</div>
</div>
		
			<div class="slidein-overlay-close cp-image-close cp-inside-close cp-adjacent-right" style="width: 22px">
						<img class="cp-default-close" src="https://freelancecreative.solutions/demo/graag/wp-content/plugins/convertplug/modules/slide_in/assets/img/cross.png" alt="close-link"/>					</div>
					</div><!-- .cp-animate-container -->
		</div><!-- .cp-slidein -->

		

		
</div><!-- .slidein-overlay -->
</div><!-- .cp-slidein-popup-container -->
		<!--googleoff: all--><div id="cookie-law-info-bar"><span>This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. <a role='button' tabindex='0' data-cli_action="accept" id="cookie_action_close_header"  class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header cli_action_button" style="display:inline-block;  margin:5px; ">Accept</a><a role='button' tabindex='0' id="cookie_action_close_header_reject"  class="medium cli-plugin-button cli-plugin-main-button cookie_action_close_header_reject cli_action_button"  data-cli_action="reject" style="margin:5px;" >Reject</a> <a href='https://www.harratts.co.uk/privacy-policy/' id="CONSTANT_OPEN_URL" target="_blank"  class="medium cli-plugin-button cli-plugin-main-link" style="display:inline-block; margin:5px; " >Read More</a></span></div><div id="cookie-law-info-again" style="display:none;"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div><div class="cli-modal" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true">
  <div class="cli-modal-dialog" role="document">
    <div class="cli-modal-content cli-bar-popup">
      <button type="button" class="cli-modal-close" id="cliModalClose">
        <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg>
        <span class="wt-cli-sr-only">Close</span>
      </button>
      <div class="cli-modal-body">
        <div class="cli-container-fluid cli-tab-container">
    <div class="cli-row">
        <div class="cli-col-12 cli-align-items-stretch cli-px-0">
            <div class="cli-privacy-overview">
                                <div class="cli-privacy-content">
                    <div class="cli-privacy-content-text"></div>
                </div>
                <a class="cli-privacy-readmore" data-readmore-text="Show more" data-readless-text="Show less"></a>            </div>
        </div>
        <div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container">
                                                <div class="cli-tab-section">
                        <div class="cli-tab-header">
                            <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab">
                                Necessary                            </a>
                            <div class="wt-cli-necessary-checkbox">
                        <input type="checkbox" class="cli-user-preference-checkbox"  id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked"  />
                        <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label>
                    </div>
                    <span class="cli-necessary-caption">Always Enabled</span>                         </div>
                        <div class="cli-tab-content">
                            <div class="cli-tab-pane cli-fade" data-id="necessary">
                                <p></p>
                            </div>
                        </div>
                    </div>
                            
        </div>
    </div>
</div>
      </div>
    </div>
  </div>
</div>
<div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div>
<div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div>
<!--googleon: all--><link rel='stylesheet' id='gforms_reset_css-css'  href='https://www.harratts.co.uk/wp-content/plugins/gravityforms/css/formreset.min.css?ver=2.4.20' type='text/css' media='all' />
<link rel='stylesheet' id='gforms_formsmain_css-css'  href='https://www.harratts.co.uk/wp-content/plugins/gravityforms/css/formsmain.min.css?ver=2.4.20' type='text/css' media='all' />
<link rel='stylesheet' id='gforms_ready_class_css-css'  href='https://www.harratts.co.uk/wp-content/plugins/gravityforms/css/readyclass.min.css?ver=2.4.20' type='text/css' media='all' />
<link rel='stylesheet' id='gforms_browsers_css-css'  href='https://www.harratts.co.uk/wp-content/plugins/gravityforms/css/browsers.min.css?ver=2.4.20' type='text/css' media='all' />
<link rel='stylesheet' id='blank-cp_id_74b20-css'  href='https://www.harratts.co.uk/wp-content/plugins/convertplug/modules/slide_in/assets/demos/blank/blank.min.css?ver=3.5.12' type='text/css' media='all' />
<script type='text/javascript' src='https://www.harratts.co.uk/wp-includes/js/comment-reply.min.js?ver=5.5.1' id='comment-reply-js'></script>
<script type='text/javascript' src='//stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js?ver=5.5.1' id='bootstrap-js'></script>
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js?ver=5.5.1' id='easing-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/themes/harratts/assets/js/scrollto.min.js?ver=5.5.1' id='scrollto-js'></script>
<script type='text/javascript' src='//cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider.min.js?ver=5.5.1' id='flexslider-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/themes/harratts/assets/js/sticky-kit.min.js?ver=5.5.1' id='sticky-kit-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/themes/harratts/assets/js/googlemaps.js?ver=5.5.1' id='googlemaps-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/themes/harratts/assets/js/aos.js?ver=5.5.1' id='scrollscript-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/themes/harratts/assets/js/slick-min.js' id='slick-js'></script>
<script type='text/javascript' src='//maps.googleapis.com/maps/api/js?key=AIzaSyCM-p0ilrQbJJYiZRYnqFljK0YoaJ43ApI&#038;ver=3' id='wl-googlemaps-api-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/themes/harratts/assets/js/frontend.js?ver=5.5.1' id='frontend-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/plugins/easy-fancybox/js/jquery.fancybox.min.js?ver=1.3.24' id='jquery-fancybox-js'></script>
<script type='text/javascript' id='jquery-fancybox-js-after'>
var fb_timeout, fb_opts={'overlayShow':true,'hideOnOverlayClick':true,'showCloseButton':true,'margin':20,'centerOnScroll':false,'enableEscapeButton':true,'autoScale':true };
if(typeof easy_fancybox_handler==='undefined'){
var easy_fancybox_handler=function(){
jQuery('.nofancybox,a.wp-block-file__button,a.pin-it-button,a[href*="pinterest.com/pin/create"],a[href*="facebook.com/share"],a[href*="twitter.com/share"]').addClass('nolightbox');
/* IMG */
var fb_IMG_select='a[href*=".jpg"]:not(.nolightbox,li.nolightbox>a),area[href*=".jpg"]:not(.nolightbox),a[href*=".jpeg"]:not(.nolightbox,li.nolightbox>a),area[href*=".jpeg"]:not(.nolightbox),a[href*=".png"]:not(.nolightbox,li.nolightbox>a),area[href*=".png"]:not(.nolightbox),a[href*=".webp"]:not(.nolightbox,li.nolightbox>a),area[href*=".webp"]:not(.nolightbox)';
jQuery(fb_IMG_select).addClass('fancybox image');
var fb_IMG_sections=jQuery('.gallery,.wp-block-gallery,.tiled-gallery,.wp-block-jetpack-tiled-gallery');
fb_IMG_sections.each(function(){jQuery(this).find(fb_IMG_select).attr('rel','gallery-'+fb_IMG_sections.index(this));});
jQuery('a.fancybox,area.fancybox,li.fancybox a').each(function(){jQuery(this).fancybox(jQuery.extend({},fb_opts,{'type':'image','transitionIn':'elastic','easingIn':'easeOutBack','transitionOut':'elastic','easingOut':'easeInBack','opacity':false,'hideOnContentClick':false,'titleShow':true,'titlePosition':'over','titleFromAlt':true,'showNavArrows':true,'enableKeyboardNav':true,'cyclic':false}))});};
jQuery('a.fancybox-close').on('click',function(e){e.preventDefault();jQuery.fancybox.close()});
};
var easy_fancybox_auto=function(){setTimeout(function(){jQuery('#fancybox-auto').trigger('click')},1000);};
jQuery(easy_fancybox_handler);jQuery(document).on('post-load',easy_fancybox_handler);
jQuery(easy_fancybox_auto);
</script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/plugins/easy-fancybox/js/jquery.mousewheel.min.js?ver=3.1.13' id='jquery-mousewheel-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-includes/js/wp-embed.min.js?ver=5.5.1' id='wp-embed-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.4.20' id='gform_json-js'></script>
<script type='text/javascript' id='gform_gravityforms-js-extra'>
/* <![CDATA[ */
var gf_global = {"gf_currency_config":{"name":"Pound Sterling","symbol_left":"&#163;","symbol_right":"","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2},"base_url":"https:\/\/www.harratts.co.uk\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/www.harratts.co.uk\/wp-content\/plugins\/gravityforms\/images\/spinner.gif"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.4.20' id='gform_gravityforms-js'></script>
<script type='text/javascript' src='https://www.harratts.co.uk/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.4.20' id='gform_placeholder-js'></script>
<script type='text/javascript' defer="defer" src='https://www.harratts.co.uk/wp-content/plugins/convertplug/modules/assets/js/cp-module-main.js?ver=3.5.12' id='cp-module-main-js-js'></script>
<script type='text/javascript' id='smile-slide-in-script-js-extra'>
/* <![CDATA[ */
var smile_ajax = {"url":"https:\/\/www.harratts.co.uk\/wp-admin\/admin-ajax.php"};
/* ]]> */
</script>
<script type='text/javascript' defer="defer" src='https://www.harratts.co.uk/wp-content/plugins/convertplug/modules/slide_in/assets/js/slide_in.min.js?ver=3.5.12' id='smile-slide-in-script-js'></script>
			<script type="text/javascript">
				jQuery.noConflict();
				(function( $ ) {
					$(function() {
						// More code using $ as alias to jQuery
						$("area[href*=\\#],a[href*=\\#]:not([href=\\#]):not([href^='\\#tab']):not([href^='\\#quicktab']):not([href^='\\#pane'])").click(function() {
							if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
								var target = $(this.hash);
								target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
								if (target.length) {
								$('html,body').animate({
								scrollTop: target.offset().top - 20  
								},900 ,'easeInExpo');
								return false;
								}
							}
						});
					});
				})(jQuery);	
			</script>				
				

    <script>
      var VC_SETTINGS = { "id": "Harratts Shared",
        "name": "Harratts Shared",
        "accountId": 572065,
      }
    </script><script type="text/javascript" src="https://api.visitor.chat/js/vc.min.js" id="vcLoaderScript"></script>