www.drivencarguide.co.nz
Open in
urlscan Pro
2606:4700::6812:10e1
Public Scan
Submitted URL: http://www.drivencarguide.co.nz/
Effective URL: https://www.drivencarguide.co.nz/
Submission: On January 29 via api from US — Scanned from NZ
Effective URL: https://www.drivencarguide.co.nz/
Submission: On January 29 via api from US — Scanned from NZ
Form analysis 5 forms found in the DOM
GET /vehicle-search
<form action="/vehicle-search" method="get" x-data="searchBrowseCars" x-bind="searchForm">
<div class="tw-flex">
<div class="tw-flex tw-flex-col tw-gap-4 tw-w-full
lg:tw-flex-row lg:tw-gap-0" x-data="browseVehicles">
<div class="tw-rounded tw-bg-gray-100 tw-w-full
lg:tw-grid lg:tw-grid-cols-3 lg:tw-rounded-r-none">
<div class="tw-relative tw-w-full lg:tw-grow-0 after:tw-block after:tw-h-0.25 after:tw-mx-2 after:tw-bg-gray-200 lg:after:tw-absolute lg:after:tw-inset-y-2.5 lg:after:tw-right-0 lg:after:tw-w-0.25 lg:after:tw-h-auto lg:after:tw-mx-0">
<div class="tw-relative" data-test-ui="dropdown" data-default-open="false" x-data="dropdownMultiSelect" x-bind="container">
<button type="button" class="
tw-bg-gray-100 tw-border tw-border-solid tw-border-gray-100
tw-text-lg tw-w-full tw-flex tw-flex-row tw-justify-between
tw-items-center tw-px-4 tw-py-2.5 tw-gap-6 tw-rounded
tw-text-gray-800
hover:tw-bg-gray-200
hover:tw-border-gray-200
focus:tw-border-primary-500
disabled:tw-text-gray-500
disabled:tw-cursor-not-allowed
disabled:focus:tw-border-gray-100
data-[has-selected=true]:tw-text-gray-800
data-[has-selected=true]:tw-not-italic
disabled:data-[has-selected=true]:tw-text-gray-500
" data-test-ui="dropdown-button" data-has-selected="false" aria-label="dropdown input" aria-disabled="false" x-bind="button" aria-expanded="false">
<span class="tw-grow tw-truncate tw-text-left tw-italic tw-font-light" data-test-ui="dropdown-button-title" x-bind="multiLabel" data-placeholder="Body Type">Body Type</span>
<i data-test-ui="dropdown-button-icon">
<svg class="tw-w-5 tw-h-5 tw-text-primary-500 data-[disabled=true]:tw-text-gray-500" data-disabled="false" x-bind="toggleIcon" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
</button>
<div class="tw-absolute tw-z-10 tw-w-full tw-max-h-64 tw-mt-1 tw-py-2 tw-overflow-auto tw-text-gray-800 tw-bg-base-white tw-shadow-[0_8px_12px_rgba(0,0,0,0.05)]" data-test-ui="dropdown-panel" x-bind="panel" style="display: none;">
<ul data-test-ui="dropdown-menu" tabindex="-1">
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="hatchback_453f35b178f886da" name="body" value="hatchback" data-label="Hatchback" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="hatchback_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Hatchback</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="peoplemover_453f35b178f886da" name="body" value="peoplemover" data-label="People Mover" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="peoplemover_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">People Mover</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="sedan_453f35b178f886da" name="body" value="sedan" data-label="Sedan" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="sedan_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Sedan</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="sport_453f35b178f886da" name="body" value="sport" data-label="Sport" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="sport_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Sport</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="suv_453f35b178f886da" name="body" value="suv" data-label="SUV" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="suv_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">SUV</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="ute_453f35b178f886da" name="body" value="ute" data-label="Ute" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="ute_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Ute</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="van_453f35b178f886da" name="body" value="van" data-label="Van" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="van_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Van</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="wagon_453f35b178f886da" name="body" value="wagon" data-label="Wagon" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="wagon_453f35b178f886da" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Wagon</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="tw-relative tw-w-full lg:tw-grow-0 after:tw-block after:tw-h-0.25 after:tw-mx-2 after:tw-bg-gray-200 lg:after:tw-absolute lg:after:tw-inset-y-2.5 lg:after:tw-right-0 lg:after:tw-w-0.25 lg:after:tw-h-auto lg:after:tw-mx-0">
<div class="tw-relative" data-test-ui="dropdown" data-default-open="false" x-data="dropdownMultiSelect" x-bind="container">
<button type="button" class="
tw-bg-gray-100 tw-border tw-border-solid tw-border-gray-100
tw-text-lg tw-w-full tw-flex tw-flex-row tw-justify-between
tw-items-center tw-px-4 tw-py-2.5 tw-gap-6 tw-rounded
tw-text-gray-800
hover:tw-bg-gray-200
hover:tw-border-gray-200
focus:tw-border-primary-500
disabled:tw-text-gray-500
disabled:tw-cursor-not-allowed
disabled:focus:tw-border-gray-100
data-[has-selected=true]:tw-text-gray-800
data-[has-selected=true]:tw-not-italic
disabled:data-[has-selected=true]:tw-text-gray-500
" data-test-ui="dropdown-button" data-has-selected="false" aria-label="dropdown input" aria-disabled="false" x-bind="button" aria-expanded="false">
<span class="tw-grow tw-truncate tw-text-left tw-italic tw-font-light" data-test-ui="dropdown-button-title" x-bind="multiLabel" data-placeholder="Fuel Type">Fuel Type</span>
<i data-test-ui="dropdown-button-icon">
<svg class="tw-w-5 tw-h-5 tw-text-primary-500 data-[disabled=true]:tw-text-gray-500" data-disabled="false" x-bind="toggleIcon" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
</button>
<div class="tw-absolute tw-z-10 tw-w-full tw-max-h-64 tw-mt-1 tw-py-2 tw-overflow-auto tw-text-gray-800 tw-bg-base-white tw-shadow-[0_8px_12px_rgba(0,0,0,0.05)]" data-test-ui="dropdown-panel" x-bind="panel" style="display: none;">
<ul data-test-ui="dropdown-menu" tabindex="-1">
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="petrol_4e591871256f3a0" name="fuel" value="petrol" data-label="Petrol" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="petrol_4e591871256f3a0" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Petrol</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="diesel_4e591871256f3a0" name="fuel" value="diesel" data-label="Diesel" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="diesel_4e591871256f3a0" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Diesel</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="hybrid_4e591871256f3a0" name="fuel" value="hybrid" data-label="Hybrid" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="hybrid_4e591871256f3a0" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Hybrid</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="electric_4e591871256f3a0" name="fuel" value="electric" data-label="Electric" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="electric_4e591871256f3a0" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Electric</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="tw-relative tw-w-full lg:tw-grow-0">
<div class="tw-relative" data-test-ui="dropdown" data-default-open="false" x-data="dropdownMultiSelect" x-bind="container">
<button type="button" class="
tw-bg-gray-100 tw-border tw-border-solid tw-border-gray-100
tw-text-lg tw-w-full tw-flex tw-flex-row tw-justify-between
tw-items-center tw-px-4 tw-py-2.5 tw-gap-6 tw-rounded
tw-text-gray-800
hover:tw-bg-gray-200
hover:tw-border-gray-200
focus:tw-border-primary-500
disabled:tw-text-gray-500
disabled:tw-cursor-not-allowed
disabled:focus:tw-border-gray-100
data-[has-selected=true]:tw-text-gray-800
data-[has-selected=true]:tw-not-italic
disabled:data-[has-selected=true]:tw-text-gray-500
" data-test-ui="dropdown-button" data-has-selected="false" aria-label="dropdown input" aria-disabled="false" x-bind="button" aria-expanded="false">
<span class="tw-grow tw-truncate tw-text-left tw-italic tw-font-light" data-test-ui="dropdown-button-title" x-bind="multiLabel" data-placeholder="Price Range">Price Range</span>
<i data-test-ui="dropdown-button-icon">
<svg class="tw-w-5 tw-h-5 tw-text-primary-500 data-[disabled=true]:tw-text-gray-500" data-disabled="false" x-bind="toggleIcon" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
</button>
<div class="tw-absolute tw-z-10 tw-w-full tw-max-h-64 tw-mt-1 tw-py-2 tw-overflow-auto tw-text-gray-800 tw-bg-base-white tw-shadow-[0_8px_12px_rgba(0,0,0,0.05)]" data-test-ui="dropdown-panel" x-bind="panel" style="display: none;">
<ul data-test-ui="dropdown-menu" tabindex="-1">
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="0-10000_4ab313d9d6db46e" name="price" value="0-10000" data-label="$0 - $10k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="0-10000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$0 - $10k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="10000-20000_4ab313d9d6db46e" name="price" value="10000-20000" data-label="$10 - $20k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="10000-20000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$10 - $20k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="20000-30000_4ab313d9d6db46e" name="price" value="20000-30000" data-label="$20 - $30k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="20000-30000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$20 - $30k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="30000-40000_4ab313d9d6db46e" name="price" value="30000-40000" data-label="$30 - $40k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="30000-40000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$30 - $40k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="40000-50000_4ab313d9d6db46e" name="price" value="40000-50000" data-label="$40 - $50k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="40000-50000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$40 - $50k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="50000-60000_4ab313d9d6db46e" name="price" value="50000-60000" data-label="$50 - $60k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="50000-60000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$50 - $60k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="60000-70000_4ab313d9d6db46e" name="price" value="60000-70000" data-label="$60 - $70k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="60000-70000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$60 - $70k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="70000-80000_4ab313d9d6db46e" name="price" value="70000-80000" data-label="$70 - $80k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="70000-80000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$70 - $80k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="80000-90000_4ab313d9d6db46e" name="price" value="80000-90000" data-label="$80 - $90k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="80000-90000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$80 - $90k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="90000-100000_4ab313d9d6db46e" name="price" value="90000-100000" data-label="$90 - $100k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="90000-100000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$90 - $100k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="100000_4ab313d9d6db46e" name="price" value="100000" data-label="$100k+" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="100000_4ab313d9d6db46e" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$100k+</label>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<button class="tw-shrink-0
lg:tw-rounded-l-none c-btn" x-bind="searchButton" data-test-ui="button"> Search </button>
</div>
</div>
</form>POST
<form action="" method="post">
<div class="tw-flex tw-flex-col tw-gap-4 tw-w-full
lg:tw-flex-row lg:tw-gap-0" x-data="searchMakeModel">
<div class="tw-rounded tw-bg-gray-100
lg:tw-flex lg:tw-grow lg:tw-rounded-r-none">
<div class="tw-relative tw-w-full
after:tw-block after:tw-h-0.25 after:tw-mx-2 after:tw-bg-gray-200
lg:after:tw-absolute lg:after:tw-inset-y-2.5 lg:after:tw-right-0 lg:after:tw-w-0.25 lg:after:tw-h-auto lg:after:tw-mx-0">
<label for="globalSearchVehicleProfileMake" class="tw-sr-only">Choose a vehicle make</label>
<div class="c-select">
<select id="globalSearchVehicleProfileMake" class="c-select__control tw-w-full lg:tw-rounded lg:tw-rounded-r-none tw-pr-12 tw-italic tw-font-light" x-bind="makeSelect" name="make">
<option value="" disabled="" selected="">Choose a make</option>
<template x-for="option in vehicleMakeList">
<option :value="getOptionValue" :disabled="getIsOptionDisabled" x-text="getOptionName"></option>
</template>
</select>
<i x-bind="makeIndicator">
<svg aria-hidden="false" class="c-select__indicator" role="img" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
<i x-bind="makeLoading" aria-hidden="true" style="display: none;">
<span class="tw-sr-only">Loading makes</span>
<svg aria-hidden="true" class="c-select__loading tw-text-gray-300 tw-fill-primary-900 tw-animate-spin" data-test-ui="icon-loading" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path></svg>
</i>
</div>
</div>
<div class="tw-relative tw-w-full tw-border-solid tw-border-b tw-border-gray-300 last:tw-border-b-0
lg:tw-bottom-b-0">
<label for="globalSearchVehicleProfileModel" class="tw-sr-only">Choose a vehicle model</label>
<div class="c-select">
<select id="globalSearchVehicleProfileModel" class="c-select__control tw-w-full tw-bg-transparent lg:tw-rounded-none tw-pr-12 tw-italic tw-font-light" x-bind="modelSelect" name="model" disabled="disabled">
<option value="" disabled="" selected="">Choose a model</option>
<template x-for="option in vehicleModelList">
<option :value="getOptionValue" x-text="getOptionName"></option>
</template>
</select>
<i x-bind="modelIndicator">
<svg class="c-select__indicator" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
<i x-bind="modelLoading" aria-hidden="true" style="display: none;">
<span class="tw-sr-only">Loading models</span>
<svg class="c-select__loading tw-text-gray-300 tw-fill-primary-900 tw-animate-spin" aria-hidden="true" data-test-ui="icon-loading" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path></svg>
</i>
</div>
</div>
</div>
<button x-bind="triggerSearch" class="tw-shrink-0
lg:tw-rounded-l-none c-btn" data-test-ui="button" disabled="disabled">Search</button>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8CqHwSKB8YpFpYfHzcxYz_L8LcwZEAD53WcQ7PGsMm9Z9__7KgchZk5msYLO4msmKCOnkhitxeblQIQiN8IJ3JGT5MRPpRvmuaoFQQZo66kQE489UIaD0rCAYm0y3f9-WJz5Y71prTJBlMEfJ7e_F3A">
</form>/article-search
<form action="/article-search">
<div class="tw-flex">
<label for="globalSearchArticleKeywords" class="tw-sr-only">Enter keyword/s</label>
<div data-test-ui="field" class="tw-relative tw-flex tw-w-full" x-data="password"><input id="globalSearchArticleKeywords" class="tw-rounded-r-none tw-w-full c-input tw-peer tw-pl-10.5" name="term" type="search" autocomplete="off"
placeholder="Search Reviews, News and more" value="" data-focus-visible="false"
data-test-ui="field-input"><i class="c-input__icon c-input__icon-left"><svg aria-hidden="true" class="tw-w-4.5 tw-h-4.5" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Search"></use></svg></i></div>
<button class="tw-shrink-0 tw-rounded-l-none c-btn" data-test-ui="button">Search</button>
</div>
</form>GET /vehicle-search
<form action="/vehicle-search" method="get" x-data="searchBrowseCars" x-bind="searchForm">
<div class="tw-pb-2" x-data="browseVehicles">
<div class="tw-mb-6">
<div class="tw-relative" data-test-ui="dropdown" data-default-open="false" x-data="dropdownMultiSelect" x-bind="container">
<button type="button" class="
tw-bg-gray-100 tw-border tw-border-solid tw-border-gray-100
tw-text-lg tw-w-full tw-flex tw-flex-row tw-justify-between
tw-items-center tw-px-4 tw-py-2.5 tw-gap-6 tw-rounded
tw-text-gray-800
hover:tw-bg-gray-200
hover:tw-border-gray-200
focus:tw-border-primary-500
disabled:tw-text-gray-500
disabled:tw-cursor-not-allowed
disabled:focus:tw-border-gray-100
data-[has-selected=true]:tw-text-gray-800
data-[has-selected=true]:tw-not-italic
disabled:data-[has-selected=true]:tw-text-gray-500
" data-test-ui="dropdown-button" data-has-selected="false" aria-label="dropdown input" aria-disabled="false" x-bind="button" aria-expanded="false">
<span class="tw-grow tw-truncate tw-text-left tw-italic tw-font-light" data-test-ui="dropdown-button-title" x-bind="multiLabel" data-placeholder="Body Type">Body Type</span>
<i data-test-ui="dropdown-button-icon">
<svg class="tw-w-5 tw-h-5 tw-text-primary-500 data-[disabled=true]:tw-text-gray-500" data-disabled="false" x-bind="toggleIcon" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
</button>
<div class="tw-absolute tw-z-10 tw-w-full tw-max-h-64 tw-mt-1 tw-py-2 tw-overflow-auto tw-text-gray-800 tw-bg-base-white tw-shadow-[0_8px_12px_rgba(0,0,0,0.05)]" data-test-ui="dropdown-panel" x-bind="panel" style="display: none;">
<ul data-test-ui="dropdown-menu" tabindex="-1">
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="hatchback_715ec0638c00be6" name="body" value="hatchback" data-label="Hatchback" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="hatchback_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Hatchback</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="peoplemover_715ec0638c00be6" name="body" value="peoplemover" data-label="People Mover" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="peoplemover_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">People Mover</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="sedan_715ec0638c00be6" name="body" value="sedan" data-label="Sedan" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="sedan_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Sedan</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="sport_715ec0638c00be6" name="body" value="sport" data-label="Sport" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="sport_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Sport</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="suv_715ec0638c00be6" name="body" value="suv" data-label="SUV" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="suv_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">SUV</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="ute_715ec0638c00be6" name="body" value="ute" data-label="Ute" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="ute_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Ute</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="van_715ec0638c00be6" name="body" value="van" data-label="Van" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="van_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Van</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="wagon_715ec0638c00be6" name="body" value="wagon" data-label="Wagon" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="wagon_715ec0638c00be6" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Wagon</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="tw-mb-6">
<div class="tw-relative" data-test-ui="dropdown" data-default-open="false" x-data="dropdownMultiSelect" x-bind="container">
<button type="button" class="
tw-bg-gray-100 tw-border tw-border-solid tw-border-gray-100
tw-text-lg tw-w-full tw-flex tw-flex-row tw-justify-between
tw-items-center tw-px-4 tw-py-2.5 tw-gap-6 tw-rounded
tw-text-gray-800
hover:tw-bg-gray-200
hover:tw-border-gray-200
focus:tw-border-primary-500
disabled:tw-text-gray-500
disabled:tw-cursor-not-allowed
disabled:focus:tw-border-gray-100
data-[has-selected=true]:tw-text-gray-800
data-[has-selected=true]:tw-not-italic
disabled:data-[has-selected=true]:tw-text-gray-500
" data-test-ui="dropdown-button" data-has-selected="false" aria-label="dropdown input" aria-disabled="false" x-bind="button" aria-expanded="false">
<span class="tw-grow tw-truncate tw-text-left tw-italic tw-font-light" data-test-ui="dropdown-button-title" x-bind="multiLabel" data-placeholder="Fuel Type">Fuel Type</span>
<i data-test-ui="dropdown-button-icon">
<svg class="tw-w-5 tw-h-5 tw-text-primary-500 data-[disabled=true]:tw-text-gray-500" data-disabled="false" x-bind="toggleIcon" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
</button>
<div class="tw-absolute tw-z-10 tw-w-full tw-max-h-64 tw-mt-1 tw-py-2 tw-overflow-auto tw-text-gray-800 tw-bg-base-white tw-shadow-[0_8px_12px_rgba(0,0,0,0.05)]" data-test-ui="dropdown-panel" x-bind="panel" style="display: none;">
<ul data-test-ui="dropdown-menu" tabindex="-1">
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="petrol_2a86cd7770f7c898" name="fuel" value="petrol" data-label="Petrol" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="petrol_2a86cd7770f7c898" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Petrol</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="diesel_2a86cd7770f7c898" name="fuel" value="diesel" data-label="Diesel" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="diesel_2a86cd7770f7c898" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Diesel</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="hybrid_2a86cd7770f7c898" name="fuel" value="hybrid" data-label="Hybrid" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="hybrid_2a86cd7770f7c898" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Hybrid</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="electric_2a86cd7770f7c898" name="fuel" value="electric" data-label="Electric" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="electric_2a86cd7770f7c898" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">Electric</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="tw-mb-6">
<div class="tw-relative" data-test-ui="dropdown" data-default-open="false" x-data="dropdownMultiSelect" x-bind="container">
<button type="button" class="
tw-bg-gray-100 tw-border tw-border-solid tw-border-gray-100
tw-text-lg tw-w-full tw-flex tw-flex-row tw-justify-between
tw-items-center tw-px-4 tw-py-2.5 tw-gap-6 tw-rounded
tw-text-gray-800
hover:tw-bg-gray-200
hover:tw-border-gray-200
focus:tw-border-primary-500
disabled:tw-text-gray-500
disabled:tw-cursor-not-allowed
disabled:focus:tw-border-gray-100
data-[has-selected=true]:tw-text-gray-800
data-[has-selected=true]:tw-not-italic
disabled:data-[has-selected=true]:tw-text-gray-500
" data-test-ui="dropdown-button" data-has-selected="false" aria-label="dropdown input" aria-disabled="false" x-bind="button" aria-expanded="false">
<span class="tw-grow tw-truncate tw-text-left tw-italic tw-font-light" data-test-ui="dropdown-button-title" x-bind="multiLabel" data-placeholder="Price Range">Price Range</span>
<i data-test-ui="dropdown-button-icon">
<svg class="tw-w-5 tw-h-5 tw-text-primary-500 data-[disabled=true]:tw-text-gray-500" data-disabled="false" x-bind="toggleIcon" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
</button>
<div class="tw-absolute tw-z-10 tw-w-full tw-max-h-64 tw-mt-1 tw-py-2 tw-overflow-auto tw-text-gray-800 tw-bg-base-white tw-shadow-[0_8px_12px_rgba(0,0,0,0.05)]" data-test-ui="dropdown-panel" x-bind="panel" style="display: none;">
<ul data-test-ui="dropdown-menu" tabindex="-1">
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="0-10000_60eb470d1aca20d9" name="price" value="0-10000" data-label="$0 - $10k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="0-10000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$0 - $10k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="10000-20000_60eb470d1aca20d9" name="price" value="10000-20000" data-label="$10 - $20k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="10000-20000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$10 - $20k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="20000-30000_60eb470d1aca20d9" name="price" value="20000-30000" data-label="$20 - $30k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="20000-30000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$20 - $30k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="30000-40000_60eb470d1aca20d9" name="price" value="30000-40000" data-label="$30 - $40k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="30000-40000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$30 - $40k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="40000-50000_60eb470d1aca20d9" name="price" value="40000-50000" data-label="$40 - $50k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="40000-50000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$40 - $50k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="50000-60000_60eb470d1aca20d9" name="price" value="50000-60000" data-label="$50 - $60k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="50000-60000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$50 - $60k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="60000-70000_60eb470d1aca20d9" name="price" value="60000-70000" data-label="$60 - $70k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="60000-70000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$60 - $70k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="70000-80000_60eb470d1aca20d9" name="price" value="70000-80000" data-label="$70 - $80k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="70000-80000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$70 - $80k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="80000-90000_60eb470d1aca20d9" name="price" value="80000-90000" data-label="$80 - $90k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="80000-90000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$80 - $90k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="90000-100000_60eb470d1aca20d9" name="price" value="90000-100000" data-label="$90 - $100k" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="90000-100000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$90 - $100k</label>
</div>
</li>
<li class="
tw-pl-6
tw-pr-2
hover:tw-bg-gray-100
data-[selected=true]:tw-bg-primary-100
data-[selected=true]:hover:tw-bg-primary-200
data-[disabled=true]:tw-text-gray-500
data-[disabled=true]:hover:tw-text-gray-500
data-[disabled=true]:hover:hover:tw-bg-base-white
data-[disabled=true]:hover:tw-cursor-not-allowed
" data-disabled="false" aria-disabled="false" x-data="dropdownMutliSelectItem" x-bind="multiItem">
<div class="tw-flex tw-items-start tw-gap-2 tw-py-2 tw-text-gray-900" data-test-ui="checkbox">
<div class="c-input-checkbox"><input type="checkbox" id="100000_60eb470d1aca20d9" name="price" value="100000" data-label="$100k+" x-bind="multiCheckboxInput" class="tw-peer c-input-checkbox__element"
data-test-ui="checkbox-input"><i class="c-input-checkbox__ui"><svg aria-hidden="true" class="c-input-checkbox__ui-icon" data-test-ui="icon" role="img"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#Check"></use></svg></i>
</div>
<label for="100000_60eb470d1aca20d9" class="tw-grow data-[disabled=true]:hover:tw-cursor-not-allowed tw-m-0" data-disabled="false" data-test-ui="checkbox-label">$100k+</label>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<button x-bind="searchButton" class="tw-w-full c-btn" data-test-ui="button">Search</button>
</form>POST
<form action="" method="post">
<div x-data="searchMakeModel">
<div class="tw-mb-6">
<label for="globalSearchVehicleProfileMake" class="tw-sr-only">Choose a vehicle make</label>
<div class="c-select">
<select id="globalSearchVehicleProfileMake" class="c-select__control tw-w-full md:tw-rounded md:tw-rounded-r-none tw-pr-12 tw-font-light tw-italic" x-bind="makeSelect" name="make">
<option value="" disabled="" selected="">Choose a make</option>
<template x-for="option in vehicleMakeList">
<option :value="getOptionValue" :disabled="getIsOptionDisabled" x-text="getOptionName"></option>
</template>
</select>
<i x-bind="makeIndicator">
<svg aria-hidden="false" class="c-select__indicator" role="img" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
<i x-bind="makeLoading" aria-hidden="true" style="display: none;">
<span class="tw-sr-only">Loading makes</span>
<svg aria-hidden="true" class="c-select__loading tw-text-gray-300 tw-fill-primary-900 tw-animate-spin" data-test-ui="icon-loading" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path></svg>
</i>
</div>
</div>
<div class="tw-mb-8">
<label for="globalSearchVehicleProfileModel" class="tw-sr-only">Choose a vehicle model</label>
<div class="c-select">
<select id="globalSearchVehicleProfileModel" class="c-select__control tw-w-full md:tw-rounded-none tw-pr-12 tw-font-light tw-italic" x-bind="modelSelect" name="model" disabled="disabled">
<option value="" disabled="" selected="">Choose a model</option>
<template x-for="option in vehicleModelList">
<option :value="getOptionValue" x-text="getOptionName"></option>
</template>
</select>
<i x-bind="modelIndicator">
<svg class="c-select__indicator" role="img" aria-hidden="true" data-test-ui="icon"><use href="/dist/icons.f7d214c4a7c9a689b7aa6f836f094ae7.svg#ChevronDown"></use></svg>
</i>
<i x-bind="modelLoading" aria-hidden="true" style="display: none;">
<span class="tw-sr-only">Loading models</span>
<svg class="c-select__loading tw-text-gray-300 tw-fill-primary-900 tw-animate-spin" aria-hidden="true" data-test-ui="icon-loading" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path><path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path></svg>
</i>
</div>
</div>
<button x-bind="triggerSearch" class="tw-w-full c-btn" data-test-ui="button" disabled="disabled">View Car Profile</button>
</div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8CqHwSKB8YpFpYfHzcxYz_L8LcwZEAD53WcQ7PGsMm9Z9__7KgchZk5msYLO4msmKCOnkhitxeblQIQiN8IJ3JGT5MRPpRvmuaoFQQZo66kQE489UIaD0rCAYm0y3f9-WJz5Y71prTJBlMEfJ7e_F3A">
</form>Text Content
Skip to main content
Open menu Driven
* Find a car
* Sign in
* Sign in
Close menu Driven
* Reviews
* News
* Advice
* Car Finance
* Clean Cars
* About Us
* Find a car
Driven
* Reviews
* News
* Advice
* Car Finance
* Clean Cars
* About Us
* Find a car
* Sign in
* Sign in
* Browse Cars
Body Type
*
Hatchback
*
People Mover
*
Sedan
*
Sport
*
SUV
*
Ute
*
Van
*
Wagon
Fuel Type
*
Petrol
*
Diesel
*
Hybrid
*
Electric
Price Range
*
$0 - $10k
*
$10 - $20k
*
$20 - $30k
*
$30 - $40k
*
$40 - $50k
*
$50 - $60k
*
$60 - $70k
*
$70 - $80k
*
$80 - $90k
*
$90 - $100k
*
$100k+
Search
* Search Make / Model
Choose a vehicle make
Choose a make Loading makes
Choose a vehicle model
Choose a model Loading models
Search
* Search Articles
Enter keyword/s
Search
Close Close
NEW ON DRIVEN CAR GUIDE
NEW ASTON MARTIN VANTAGE TEASED AHEAD OF FEBRUARY DEBUT
New Aston Martin Vantage teased ahead of February debut
'NSW 1' NUMBER PLATE SOLD FOR RECORD MILLIONS
'NSW 1' number plate sold for record millions
HONDA'S BOLD CRITIQUE OF CHINESE ELECTRIC SEDAN DESIGNS
Honda's bold critique of Chinese electric sedan designs
BAD IN BRONZE: FORD MUSTANG MACH-E GT TO COME IN QUICKEST VERSION YET
Bad in Bronze: Ford Mustang Mach-E GT to come in quickest version yet
HONDA CR-V HYDROGEN FUEL-CELL EV SET FOR 2024
Honda CR-V hydrogen fuel-cell EV set for 2024
FORD SUPERVAN 4.2 SET TO ELECTRIFY BATHURST 12 HOUR
Ford SuperVan 4.2 set to electrify Bathurst 12 Hour
TESLA MODEL Y IS WORLD'S BEST-SELLING CAR OF 2023
Tesla Model Y is world's best-selling car of 2023
2025 PORSCHE MACAN EV OFFICIALLY REVEALED
2025 Porsche Macan EV officially revealed
ELON MUSK WARNS CHINESE EVS WILL 'DEMOLISH' RIVALS UNLESS THIS THING HAPPENS
Elon Musk warns Chinese EVs will 'demolish' rivals unless this thing happens
WATCH: FLORIDA COPS USE 'GRAPPLER' TO RETRIEVE STOLEN CAMARO
Watch: Florida cops use 'Grappler' to retrieve stolen Camaro
Previous Next
Latest News
Local & global automotive news
News
News
Car Reviews
Behind-the-wheel in the latest models
Reviews
Reviews
Car Advice
Tips and tricks for smooth motoring
Advice
Advice
ALL YOU NEED TO KNOW TO BUY YOUR NEXT CAR
DRIVEN Car Guide is here to help you find the perfect car for your lifestyle.
Just choose an option below to get started.
Help me choose a car
Close
FIND THE RIGHT CAR
Not sure what car is best for you? Use the form below to browse available cars
based on your needs.
Body Type
*
Hatchback
*
People Mover
*
Sedan
*
Sport
*
SUV
*
Ute
*
Van
*
Wagon
Fuel Type
*
Petrol
*
Diesel
*
Hybrid
*
Electric
Price Range
*
$0 - $10k
*
$10 - $20k
*
$20 - $30k
*
$30 - $40k
*
$40 - $50k
*
$50 - $60k
*
$60 - $70k
*
$70 - $80k
*
$80 - $90k
*
$90 - $100k
*
$100k+
Search
I know which car I want
Close
FIND A SPECIFIC CAR
So you already know what you’re after? Use the form below to find detailed
information on your preferred car.
Choose a vehicle make
Choose a make Loading makes
Choose a vehicle model
Choose a model Loading models
View Car Profile
Advertisement
Advertise with NZME.
LATEST NEWS
More News
Icon T News
New Aston Martin Vantage teased ahead of February debut
New Aston Martin Vantage teased ahead of February debut
Icon T News
'NSW 1' number plate sold for record millions
'NSW 1' number plate sold for record millions
Icon T News
Honda's bold critique of Chinese electric sedan designs
Honda's bold critique of Chinese electric sedan designs
Icon T News
Bad in Bronze: Ford Mustang Mach-E GT to come in quickest version yet
Bad in Bronze: Ford Mustang Mach-E GT to come in quickest version yet
Icon T News
Honda CR-V hydrogen fuel-cell EV set for 2024
Honda CR-V hydrogen fuel-cell EV set for 2024
More News
Advertisement
Advertise with NZME.
LATEST REVIEWS
More Reviews
Icon T Review
Porsche Cayenne Turbo GT review: brutally fast, gloriously pointless
Porsche Cayenne Turbo GT review: brutally fast, gloriously pointless
Icon T Review
Suzuki Jimny 5-door first drive: one door opens
Suzuki Jimny 5-door first drive: one door opens
Icon T Review
Polestar 2 RWD review: backwards thinking
Polestar 2 RWD review: backwards thinking
Icon T Review
BMW M2 review: endangered species
BMW M2 review: endangered species
Icon T Review
Ridden: Royal Enfield Himalayan 450 review
Ridden: Royal Enfield Himalayan 450 review
More Reviews
Advertisement
Advertise with NZME.
Advertisement
Advertise with NZME.
CLEAN CARS
More Clean Car news and reviews
Sponsored by Z Energy
Icon T News
Honda's bold critique of Chinese electric sedan designs
Honda's bold critique of Chinese electric sedan designs
Icon T News
Bad in Bronze: Ford Mustang Mach-E GT to come in quickest version yet
Bad in Bronze: Ford Mustang Mach-E GT to come in quickest version yet
Icon T News
Ford SuperVan 4.2 set to electrify Bathurst 12 Hour
Ford SuperVan 4.2 set to electrify Bathurst 12 Hour
More Clean Car news and reviews
Advertisement
Advertise with NZME.
COLLECTIONS
Expert advice, tailored to your lifestyle
FAMILY
Family
ENTHUSIAST
Enthusiast
ADVENTURE
Adventure
BUDGET
Budget
Previous Next
FEATURED REVIEWS
MG4 XPOWER: DRAMATICALLY FAST, DELIGHTFULLY SILLY
MG4 XPower: dramatically fast, delightfully silly
BMW MOTORRAD CE 04 EV SCOOTER REVIEW
BMW Motorrad CE 04 EV scooter review
MG4 ESSENCE REVIEW: THE FUN FAMILY HATCH IS BACK
MG4 Essence review: the fun family hatch is back
BYD DOLPHIN LONG TERM REVIEW: SECOND WAVE
BYD Dolphin long term review: second wave
Previous Next
EXPERT ADVICE
More Advice
WHO PAYS FOR OUR ROADS? (SPOILER: YOU DO!)
Icon T Advice
Who pays for our roads? (Spoiler: you do!)
Who pays for our roads? (Spoiler: you do!)
Icon T Advice
The Chilling Impact: how cold weather affects EV batteries
The Chilling Impact: how cold weather affects EV batteries
Icon T Advice
8 potential car issues to watch out for in summer
8 potential car issues to watch out for in summer
More Advice
OWNER REVIEWS
Review your car!
Icon T Review
Volkswagen Golf GTI 2007
Volkswagen Golf GTI 2007
Icon T Review
Nissan Note e-Power 2017
Nissan Note e-Power 2017
Icon T Review
Cupra Formentor VZ 2023
Cupra Formentor VZ 2023
Icon T Review
Ford Ranger Sport V6 2023
Ford Ranger Sport V6 2023
Icon T Review
MG HS PHEV 2022
MG HS PHEV 2022
Review your car!
Advertisement
Advertise with NZME.
LATEST VIDEOS
More Videos
NEW ASTON MARTIN VANTAGE TEASED AHEAD OF FEBRUARY DEBUT
Icon T News
New Aston Martin Vantage teased ahead of February debut
New Aston Martin Vantage teased ahead of February debut
Icon T News
Ford SuperVan 4.2 set to electrify Bathurst 12 Hour
Ford SuperVan 4.2 set to electrify Bathurst 12 Hour
Icon T News
Watch: Florida cops use 'Grappler' to retrieve stolen Camaro
Watch: Florida cops use 'Grappler' to retrieve stolen Camaro
More Videos
Advertisement
Advertise with NZME.
DRIVEN CAR GUIDE
DRIVEN Car Guide is the first stop for any Kiwi looking to buy their next car.
With in-depth vehicle reviews, latest motoring news, car comparisons, and ask an
expert - drivencarguide.co.nz has all you need to know to buy your next car.
* Car Reviews
* News
* Advice
* Hybrid Cars
* Electric Cars
* Car Finance
* Vehicle Search
* Family Cars
* Enthusiast
* Adventure
* Budget Cars
* Contact Us
* Terms & Conditions
* Privacy Policy
* Advertise with Us
* Facebook
* Youtube
* Instagram
Powered By
© NZME Publishing Limited 2024