Key Features
Key features in list, horizontally scrollable at mobile, and horizontal grid for tablet and desktop.
- Fuel Petrol Plugin Hybrid
- Transmission Automatic
- 0 - 60 4.4 Secs
- Max Speed 155 mph
- Max Power 357 bhp
- Efficiency 22.1 mpg
<section class="c-vehicle-features t-vehicle-features--icons" id="vehicle_features">
<div class="o-wrapper">
<div class="c-vehicle-features__scroll">
<ul class="c-vehicle-features__list | o-list-inline | u-justify-between u-space-x-lg u-mb-0">
<li class="o-list__item | u-w-14">
<svg class="c-icon c-icon--xl | u-mb-sm" viewBox="0 0 48 48" aria-hidden="true" width="48" height="48">
<g fill="none" fill-rule="evenodd">
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m31.827 16.174 6.236 6.236-4.497 4.498-8.696-8.696 1.739-2.908z"></path>
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m26.609 15.304 4.782 4.783c1.2 1.2 3.148 1.2 4.348 0h0M20.786 8.084C19.956 7.303 16.331 4 11.921 4 7.102 4 4.124 5.948 4 6.031l1.93 2.894c.021-.015 2.274-1.447 5.991-1.447 2.87 0 5.418 2.107 6.422 3.05"></path>
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m21.392 7.478-3.478 3.479 3.478 3.478v4.137c0 .691.275 1.355.764 1.844l9.565 9.565a2.609 2.609 0 0 0 3.69 0l6.745-6.745a2.609 2.609 0 0 0 0-3.69l-5.982-5.981h0a2.46 2.46 0 0 0 0-3.478l-1.461-1.462a2.46 2.46 0 0 0-2.653-.544l-7.19 2.876-3.478-3.479Z"></path>
<path stroke="#256EFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.478 17.913a1.74 1.74 0 1 1-3.478 0c0-.96 1.74-3.478 1.74-3.478s1.738 2.518 1.738 3.478Z"></path>
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M40.33 32.017c.112.256.192.527.192.82 0 4.237-3.448 7.685-7.685 7.685h-4.49V44h4.49C38.992 44 44 38.992 44 32.837c0-1.246-.42-2.41-1.136-3.353"></path>
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m35.304 30.087 3.479 3.478L44 28.348l-3.478-3.478"></path>
</g>
</svg>
<span class="u-heading u-epsilon u-mb-xs">Fuel</span>
<span class="u-fs-base" contenteditable>Petrol Plugin Hybrid</span>
</li>
<li class="o-list__item | u-w-14">
<svg class="c-icon c-icon--xl u-mb-sm" viewbox="0 0 48 48" aria-hidden="true" width="48" height="48">
<g fill="none" fill-rule="evenodd">
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 30h-4v-3.65a2 2 0 1 0-4 0V39a2 2 0 1 0 4 0v-4h4v4a2 2 0 1 0 4 0v-4h4v4a2 2 0 1 0 4 0V26.35a2 2 0 1 0-4 0V30h-4"/>
<path stroke="#00377C" stroke-linecap="round" stroke-width="2" d="M26 20h9a3 3 0 0 1 3 3v19a3 3 0 0 1-3 3H13a3 3 0 0 1-3-3V23a3 3 0 0 1 3-3h9"/>
<path stroke="#256EFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22 16v14a2 2 0 1 0 4 0V16"/>
<circle cx="24" cy="9.5" r="6.5" stroke="#00377C" stroke-width="2"/>
<path stroke="#256EFF" stroke-linecap="round" stroke-width="2" d="M24.5 6.5a3.5 3.5 0 0 0-3.36 4.486"/>
</g>
</svg>
<span class="u-heading u-epsilon u-mb-xs">Transmission</span>
<span class="u-fs-base" contenteditable>Automatic</span>
</li>
<li class="o-list__item | u-w-14">
<svg class="c-icon c-icon--xl u-mb-sm" viewbox="0 0 48 48" aria-hidden="true" width="48" height="48">
<g fill="none" fill-rule="evenodd">
<path stroke="#00377B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M39.998 27.478C39.998 36.603 32.646 44 23.522 44 14.397 44 7 36.603 7 27.478v-7.826l8.692-8.65h15.654l8.652 8.65v7.826ZM26 11V7.5h2V4h-9v3.5h2V11zM13.087 13.565l-2.608-2.562L7 14.496l2.609 2.547M37.435 17.043l2.563-2.597-3.494-3.443-2.547 2.562"/>
<path stroke="#256EFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M25.87 22.261V24M28.87 25.739v1.739M25.87 25.739v1.739M28 21.391h-1.739M28 24.87h-1.739M28 28.348h-1.739M35.174 25.261V27M35.174 22.261V24M31.696 25.739v1.739M31.696 22.739v1.739M34.304 21.391h-1.739M34.304 28.348h-1.739M19.174 25.261V27M19.174 22.261V24M15.696 25.739v1.739M15.696 22.739v1.739M18.304 21.391h-1.739M18.304 28.348h-1.739"/>
<path fill="#256EFF" fill-rule="nonzero" d="M23.267 22.515a.87.87 0 1 1-1.23 1.23.87.87 0 0 1 1.23-1.23M23.267 25.994a.87.87 0 1 1-1.23 1.23.87.87 0 0 1 1.23-1.23"/>
<path stroke="#00377B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 18h29M8 32h31M11.301 32.005c1.842 4.97 6.611 8.517 12.22 8.517 5.609 0 10.377-3.546 12.22-8.513"/>
</g>
</svg>
<span class="u-heading u-epsilon u-mb-xs">0 - 60</span>
<span class="u-fs-base" contenteditable>4.4 Secs</span>
</li>
<li class="o-list__item | u-w-14">
<svg class="c-icon c-icon--xl u-mb-sm" viewbox="0 0 48 48" aria-hidden="true" width="48" height="48">
<g fill="none" fill-rule="evenodd">
<circle cx="24" cy="24" r="18" stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 34h30"/>
<circle cx="24" cy="24" r="3" stroke="#256EFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path stroke="#256EFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 38h6M27.321 21.928l5.082-.417-4.53 2.34"/>
<path stroke="#256EFF" stroke-linecap="round" stroke-width="2" d="M37.067 29.036C37.67 27.473 38 25.776 38 24c0-7.732-6.268-14-14-14s-14 6.268-14 14c0 1.792.337 3.505.95 5.08"/>
<path d="M0 0h48v48H0z"/>
</g>
</svg>
<span class="u-heading u-epsilon u-mb-xs">Max Speed</span>
<span class="u-fs-base" contenteditable>155 mph</span>
</li>
<li class="o-list__item | u-w-14">
<svg class="c-icon c-icon--xl u-mb-sm" viewbox="0 0 48 48" aria-hidden="true" width="48" height="48">
<g fill="none" fill-rule="evenodd" transform="translate(-1)">
<circle cx="38.5" cy="10.5" r="5.5" stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<circle cx="12.5" cy="12.5" r="7.5" stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<circle cx="30.5" cy="32.5" r="3.5" stroke="#256EFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<circle cx="30.5" cy="25" r="1" fill="#256EFF" fill-rule="nonzero"/>
<circle cx="30.5" cy="40" r="1" fill="#256EFF" fill-rule="nonzero"/>
<circle cx="38" cy="32.5" r="1" fill="#256EFF" fill-rule="nonzero"/>
<circle cx="23" cy="32.5" r="1" fill="#256EFF" fill-rule="nonzero"/>
<circle cx="12.5" cy="12.5" r="3.5" stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<circle cx="12.5" cy="12.5" r="1" fill="#00377C" fill-rule="nonzero"/>
<circle cx="38.5" cy="10.5" r="1" stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
<path stroke="#00377C" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m43 32 1-21.5M5 13c0 8.234 14.5 25.5 14.5 25.5M38.5 5h-26"/>
<circle cx="30.5" cy="32.5" r="12.5" stroke="#256EFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
</g>
</svg>
<span class="u-heading u-epsilon u-mb-xs">Max Power</span>
<span class="u-fs-base" contenteditable>357 bhp</span>
</li>
<li class="o-list__item | u-w-14">
<svg class="c-icon c-icon--xl u-mb-sm" viewbox="0 0 48 48" aria-hidden="true" width="48" height="48">
<g fill="none" fill-rule="evenodd">
<path stroke="#256EFF" stroke-linejoin="round" stroke-width="2" d="M13 8h18v12H13z"/>
<path stroke="#00377C" stroke-linecap="round" stroke-width="2" d="M9 39V7a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v32h0"/>
<path stroke="#00377C" stroke-width="2" d="M5 45h34v-3a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v3Z"/>
<path stroke="#256EFF" stroke-width="2" d="M42 10.5 39 14v3a3 3 0 0 0 3 3"/>
<path stroke="#00377C" stroke-linecap="round" stroke-width="2" d="M36 30a2 2 0 0 1 2 2v1a2 2 0 1 0 4 0V10l-3-3.5"/>
</g>
</svg>
<span class="u-heading u-epsilon u-mb-xs">Efficiency</span>
<span class="u-fs-base" contenteditable>22.1 mpg</span>
</li>
</ul>
</div>
</div>
</section>