Vehicle Results Grid
The results grid controls the overall layout for the vehicle search. Results sets max out at 36 cards, as to keep the grid symmetrical and balanced across all devices. Either pagination or click to load methods can be used to show more entries.
<section class="c-results c-results--vehicle-set">
<div class="c-results__set">
<div class="o-wrapper">
<div class="o-grid | u-justify-center-<bp2">
<div class="o-grid__item | u-col-12 u-max-28-<bp2 u-col-6-@bp2 u-col-4-@bp3 u-col-3-@bp5">
{ Vehicle Card }
</div>
<div class="o-grid__item | u-col-12 u-max-28-<bp2 u-col-6-@bp2 u-col-4-@bp3 u-col-3-@bp5">
{ Vehicle Card }
</div>
<div class="o-grid__item | u-col-12 u-max-28-<bp2 u-col-6-@bp2 u-col-4-@bp3 u-col-3-@bp5">
{ Vehicle Card }
</div>
<div class="o-grid__item | u-col-12 u-max-28-<bp2 u-col-6-@bp2 u-col-4-@bp3 u-col-3-@bp5">
{ Vehicle Card }
</div>
...
...
...
...
</div>
</div>
</div>
</section>
Results Grid with Filters on Left
This layout features a filters panel on the left side, allowing users to refine their search results more easily.
Filters
Toyota Aygo 1.0 VVT-i X-Play TSS 5dr
Price: £12,689
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 0%
Monthly from: £99 pm PCP
Volkswagen Up 1.0 65PS Black Edition 5dr
Price: £13,821
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 0%
Monthly from: £118 pm PCP
Toyota Aygo 1.0 VVT-i X-Trend TSS 5dr
Price: £14,130
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 0%
Monthly from: £115 pm PCP
Volkswagen T-Cross Estate 1.0 TSI S 5dr
Price: £19,141
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £150 pm PCP
SEAT Arona 1.0 TSI SE Technology 5dr
Price: £20,275
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 4.5%
Monthly from: £199 pm PCP
Volkswagen Polo 1.0 TSI Style 5dr
Price: £20,886
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £248 pm PCP
smart Fortwo Electric 60kW EQ Pulse Premium 17kW 2dr Auto [22kWCh]
Price: £21,621
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £266 pm PCP
Honda Jazz 1.5 i-MMD Hybrid Crosstar Ex 5dr eCVT
Price: £24,060
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £288 pm PCP
Škoda Octavia 1.0 TSI e-TEC SE Technology 5dr DSG
Price: £24,365
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £226 pm PCP
MINI Countryman 1.5 Cooper Classic 5dr Auto
Price: £24,505
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £219 pm PCP
Škoda Kamiq 1.0 TSI 110 SE 5dr DSG
Price: £24,995
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 4.5%
Monthly from: £232 pm PCP
Isuzu D-MAX Diesel 1.9 Utility Single Cab 4x2
Price: £25,355
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 8.9%
Monthly from: £529 pm PCP
Mercedes-Benz A Class A180 SE 5dr
Price: £25,995
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6%
Monthly from: £135 pm PCP
Toyota C-HR 1.8 Hybrid Icon 5dr CVT
Price: £27,835
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 0%
Monthly from: £167 pm PCP
Toyota Corolla 1.8 VVT-i Hybrid GR Sport 5dr Auto
Price: £28,100
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 0%
Monthly from: £182 pm PCP
Volkswagen Golf 2.0 TDI Life 5dr DSG
Price: £28,371
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 4.9%
Monthly from: £275 pm PCP
BMW X1 sDrive 18i[136] Sport 5dr
Price: £31,385
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 4.5%
Monthly from: £199 pm PCP
Mercedes-Benz A Class A200 Sport Executive 5dr Auto
Price: £31,645
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6%
Monthly from: £213 pm PCP
Honda E 113kW Advance 36kW 5dr Auto
Price: £32,605
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £324 pm PCP
Audi TT 40 TFSI Sport Edition 2dr S Tronic
Price: £35,071
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.4%
Monthly from: £247 pm PCP
Volkswagen Arteon 2.0 TSI R-Line 5dr DSG
Price: £39,926
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 4.5%
Monthly from: £413 pm PCP
Toyota RAV4 2.5 PHEV Design 5dr CVT
Price: £41,695
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 0%
Monthly from: £172 pm PCP
Škoda Enyaq IV 150kW 80 ecoSuite 82kWh 5dr Auto
Price: £43,410
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 8.9%
Monthly from: £750 pm HP
BMW 4 Series 420i M Sport 2dr Step Auto
Price: £44,760
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £404 pm PCP
Mercedes-Benz EQA EQA 250 140kW AMG Line 66.5kWh 5dr Auto
Price: £46,510
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 5.9%
Monthly from: £288 pm PCP
Volvo XC40 1.5 T5 Recharge PHEV Inscription Pro 5dr Auto
Price: £46,975
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.6%
Monthly from: £355 pm PCP
Land Rover Range Rover Evoque 2.0 D200 R-Dynamic SE 5dr Auto
Price: £47,645
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 8.9%
Monthly from: £830 pm PCP
Lexus UX Electric 300e 150kW 54.3kWh 5dr E-CVT (Takumi Pack)
Price: £51,860
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 4.5%
Monthly from: £570 pm PCP
Audi Q5 Sportback Special Edition 40 TDI Quattro Edition 15-door S Tronic
Price: £55,646
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.3%
Monthly from: £479 pm PCP
Mercedes-Benz GLC AMG GLC 43 4Matic Premium Plus 5dr 9G-Tronic
Price: £59,030
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 6.9%
Monthly from: £674 pm PCP
Porsche Macan 5dr PDK
Price: £60,666
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 8.9%
Monthly from: £1,127 pm HP
Land Rover Discovery 3.0 D300 R-Dynamic SE 5dr Auto
Price: £67,520
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 8.9%
Monthly from: £1,173 pm HP
Mercedes-Benz GLE 300 D 4Matic AMG Line
Price: £67,775
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 5.9%
Monthly from: £508 pm PCP
Audi RS5 TFSI Quattro 2dr Tiptronic
Price: £71,839
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 5.9%
Monthly from: £479 pm PCP
Jaguar F-PACE 5.0 V8 550 SVR 5dr Auto AWD
Price: £77,055
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 8.9%
Monthly from: £1,484 pm HP
Porsche Taycan 350kW 93kWh 5dr Auto
Price: £104,887
1,000 Miles Automatic Diesel 113 g/km 62.8 mpg 2016 '66'
Representative APR: 8.9%
Monthly from: £1,848 pm HP
<div class="u-grid u-grid-fixed-20-@bp3">
<!-- Filters -->
<div class="u-bg-ui-100 u-radius u-flex u-align-middle u-p | is-filters">
Filters
</div>
<!-- Results -->
<div class="u-grid u-grid-auto-cols-3 u-bg-ui-200 u-radius u-flex u-align-middle u-p | is-results">
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Toyota</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Aygo</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 VVT-i X-Play TSS 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£12,689</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=aygo&modelRange=aygo&modelVariant=mc&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=aygo&modelRange=aygo&modelVariant=mc&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>0%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£99 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Volkswagen</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Up</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 65PS Black Edition 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£13,821</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=up&modelRange=up&modelVariant=ha&modelYear=2021&powerTrain=electric&transmission=0&bodySize=3&trim=beats!&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=up&modelRange=up&modelVariant=ha&modelYear=2021&powerTrain=electric&transmission=0&bodySize=3&trim=beats!&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>0%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£118 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Toyota</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Aygo</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 VVT-i X-Trend TSS 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£14,130</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=aygo&modelRange=aygo&modelVariant=mc&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=aygo&modelRange=aygo&modelVariant=mc&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>0%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£115 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Volkswagen</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">T-Cross Estate</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 TSI S 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£19,141</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=t-cross&modelRange=t-cross&modelVariant=od&modelYear=2021&powerTrain=petrol&transmission=0&bodySize=5&trim=life&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=t-cross&modelRange=t-cross&modelVariant=od&modelYear=2021&powerTrain=petrol&transmission=0&bodySize=5&trim=life&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£150 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">SEAT</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Arona</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 TSI SE Technology 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£20,275</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=seat&modelFamily=arona&modelRange=arona&modelVariant=od&modelYear=2022&powerTrain=fossil&transmission=0&bodySize=5&trim=fr&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=seat&modelFamily=arona&modelRange=arona&modelVariant=od&modelYear=2022&powerTrain=fossil&transmission=0&bodySize=5&trim=fr&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>4.5%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£199 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Volkswagen</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Polo</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 TSI Style 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£20,886</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=polo&modelRange=gti&modelVariant=ha&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=polo&modelRange=gti&modelVariant=ha&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£248 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">smart</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Fortwo Electric</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">60kW EQ Pulse Premium 17kW 2dr Auto [22kWCh]</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£21,621</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=smart&modelFamily=fortwo&modelRange=eq-fortwo&modelVariant=mc&modelYear=2020&powerTrain=electric&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=smart&modelFamily=fortwo&modelRange=eq-fortwo&modelVariant=mc&modelYear=2020&powerTrain=electric&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£266 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Honda</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Jazz</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.5 i-MMD Hybrid Crosstar Ex 5dr eCVT</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£24,060</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=honda&modelFamily=civic&modelRange=civic&modelVariant=co&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=2&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=honda&modelFamily=civic&modelRange=civic&modelVariant=co&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=2&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£288 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Škoda</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Octavia</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 TSI e-TEC SE Technology 5dr DSG</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£24,365</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-08.imagin.studio/getImage?&customer=listers&make=skoda&modelFamily=octavia&modelRange=octavia&modelVariant=es&modelYear=2020&powerTrain=hybrid&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=23.webp 1x, https://cdn-08.imagin.studio/getImage?&customer=listers&make=skoda&modelFamily=octavia&modelRange=octavia&modelVariant=es&modelYear=2020&powerTrain=hybrid&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=23-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£226 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">MINI</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Countryman</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.5 Cooper Classic 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£24,505</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=mini&modelFamily=countryman&modelRange=countryman&modelVariant=ha&modelYear=2024&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=mini&modelFamily=countryman&modelRange=countryman&modelVariant=ha&modelYear=2024&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£219 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Škoda</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Kamiq</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.0 TSI 110 SE 5dr DSG</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£24,995</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=skoda&modelFamily=kamiq&modelRange=kamiq&modelVariant=od&modelYear=2024&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=skoda&modelFamily=kamiq&modelRange=kamiq&modelVariant=od&modelYear=2024&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>4.5%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£232 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Isuzu</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">D-MAX Diesel</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.9 Utility Single Cab 4x2</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£25,355</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=isuzu&modelFamily=d-max&modelRange=d-max&modelVariant=pu&modelYear=2020&powerTrain=petrol&transmission=0&bodySize=4&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=isuzu&modelFamily=d-max&modelRange=d-max&modelVariant=pu&modelYear=2020&powerTrain=petrol&transmission=0&bodySize=4&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>8.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£529 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Mercedes-Benz</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">A Class</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">A180 SE 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£25,995</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=a-class&modelRange=a-class&modelVariant=ch&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=a-class&modelRange=a-class&modelVariant=ch&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£135 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Toyota</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">C-HR</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.8 Hybrid Icon 5dr CVT</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£27,835</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=c-hr&modelRange=c-hr&modelVariant=od&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=c-hr&modelRange=c-hr&modelVariant=od&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>0%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£167 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Toyota</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Corolla</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.8 VVT-i Hybrid GR Sport 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£28,100</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=corolla&modelRange=corolla&modelVariant=ha&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=business-plus&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=corolla&modelRange=corolla&modelVariant=ha&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=business-plus&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>0%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£182 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Volkswagen</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Golf</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">2.0 TDI Life 5dr DSG</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£28,371</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=golf&modelRange=golf&modelVariant=ch&modelYear=2020&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=golf&modelRange=golf&modelVariant=ch&modelYear=2020&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>4.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£275 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">BMW</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">X1</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">sDrive 18i[136] Sport 5dr</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£31,385</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=bmw&modelFamily=x1&modelRange=x1&modelVariant=od&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=bmw&modelFamily=x1&modelRange=x1&modelVariant=od&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>4.5%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£199 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Mercedes-Benz</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">A Class</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">A200 Sport Executive 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£31,645</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=a-class&modelRange=a-class&modelVariant=ch&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=a-class&modelRange=a-class&modelVariant=ch&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£213 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Honda</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">E</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">113kW Advance 36kW 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£32,605</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=honda&modelFamily=honda-e&modelRange=honda-e&modelVariant=ha&modelYear=2020&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=honda&modelFamily=honda-e&modelRange=honda-e&modelVariant=ha&modelYear=2020&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£324 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Audi</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">TT</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">40 TFSI Sport Edition 2dr S Tronic</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£35,071</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=audi&modelFamily=tt&modelRange=tt&modelVariant=co&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=audi&modelFamily=tt&modelRange=tt&modelVariant=co&modelYear=2018&powerTrain=petrol&transmission=0&bodySize=3&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.4%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£247 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Volkswagen</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Arteon</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">2.0 TSI R-Line 5dr DSG</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£39,926</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=arteon&modelRange=arteon&modelVariant=ha&modelYear=2021&powerTrain=hybrid&transmission=0&bodySize=5&trim=elegance&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=volkswagen&modelFamily=arteon&modelRange=arteon&modelVariant=ha&modelYear=2021&powerTrain=hybrid&transmission=0&bodySize=5&trim=elegance&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>4.5%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£413 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Toyota</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">RAV4</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">2.5 PHEV Design 5dr CVT</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£41,695</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=rav4&modelRange=rav4&modelVariant=od&modelYear=2022&powerTrain=hybrid&transmission=0&bodySize=5&trim=active&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=toyota&modelFamily=rav4&modelRange=rav4&modelVariant=od&modelYear=2022&powerTrain=hybrid&transmission=0&bodySize=5&trim=active&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>0%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£172 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Škoda</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Enyaq IV</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">150kW 80 ecoSuite 82kWh 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£43,410</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=skoda&modelFamily=enyaq&modelRange=enyaq&modelVariant=od&modelYear=2020&powerTrain=electric&transmission=0&bodySize=5&trim=50&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=skoda&modelFamily=enyaq&modelRange=enyaq&modelVariant=od&modelYear=2020&powerTrain=electric&transmission=0&bodySize=5&trim=50&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>8.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£750 pm HP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">BMW</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">4 Series</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">420i M Sport 2dr Step Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£44,760</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=bmw&modelFamily=series-4&modelRange=series-4&modelVariant=co&modelYear=2021&powerTrain=petrol&transmission=0&bodySize=2&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=bmw&modelFamily=series-4&modelRange=series-4&modelVariant=co&modelYear=2021&powerTrain=petrol&transmission=0&bodySize=2&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£404 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Mercedes-Benz</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">EQA</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">EQA 250 140kW AMG Line 66.5kWh 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£46,510</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=eqa&modelRange=eqa&modelVariant=od&modelYear=2024&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=eqa&modelRange=eqa&modelVariant=od&modelYear=2024&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>5.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£288 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Volvo</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">XC40</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">1.5 T5 Recharge PHEV Inscription Pro 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£46,975</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=volvo&modelFamily=xc40&modelRange=xc40&modelVariant=od&modelYear=2023&powerTrain=electric&transmission=0&bodySize=5&trim=core&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=volvo&modelFamily=xc40&modelRange=xc40&modelVariant=od&modelYear=2023&powerTrain=electric&transmission=0&bodySize=5&trim=core&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.6%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£355 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Land Rover</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Range Rover Evoque</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">2.0 D200 R-Dynamic SE 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£47,645</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=land-rover&modelFamily=range-rover-evoque&modelRange=range-rover-evoque&modelVariant=od&modelYear=2020&powerTrain=hybrid&transmission=0&bodySize=5&trim=autobiography&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=land-rover&modelFamily=range-rover-evoque&modelRange=range-rover-evoque&modelVariant=od&modelYear=2020&powerTrain=hybrid&transmission=0&bodySize=5&trim=autobiography&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>8.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£830 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Lexus</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">UX Electric</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">300e 150kW 54.3kWh 5dr E-CVT (Takumi Pack)</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£51,860</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=lexus&modelFamily=ux&modelRange=300e&modelVariant=od&modelYear=2021&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=lexus&modelFamily=ux&modelRange=300e&modelVariant=od&modelYear=2021&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>4.5%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£570 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Audi</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Q5 Sportback Special Edition</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">40 TDI Quattro Edition 15-door S Tronic</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£55,646</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=audi&modelFamily=q5&modelRange=q5&modelVariant=od&modelYear=2021&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=audi&modelFamily=q5&modelRange=q5&modelVariant=od&modelYear=2021&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.3%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£479 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Mercedes-Benz</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">GLC AMG</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">GLC 43 4Matic Premium Plus 5dr 9G-Tronic</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£59,030</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=glc-class&modelRange=glc-class-coupe-amg&modelVariant=od&modelYear=2023&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=glc-class&modelRange=glc-class-coupe-amg&modelVariant=od&modelYear=2023&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>6.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£674 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Porsche</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Macan</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">5dr PDK</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£60,666</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=porsche&modelFamily=macan&modelRange=macan&modelVariant=od&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=porsche&modelFamily=macan&modelRange=macan&modelVariant=od&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>8.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£1,127 pm HP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Land Rover</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Discovery</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">3.0 D300 R-Dynamic SE 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£67,520</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=land-rover&modelFamily=discovery&modelRange=discovery&modelVariant=cs&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=land-rover&modelFamily=discovery&modelRange=discovery&modelVariant=cs&modelYear=2022&powerTrain=petrol&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>8.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£1,173 pm HP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Mercedes-Benz</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">GLE</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">300 D 4Matic AMG Line</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£67,775</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=gle&modelRange=gle&modelVariant=od&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=business-line&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=mercedes&modelFamily=gle&modelRange=gle&modelVariant=od&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=business-line&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>5.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£508 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Audi</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">RS5</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">TFSI Quattro 2dr Tiptronic</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£71,839</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=audi&modelFamily=a5&modelRange=rs5&modelVariant=co&modelYear=2020&powerTrain=petrol&transmission=0&bodySize=2&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=audi&modelFamily=a5&modelRange=rs5&modelVariant=co&modelYear=2020&powerTrain=petrol&transmission=0&bodySize=2&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>5.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£479 pm PCP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Jaguar</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">F-PACE</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">5.0 V8 550 SVR 5dr Auto AWD</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£77,055</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=jaguar&modelFamily=f-pace&modelRange=f-pace&modelVariant=od&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=jaguar&modelFamily=f-pace&modelRange=f-pace&modelVariant=od&modelYear=2023&powerTrain=hybrid&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>8.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£1,484 pm HP</strong>
</div>
</div>
</a>
<a class="c-card c-card--vehicle" href="#">
<div class="c-card__head">
<span class="c-brand | u-heading u-tc-slate-500 u-fs-uppercase u-fs-spaced u-trunc u-mb-xxs">Porsche</span>
<span class="c-range | u-heading u-epsilon u-mb-xxs">
<span class="u-trunc">Taycan</span>
</span>
<span class="c-derivative | u-fs-sm u-block u-fw-600 u-trunc u-mb-xs">350kW 93kWh 5dr Auto</span>
<div class="c-pricing">
<div class="o-split">
<span class="o-split__title">Price:</span>
<span class="c-price">
<span class="c-price__value">£104,887</span>
</span>
</div>
</div>
</div>
<div class="c-card__thumb">
<img class="c-img | o-fit u-aspect--3x2" srcset="https://cdn-01.imagin.studio/getImage?&customer=listers&make=porsche&modelFamily=taycan&modelRange=cross-turismo&modelVariant=es&modelYear=2021&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01.webp 1x, https://cdn-01.imagin.studio/getImage?&customer=listers&make=porsche&modelFamily=taycan&modelRange=cross-turismo&modelVariant=es&modelYear=2021&powerTrain=electric&transmission=0&bodySize=5&trim=eu&paintId=imagin-grey&zoomLevel=0&aspectRatio=1-5&width=315&angle=01-@x2.webp 2x" width="315" height="210" alt="Car Descriptive Name" />
</div>
<div class="c-card__body | u-flex u-flex-wrap u-gap u-gap-sm">
<span class="c-badge c-badge--lg">1,000 Miles</span>
<span class="c-badge c-badge--lg">Automatic</span>
<span class="c-badge c-badge--lg">Diesel</span>
<span class="c-badge c-badge--lg">113 g/km</span>
<span class="c-badge c-badge--lg">62.8 mpg</span>
<span class="c-badge c-badge--lg">2016 '66'</span>
</div>
<div class="c-card__footer | u-bg-ui-200 u-tc-purple-900">
<div class="o-split">
<span class="o-split__title">Representative APR:</span>
<strong>8.9%</strong>
</div>
<div class="o-split">
<span class="o-split__title">Monthly from:</span>
<strong>£1,848 pm HP</strong>
</div>
</div>
</a>
</div>
</div>
Loading State
If the page results update method is dynamic loading, use the loading component to show the results set is transitioning/loading new results.
<section class="c-results c-results--vehicle-set | is-loading" aria-label="Loading new results, please wait.">
<div class="c-results__set">...</div>
<div class="c-results__set">...</div>
<!-- Loading Component -->
<svg class="c-loader | u-tc-primary" viewBox="0 0 120 30" aria-hidden="true">
<g>
<circle class="c-dots" cx="15" cy="15" r="15"/>
<circle class="c-dot" cx="60" cy="15" r="15"/>
<circle class="c-dots" cx="105" cy="15" r="15"/>
</g>
</svg>
</section>