<!-- finance-available -->
<div class="row text-center">
<div class="col-12">
<h2>Finance</h2>
</div>
</div>
<style>
.klaranaBG { background:center center repeat #191919; }
.boxHeight { min-height:300px; }
@media (max-width:768px) { .boxHeight { min-height:200px; } }
</style>
<div class="col-lg-12 col-md-12 col-sm-12 h-100 mb-20">
<div class="row text-center h-position-relative h-100 d-flex justify-content-center klaranaBG lazy lazy-bg" data-bg="url('https://cdn.media.amplience.net/i/washford/Klarna-Background')">
<div class="col-sm-12 col-md-6 col-lg-4">
<!--Blank-->
</div>
<div class="col-sm-12 col-md-6 col-lg-4 px-sm-30 px-md-20">
<img src="https://cdn.media.amplience.net/i/washford/Haluk-motoring-for-less-klarna-dt" title="Spread the cost" width="400" class="mx-0 mb-20">
</div>
<div class="col-sm-12 col-md-6 col-lg-4 d-flex align-items-end justify-content-end px-sm-30 px-md-20 text-right">
<div>
<img src="https://cdn.media.amplience.net/i/washford/Haluk-klarna-logo-white?w=75%" title="Klarna" class="mr-0 mb-20 mt-20">
<p class="text-white">*Finance available subject to credit assessment, terms and conditions apply, you must be aged 18 + and a permanent UK resident, please spend responsibly.</p>
</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>
<!--
<div class="bg-primary b-font__secondary text-center pt-10 d-flex flex-column h-100 h-position-relative mb-20">
<div class="row my-auto">
<div class="col-sm-12 col-lg-6 mb-sm-10 mb-lg-0">
<div class="w-100 h-100 text-primary ml-sm-0 ml-lg-10">
<div class="bg-dark h-100 py-sm-15 py-lg-0 mx-sm-10 mx-lg-0 d-flex">
<h2 class="fs-sm-custom-3 fs-md-custom-3 fs-lg-custom-3 text-white text-uppercase my-auto text-center w-100 align-self-center"><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-lg-6">
<div class="w-100 h-100 text-primary font-weight-bold">
<div class="bg-dark h-100 py-10 mx-sm-10 mx-lg-0 mr-lg-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 src="https://i1.adis.ws/i/washford/haluk-klarna?w=4%" data-src="https://i1.adis.ws/i/washford/haluk-klarna?w=4%" alt="Halfords Finance powered by klarna" title="Halfords Finance powered by klarna" class="align-bottom mt-n5 d-inline-block lazy loaded" data-was-processed="true"></span>
</div>
</div>
<div class="row w-100 mb-20">
<div class="col-sm-12">
<span class="text-white fs-small">*Terms and conditions apply. Subject to credit assessment.</span>
</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 class="row text-center">
<div class="col-12">
<h3>How It Works</h3>
<p>We've got several finance options to help you spread the cost, covering spends over £99*.</p>
</div>
<div class="col-md-3 col-sm-6 mb-20">
<a href="https://www.halfords.com/help-and-advice/orders-and-bookings/payment-and-savings/finance/finance.html#how-it-work" class="b-button__primary">How it works</a>
</div>
<div class="col-md-3 col-sm-6 mb-20">
<a href="https://www.halfords.com/help-and-advice/orders-and-bookings/payment-and-savings/finance/finance.html#finance-options" class="b-button__primary">Finance Options</a>
</div>
<div class="col-md-3 col-sm-6 mb-20">
<a href="https://www.halfords.com/help-and-advice/orders-and-bookings/payment-and-savings/finance/finance.html#how-to-apply" class="b-button__primary">How to apply</a>
</div>
<div class="col-md-3 col-sm-6 mb-20">
<a href="https://www.halfords.com/help-and-advice/orders-and-bookings/payment-and-savings/finance/finance.html#faqs" class="b-button__primary">FAQs</a>
</div>
</div>
