catalog_marok_step2.php 6.41 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'>
	<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/yelow_arrow.png">
	<span class='grey_span'>Выберите модель</span>
	<img src="/images/long_arrow.png" class='long_arrow'>
	<img src="/images/grey_eclipse.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="search_by_vinlist">
		<div class="car_models">
			<ul style="  margin-left: 47px;">
							    <li><a href="" class="car_link">A-class</a></li>
							    <li><a href="" class="car_link">B-class</a></li>
							    <li><!-- <a href="">C-class</a> -->
										<div class="dropdown">
											  <a id="dLabel" class="car_link" data-target="#" href="http://example.com" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
											    С-class
											    
											  </a>

											  <ul class="dropdown-menu" aria-labelledby="dLabel">
											  	<a href="file:///C:/Users/%D0%9B%D0%B5%D0%BD%D0%B0/Desktop/ital/ital/catalog_marok_step4.html" > 
											    <div class="white_squere">
													<img src="/images/car_mer1.png"><br>
													<span>Class купе (CL203)<br><span>2001 - 2011</span></span>	
											    </div>
											    </a>
											    <a href="">
											    <div class="white_squere">
													<img src="/images/car_mer2.png"><br>
													<span>C-Class купе II (C204)<br>
													<span>2011 - наст. время</span></span>	
											    </div>
											    </a>

											    <a href="">
											    <div class="white_squere">
													<img src="/images/car_mer3.png"><br>
													<span>
													C-Class седан (W202)<br>
													<span>1993 - 2000</span></span>	
											    </div>
											    </a>

											    <a href="">
											    <div class="white_squere">
													<img src="/images/car_mer4.png"><br>
													<span>
													C-Class седан III (W204)<br>
													<span>2007 - 2013</span></span>	
											    </div>
											    </a>
											    <a href="">
											    <div class="white_squere">
													<img src="/images/car_mer5.png"><br>
													<span>C-Class седан IV (W205)<br>
													<span>2013 - наст. время</span></span>	
											    </div>
											    </a>

											    <a href="">
											    <div class="white_squere">
													<img src="/images/car_mer6.png"><br>
													<span>
													C-Class универсал III (S204)<br>
													<span>2007 - 2014</span></span>	
											    </div>
											    </a>
											  </ul>
										</div>

							    </li>
							    		</ul>
								<ul>
							    <li ><a href="">Clk-class</a></li>
							    <li><a href="">Cls</a></li>
							    <li><a href="">E-class</a></li>
								</ul>
								<ul>
							    <li><a href="">Gla-class</a></li>
							    <li><a href="">Gl-class</a></li>
							    <li><a href="">Glk-class</a></li>
							  </ul>
							  <ul>
							    <li><a href="">ml-class</a></li>
							    <li><a href="">r-class</a></li>
							    <li><a href="">s-class</a></li>
							  </ul>
							  <ul>
							    <li><a href="">sl-class</a></li>
							    <li><a href="">slk</a></li>
							    <li><a href="">sls amg</a></li>
							  </ul>
		</div>
</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>