<div class="row text-center">
<div class="col-12">
<h2>Finance</h2>
</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>
<a href="https://www.halfords.com/customer-services/shopping-at-halfords/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/customer-services/shopping-at-halfords/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/customer-services/shopping-at-halfords/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/customer-services/shopping-at-halfords/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/customer-services/shopping-at-halfords/finance.html#faqs" class="b-button__primary">FAQs</a>
</div>
</div>
