<!--finance-available-->
<style type="text/css">.anchor {
padding-top: 120px !important;
margin-top: -120px !important;
}
/*#finance li:hover {
background-color: #FF9718;
color: #fff;
}*/
#finance #how .image-header th {
position: relative;
padding-top: 40px;
}
#finance #how table tr.image-header th img {
position: absolute;
top: -25px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
width: 50px;
}
#finance #how img {
width: 40px;
}
#finance #how .table td,
#store .table th {
vertical-align: middle;
}
#finance #store .table td,
#store .table th {
vertical-align: middle;
}
#finance #auto .table td,
#store .table th {
vertical-align: middle;
}
#finance .border-3 {
border-top: solid 3px;
border-bottom: solid 3px;
}
#finance .border-2 {
border: solid 2px;
}
#finance .th-border {
border-top: solid 2px;
border-bottom: solid 2px;
}
#finance .small-text {
font-size: 12px;
line-height: 16px;
}
.b-page__heading {
font-size: 54px;
margin-bottom: 0;
line-height: 60px;
}
#finance a {
text-decoration: none;
white-space: nowrap;
}
.content {
padding: 0 20px;
}
.back-to-order-and-bookings-button {
padding: 20px 0 0 10px;
}
.my-account-accordion {
padding: 30px 20px;
}
#first-button {
border: 0;
}
.sub-header {
padding: 20px 20px 0 20px;
}
.b-accordion__content.block-tab-description ul li, .b-accordion__content.block-tab-description ul.b-list li {
list-style-position: outside;
}
</style>
<div id="finance">
<div class="h-container">
<div>
<div class="row ">
<div class="col-12">
<h1 class="b-page__heading b-heading__primary-2 b-font__tertiary page_header">Finance at Halfords</h1>
<hr style="background-color: #e6e6e6 !important; border-color: #e6e6e6 !important; color:#e6e6e6 !important; border-top: 1px;" /></div>
</div>
</div>
<br />
<!--BANNER-->
<style>
.klaranaBG { background:center center repeat #191919; }
.logoKlarna { margin-right:0px; }
@media (max-width:768px) { .logoKlarna { margin-left:5px!important; } }
</style>
<div class="col-lg-12 col-md-12 col-sm-12 h-100">
<div class="row text-center h-position-relative h-100 d-flex align-items-start justify-content-center klaranaBG lazy lazy-bg px-30" data-bg="url('https://cdn.media.amplience.net/i/washford/Haluk-klarna-1600x230?ecrop=1290,0,0,50')">
<div class="col-sm-12 col-md-6 col-lg-5">
<img src="https://cdn.media.amplience.net/i/washford/Haluk-klarna-pay-later-lock-up" title="Pay Later with Klarna" class="mx-0 mb-20">
</div>
<div class="col-sm-12 col-md-6 col-lg-7">
<div class="row d-flex align-items-center justify-content-end">
<div class="col-12 text-left w-100 pt-sm-0 pt-md-0 pt-lg-20 order-sm-2 order-md-2 order-lg-1 order-xl-1">
<img src="https://cdn.media.amplience.net/i/washford/Haluk-klarna-logo-white?w=50%" title="Klarna" class="p-0 mb-20 logoKlarna"/>
</div>
<div class="col-12 text-left w-100 pb-20 order-sm-1 order-md-1 order-lg-2 order-xl-2">
<div class="d-lg-flex align-items-center justify-content-start mb-10">
<span class="text-white font-weight-bold d-block fs-xxlarge fs-md-xlarge fs-lg-custom-1 fs-xl-custom-1 text-uppercase mb-10 mb-lg-0" >Flexible finance to help you spread the cost</span>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-7 d-flex align-items-end justify-content-end text-left text-md-right pb-20 order-sm-3 order-md-3 order-lg-3 order-xl-3">
<div class="text-white fs-small mb-10">*Finance available subject to credit assessment, terms and conditions apply, you must be aged 18+ and a permanent UK resident, please spend responsibly.</div>
</div>
</div>
</div>
<a href="https://www.halfords.com/help-and-advice/orders-and-bookings/payment-and-savings/finance/finance.html" class="stretched-link"></a>
</div>
</div>
<!--BANNER-->
<!-- <div class="row flex-column col-sm-12 mb-30 mx-auto"> --><!--CONTENT ASSET - FINANCE - Start--><!-- <div class="bg-primary b-font__secondary text-center pt-10 d-flex flex-column h-100"
style="/* min-height:400px */">
<div class="row my-auto">
<div class="col-sm-12 col-md-6 mb-sm-10 mb-md-0">
<div class="w-100 h-100 text-primary ml-sm-0 ml-md-10">
<div
class="bg-dark h-100 d-flex flex-column align-items-center justify-content-center py-sm-15 py-md-0 mx-sm-10 mx-md-0">
<h2 class="fs-sm-custom-3 fs-md-custom-3 fs-lg-custom-3 text-white text-uppercase">
<span>Spread</span> <span
class="mlsm-0 ml-md-n15 mt-n10 font-italic text-lowercase text-primary d-sm-inline d-md-block">the
cost</span>
</h2>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="w-100 h-100 text-primary font-weight-bold">
<div
class="bg-dark h-100 d-flex flex-column align-items-center justify-content-center py-10 mx-sm-10 mx-md-0 mr-md-10">
<h3 class="text-uppercase b-heading__secondary-5">Halfords <br>flexible finance</h3>
<p class="b-font__secondary text-white font-italic font-weight-bold mb-0"
style="font-weight:100;"><span class="fs-custom-1 text-lowercase">from
£99*</span></p>
</div>
</div>
</div>
</div>
<div class="row flex-row py-sm-15 py-md-0">
<div class="col-sm-12 mx-auto mb-sm-0 mb-md-10 mt-md-10">
<span>Powered by <img class="align-bottom mt-n5 d-inline-block"
src="https://i1.adis.ws/i/washford/haluk-klarna?w=4%"
alt="Halfords Finance powered by klarna"></span>
</div>
</div>
<div class="row w-100 mb-20">
<div class="col-sm-12 ml-10">
<span class="text-white fs-small">*Finance available subject to credit assessment, terms and
conditions apply, you must be aged 18 + and a permanent UK resident, please spend
responsibly. <br class="h-hidden__lg-down">Borrowing beyond your means could seriously
affect your financial status, ensure you can afford to make your repayments on time by the
due date.</span>
</div>
</div>
</div> --><!--CONTENT ASSET - FINANCE - END--><!-- </div> --><!--BASED ON -- clp-finance-col-6 - END-->
<div class="row no-gutters">
<div class="col-sm-12">
<ul class="d-flex flex-wrap justify-content-around text-white bg-black-300">
<li><a class="d-block text-white text-decoration-none text-center p-10" href="#how-it-works">How it works</a></li>
<li><a class="d-block text-white text-decoration-none text-center p-10" href="#finance-options">Finance Options </a></li>
<li><a class="d-block text-white text-decoration-none text-center p-10" href="#how-to-apply">How to Apply </a></li>
<!-- <li class="">
<a href="#finance-calculator" class="d-block text-white text-decoration-none text-center p-10">Finance Calculator </a>
</li> -->
<li><a class="d-block text-white text-decoration-none p-10" href="#faqs">FAQ's</a></li>
</ul>
</div>
</div>
<div class="row h-100 no-gutters">
<div class="flex-column col-sm-12">
<div class="text-center fs-xxxlarge font-weight-bold mt-20 mb-30">Where are you shopping?</div>
</div>
</div>
<div class="row mb-30 no-gutters">
<div class="col-lg-6 col-md-6 col-sm-12 text-center bg-black-300 pt-30 pb-30 border-primary border-3">
<div class="text-white"><img alt="Store" src="https://i1.adis.ws/i/washford/store2_1" />
<h4>Halfords Retail Store</h4>
<br />
<a class="b-button__primary text-white" href="#finance-options">Spread the cost</a></div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 text-center bg-gray-900 pt-30 pb-30 border-black-300 border-3">
<div class="text-white"><img alt="Auto" src="https://i1.adis.ws/i/washford/halfords-autocentre-black" style="margin-bottom:2%;" />
<h4>Halfords Autocentre Garage</h4>
<br />
<a class="b-button__submit" href="#auto-finance">Spread the cost</a></div>
</div>
</div>
<div class="row h-100 no-gutters anchor" id="how-it-works">
<div class="flex-column col-sm-12">
<div class="text-left fs-xxxlarge font-weight-bold mt-20 mb-10">How It Works</div>
</div>
</div>
<div class="row h-100 no-gutters">
<div class="flex-column col-sm-12">
<div class="text-left font-weight-normal mb-10">
<p>Got your eye on a new road bike or shiny socket set? Maybe you’ve had to have unexpected repairs on your vehicle. Well, if you don’t fancy spending all your cash in one go, we’ve got several finance options to help you spread the cost, covering spends over £30.</p