{% extends '../_layouts/_main.twig' %}
{% block content %}
	<div class="landing landing_categories">
		<div class="spare-parts-galline landing_category--highlightClick">
			<ul>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/e/f/58_391509.jpg" alt="">
				</li>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/4/8/70_406731.jpg" alt="">
				</li>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/9/f/67_1767662.jpg" alt="">
				</li>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/7/d/47_1767732.jpg" alt="">
				</li>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/a/e/9_1767655.jpg" alt="">
				</li>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/a/c/37_2971026.jpg" alt="">
				</li>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/e/a/28_2200858.jpg" alt="">
				</li>
				<li>
					<img class="spgl-bg" src="https://alpics.info/web/public/images/blank.gif" alt="">
					<img class="spgl-img" src="https://carparts.alpics.info/pics/td/e/e/7_667397.jpg" alt="">
				</li>
			</ul>
		</div>
		<div class="landing__body">

			<div class="landing__headline">
				<h1>Решётка</h1>
				<div class="description">На складе: 2657 шт</div>
			</div>

			<div class="w-brandlist">
				<div class="h2 color-blue">Выберите автомобиль:</div>
				<div class="row row-8">
					<div class="col-xs-12 col-sm-4">
						<ul class="wbl__list">
							<li><a href="#" class="icobox size_24" title="Acura"><i class="ico ico-auto-brands acura"></i>Acura</a></li>
							<li><a href="#" class="icobox size_24" title="Alfa Romeo"><i class="ico ico-auto-brands alfa-romeo"></i>Alfa Romeo</a></li>
							<li class="wbl__popular"><a href="#" class="icobox size_24" title="Audi"><i class="ico ico-auto-brands audi"></i>Audi</a></li>
							<li><a href="#" class="icobox size_24" title="Austin"><i class="ico ico-auto-brands austin"></i>Austin</a></li>
							<li class="wbl__popular"><a href="#" class="icobox size_24" title="BMW"><i class="ico ico-auto-brands bmw"></i>BMW</a></li>
							<li><a href="#" class="icobox size_24" title="Cadillac"><i class="ico ico-auto-brands cadillac"></i>Cadillac</a></li>
							<li><a href="#" class="icobox size_24" title="Chevrolet"><i class="ico ico-auto-brands chevrolet"></i>Chevrolet</a></li>
							<li><a href="#" class="icobox size_24" title="Chrysler"><i class="ico ico-auto-brands chrysler"></i>Chrysler</a></li>
							<li><a href="#" class="icobox size_24" title="Citroen"><i class="ico ico-auto-brands citroen"></i>Citroen</a></li>
							<li><a href="#" class="icobox size_24" title="Dacia"><i class="ico ico-auto-brands dacia"></i>Dacia</a></li>
							<li><a href="#" class="icobox size_24" title="Daewoo"><i class="ico ico-auto-brands daewoo"></i>Daewoo</a></li>
							<li><a href="#" class="icobox size_24" title="Daihatsu"><i class="ico ico-auto-brands daihatsu"></i>Daihatsu</a></li>
							<li><a href="#" class="icobox size_24" title="Dodge"><i class="ico ico-auto-brands dodge"></i>Dodge</a></li>
							<li><a href="#" class="icobox size_24" title="Fiat"><i class="ico ico-auto-brands fiat"></i>Fiat</a></li>
							<li class="wbl__popular"><a href="#" class="icobox size_24" title="Ford"><i class="ico ico-auto-brands ford"></i>Ford</a></li>
							<li><a href="#" class="icobox size_24" title="GAZ"><i class="ico ico-auto-brands gaz"></i>GAZ</a></li>
							<li><a href="#" class="icobox size_24" title="Geo"><i class="ico ico-auto-brands geo"></i>Geo</a></li>
							<li><a href="#" class="icobox size_24" title="Honda"><i class="ico ico-auto-brands honda"></i>Honda</a></li>
							<li><a href="#" class="icobox size_24" title="Hyundai"><i class="ico ico-auto-brands hyundai"></i>Hyundai</a></li>
							<li><a href="#" class="icobox size_24" title="Infiniti"><i class="ico ico-auto-brands infiniti"></i>Infiniti</a></li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-4">
						<ul class="wbl__list">
							<li><a href="#" class="icobox size_24" title="Isuzu"><i class="ico ico-auto-brands isuzu"></i>Isuzu</a></li>
							<li><a href="#" class="icobox size_24" title="Iveco"><i class="ico ico-auto-brands iveco"></i>Iveco</a></li>
							<li><a href="#" class="icobox size_24" title="Jaguar"><i class="ico ico-auto-brands jaguar"></i>Jaguar</a></li>
							<li><a href="#" class="icobox size_24" title="Jeep"><i class="ico ico-auto-brands jeep"></i>Jeep</a></li>
							<li><a href="#" class="icobox size_24" title="KIA"><i class="ico ico-auto-brands kia"></i>KIA</a></li>
							<li><a href="#" class="icobox size_24" title="Lada"><i class="ico ico-auto-brands lada"></i>Lada</a></li>
							<li><a href="#" class="icobox size_24" title="Lancia"><i class="ico ico-auto-brands lancia"></i>Lancia</a></li>
							<li><a href="#" class="icobox size_24" title="Land Rover"><i class="ico ico-auto-brands land-rover"></i>Land Rover</a></li>
							<li><a href="#" class="icobox size_24" title="Lexus"><i class="ico ico-auto-brands lexus"></i>Lexus</a></li>
							<li><a href="#" class="icobox size_24" title="Lincoln"><i class="ico ico-auto-brands lincoln"></i>Lincoln</a></li>
							<li><a href="#" class="icobox size_24" title="Mazda"><i class="ico ico-auto-brands mazda"></i>Mazda</a></li>
							<li><a href="#" class="icobox size_24" title="Mercedes-Benz"><i class="ico ico-auto-brands mercedes-benz"></i>Mercedes-Benz</a></li>
							<li><a href="#" class="icobox size_24" title="MG"><i class="ico ico-auto-brands mg"></i>MG</a></li>
							<li><a href="#" class="icobox size_24" title="Mini"><i class="ico ico-auto-brands mini"></i>Mini</a></li>
							<li><a href="#" class="icobox size_24" title="Mitsubishi"><i class="ico ico-auto-brands mitsubishi"></i>Mitsubishi</a></li>
							<li><a href="#" class="icobox size_24" title="Moskwicz"><i class="ico ico-auto-brands moskwicz"></i>Moskwicz</a></li>
							<li><a href="#" class="icobox size_24" title="Nissan"><i class="ico ico-auto-brands nissan"></i>Nissan</a></li>
							<li><a href="#" class="icobox size_24" title="Oldsmobile"><i class="ico ico-auto-brands oldsmobile"></i>Oldsmobile</a></li>
							<li><a href="#" class="icobox size_24" title="Opel"><i class="ico ico-auto-brands opel"></i>Opel</a></li>
							<li><a href="#" class="icobox size_24" title="Peugeot"><i class="ico ico-auto-brands peugeot"></i>Peugeot</a></li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-4">
						<ul class="wbl__list">
							<li><a href="#" class="icobox size_24" title="Plymouth"><i class="ico ico-auto-brands plymouth"></i>Plymouth</a></li>
							<li><a href="#" class="icobox size_24" title="Pontiac"><i class="ico ico-auto-brands pontiac"></i>Pontiac</a></li>
							<li><a href="#" class="icobox size_24" title="Porsche"><i class="ico ico-auto-brands porsche"></i>Porsche</a></li>
							<li><a href="#" class="icobox size_24" title="Renault"><i class="ico ico-auto-brands renault"></i>Renault</a></li>
							<li><a href="#" class="icobox size_24" title="Rolls Royce"><i class="ico ico-auto-brands rolls-royce"></i>Rolls Royce</a></li>
							<li><a href="#" class="icobox size_24" title="Rover"><i class="ico ico-auto-brands rover"></i>Rover</a></li>
							<li><a href="#" class="icobox size_24" title="Saab"><i class="ico ico-auto-brands saab"></i>Saab</a></li>
							<li><a href="#" class="icobox size_24" title="Seat"><i class="ico ico-auto-brands seat"></i>Seat</a></li>
							<li><a href="#" class="icobox size_24" title="Skoda"><i class="ico ico-auto-brands skoda"></i>Skoda</a></li>
							<li><a href="#" class="icobox size_24" title="Smart"><i class="ico ico-auto-brands smart"></i>Smart</a></li>
							<li><a href="#" class="icobox size_24" title="SsangYong"><i class="ico ico-auto-brands ssangyong"></i>SsangYong</a></li>
							<li><a href="#" class="icobox size_24" title="Subaru"><i class="ico ico-auto-brands subaru"></i>Subaru</a></li>
							<li><a href="#" class="icobox size_24" title="Suzuki"><i class="ico ico-auto-brands suzuki"></i>Suzuki</a></li>
							<li><a href="#" class="icobox size_24" title="Toyota"><i class="ico ico-auto-brands toyota"></i>Toyota</a></li>
							<li><a href="#" class="icobox size_24" title="UAZ"><i class="ico ico-auto-brands uaz"></i>UAZ</a></li>
							<li class="wbl__popular"><a href="#" class="icobox size_24" title="Volkswagen"><i class="ico ico-auto-brands volkswagen"></i>Volkswagen</a></li>
							<li class="wbl__popular"><a href="#" class="icobox size_24" title="Volvo"><i class="ico ico-auto-brands volvo"></i>Volvo</a></li>
							<li><a href="#" class="icobox size_24" title="ZAZ"><i class="ico ico-auto-brands zaz"></i>ZAZ</a></li>
						</ul>
					</div>
				</div>
				<div class="wbl__more text-center">
					<!--<a href="#" class="icobox size_24 js-brandlist-toggle">
						<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#cars"></use></svg>
						Смотреть все марки <i class="fa fa-angle-double-down"></i>
					</a>-->
					<a href="#" class="btn btn-primary js-brandlist-toggle">
						Смотреть все марки <i class="fa fa-angle-double-down"></i>
					</a>
				</div>
			</div>

			<div class="mb-48"></div>

			<div class="w-brandlist w-brandlist_full w-brandlist_truck">
				<div class="h2">
					<div class="icobox size_24">
						<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#track"></use></svg>
						Грузовые автомобили
					</div>
				</div>
				<div class="row row-8">
					<div class="col-xs-12 col-sm-4">
						<ul class="wbl__list">
							<li><a href="#" class="icobox size_24" title="Audi"><i class="ico ico-auto-brands daf"></i>DAF</a></li>
							<li><a href="#" class="icobox size_24" title="BMW"><i class="ico ico-auto-brands iveco"></i>IVECO</a></li>
							<li><a href="#" class="icobox size_24" title="Citroen"><i class="ico ico-auto-brands man"></i>MAN</a></li>
							<li><a href="#" class="icobox size_24" title="Fiat"><i class="ico ico-auto-brands mercedes-benz"></i>MERCEDES-BENZ</a></li>
							<li><a href="#" class="icobox size_24" title="Ford"><i class="ico ico-auto-brands mitsubishi"></i>MITSUBISHI</a></li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-4">
						<ul class="wbl__list">
							<li><a href="#" class="icobox size_24" title="Audi"><i class="ico ico-auto-brands renault"></i>RENAULT</a></li>
							<li><a href="#" class="icobox size_24" title="BMW"><i class="ico ico-auto-brands scania"></i>SCANIA</a></li>
							<li><a href="#" class="icobox size_24" title="Citroen"><i class="ico ico-auto-brands setra"></i>SETRA</a></li>
							<li><a href="#" class="icobox size_24" title="Ford"><i class="ico ico-auto-brands volvo"></i>VOLVO</a></li>
						</ul>
					</div>
				</div>
			</div>

		</div>
	</div>
	<div class="content-separator"></div>
	{#TODO: breadcrumb as part with parameters#}
	<ol class="mb-0 breadcrumb-list breadcrumb-list-xl" itemscope itemtype="http://schema.org/BreadcrumbList">
		<li class="breadcrumb-item-xl">
			<a href="https://alvadi.ee/">
				<span class="ico-txt">
					<svg class="ico"><use xlink:href="/images/svg/main-sprite.svg#home"></use></svg>
					<span class="txt">Главная</span>
				</span>
			</a>
			<i class="fa fa-angle-right"></i>
		</li>
		<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
			<a itemprop="item" href="https://example.com/catalog/">
				<span class="name" itemprop="name">
					<span class="red">Каталог</span>
				</span>
			</a>
			<i class="fa fa-angle-right"></i>
			<meta itemprop="position" content="1" />
		</li>
		<li class="breadcrumb-item last" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
			<a itemprop="item" href="https://example.com/catalog/bmw/3-e46-1998">
				<span class="name" itemprop="name">
					<span class="red">Решётка</span>
				</span>
			</a>
			<i class="fa fa-angle-right"></i>
			<meta itemprop="position" content="2" />
		</li>
	</ol>
{% endblock %}
{#
{% block footer %}
	{% include '../_parts/_footer-short.twig' %}
{% endblock %}#}