catalog_marok_step4.php 6.64 KB
<?php

$this->registerCssFile('/css/catalog_marok.css');

$this->params['breadcrumbs'][] = $this->title;
?>


<div class="vin">
	<a href="" class="navigation">Италавто</a>
	<img src="/images/arrow_dots.png" class='arrow_go'>
	<a href="" class="navigation">Каталоги запчастей</a>
	<img src="/images/arrow_dots.png" class='arrow_go'>
	<span>Запчасти для технического обслуживания</span>
	<p class="vin_article">Запчасти для технического обслуживания</p>
	</div>	    

<div class='choose_catalog'>
	<img src="/images/marka_checked.jpg">
	<span class='black_span'>Mercedes</span>
	<img src="/images/long_arrow.png" class='long_arrow'>
	<img src="/images/marka_checked.jpg">
	<span class='black_span'>C-Class купе (CL203) 2001 - 2011</span>
	<img src="/images/long_arrow.png" class='long_arrow'>
	<img src="/images/yelow_arrow.png">
	<span class='grey_span'>Выберите модификацию</span>
	
</div>
<div class="card_price">
	<p>Вы можете уточнить поиск, указав год выпуска</p>
	<form class="year">
	 <select class="year_search">
		<option value="" disabled="" selected="">Все</option>
		<option value="2">Выбери меня!</option>
		<option value="3">Выбери меня!</option>
		<option value="5">Меня!</option>
		<option value="4">Меня</option>
	</select>
    </form>
</div>
<div class="vin_body">
	<table class="tovar_table">
		<tr class="name">
			<td class="large_width">Модификации</td>
			<td style='width:130px'>Тип двигателя</td>
			<td style='width:210px'>Модель двигателя</td>
			<td style='width:172px'>Обьем двигателя(л)</td>
			<td style='width:106px'>Мощность</td>
			<td style='width:109px; padding-left:9px'></td>
		</tr>
		<tr>
			<td class='modification_name large_width'><a href="">C 180</a></td>
			<td  style='width:130px;'>Бензиновый</td>
			<td style='width:210px'>M 111.951</td>
			<td style='width:172px'>2</td>
			<td style='width:106px'>129</td>
			<td style='width:109px; padding-left:9px'><button class="purple">Выбрать</button></td>
			
		</tr>
		<tr>
			<td class='modification_name large_width'><a href="file:///C:/Users/%D0%9B%D0%B5%D0%BD%D0%B0/Desktop/ital/ital/catalog_marok_step5.html">C 180 Kompressor</a></td>
			<td  style='width:130px;'>Бензиновый</td>
			<td style='width:210px'>M 271.196</td>
			<td style='width:172px'>1.8</td>
			<td style='width:106px'>143</td>
			<td style='width:109px; padding-left:9px'><button class="purple">Выбрать</button></td>
		</tr>
		<tr>
			<td class='modification_name large_width'><a href="">C 200 kompressor</a></td>
			<td  style='width:130px;'>Бензиновый</td>
			<td style='width:210px'>M 270.940</td>
			<td style='width:172px'>1.8</td>
			<td style='width:106px'>163</td>
			<td style='width:109px; padding-left:9px'><button class="purple">Выбрать</button></td>
		</tr>
		<tr>
			<td class='modification_name large_width'><a href="">C 200 kompressor</a></td>
			<td  style='width:130px;'>Бензиновый</td>
			<td style='width:210px'>M 111.955</td>
			<td style='width:172px'>2</td>
			<td style='width:106px'>163</td>
			<td style='width:109px; padding-left:9px'><button class="purple">Выбрать</button></td>
		</tr>
		<tr>
			<td class='modification_name large_width'><a href="">C 230</a></td>
			<td  style='width:130px;'>Бензиновый</td>
			<td style='width:210px'>M 272.920</td>
			<td style='width:172px'>2.5</td>
			<td style='width:106px'>204</td>
			<td style='width:109px; padding-left:9px'><button class="purple">Выбрать</button></td>
		</tr>
		<tr>
			<td class='modification_name large_width'><a href="">C 230 kompressor</a></td>
			<td  style='width:130px;'>Бензиновый</td>
			<td style='width:210px'>M 271.948</td>
			<td style='width:172px'>1.8</td>
			<td style='width:106px'>192</td>
			<td style='width:109px; padding-left:9px'><button class="purple">Выбрать</button></td>
		</tr>
		<tr>
			<td class='modification_name large_width'><a href="">C 230 kompressor</a></td>
			<td  style='width:130px;'>Бензиновый</td>
			<td style='width:210px'>M 111.948</td>
			<td style='width:172px'>2.3</td>
			<td style='width:106px'>197</td>
			<td style='width:109px; padding-left:9px'><button class="purple">Выбрать</button></td>
		</tr>
	</table>	
</div>
<div class="slider_block1">
		<div class="tovars">
			<p style="display:inline-block">Наши проекты</p>
			<span><img src="/images/arrow_slider_back.png"></span>
			<span class="number_of">1/</span>
		<span class="general_number">5</span>
			<span><img src="/images/arrow_slider_go.png"></span>
			<div class="slider_tovars">

				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-lr-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на Land Rover<br> и Range Rover</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>
				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-mersedes-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на<br> Mercedes Benz</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>
				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-fiat-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на FIAT</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>
				<table class="block_project">
				<tbody><tr><td>
					<img src="/images/logo-lr-small.png">
				</td></tr>
				<tr><td>
					<a href="">lr.italauto.com.ua</a>
				</td></tr>
				<tr><td>	
					<ul>
					<h4>Запчасти на Land Rover<br> и Range Rover</h4>
								<li>Оригинальные запчасти</li>
								<li>Сертифицированый продавец</li>
								<li>Более 300 000 товаров</li>
					</ul>
				</td></tr>
				</tbody></table>

			</div>
			
		</div>
	  </div>