HTML
<div class="al-wrapper">
<div class="al-contentWrapper">
<div class="al-headerWrapper">
<div class="al-header">
<div class="al-headerContainer">
<div class="al-logo"><a href=""><img src="../../images/logo.png" alt="Alvadi OÜ AUTOVARUOSAD" width="202" height="44"/></a></div>
<div class="al-lang">
<ul>
<li><i class="icon-russia"></i><a href="">По-русски ▾</a>
<ul>
<li><i class="icon-estonia"></i><a href="">Eesti</a></li>
<li><i class="icon-finland"></i><a href="">Suomekse</a></li>
<li><i class="icon-latvia"></i><a href="">Latviesu</a></li>
<li><i class="icon-uk"></i><a href="">English</a></li>
</ul>
</li>
</ul>
</div>
<div class="al-phone"><i class="icon-phone"></i><a href="tel:+3725250146">Звоните <sup>+372 </sup><strong>52-50-146</strong></a></div>
<div class="al-cart"><i class="icon-cart"></i><a href="">
<strong>7</strong> товаров (
<strong>39.45</strong>
EUR )</a>
<div class="al-cartContent">
<div class="al-cartPurchase">
<table class="al-table--scroll">
<tbody>
<tr>
<td><a href=""><img src="../../images/temp/cart1.png" alt="деталька" width="50" height="50"/>Верхнее крепление амортизатора</a></td>
<td>2 × 7.28</td>
</tr>
<tr>
<td><a href=""><img src="../../images/temp/cart2.png" alt="деталька" width="50" height="50"/>Амортизатор</a></td>
<td>23.32</td>
</tr>
<tr>
<td><a href=""><img src="../../images/temp/cartPlaceholder.png" alt="деталька" width="50" height="50"/>Шариковый подшипник</a></td>
<td>1.57</td>
</tr>
<tr>
<td><a href=""><img src="../../images/temp/cart3.png" alt="деталька" width="50" height="50"/>Шариковый подшипник</a></td>
<td>1.57</td>
</tr>
<tr>
<td><a href=""><img src="../../images/temp/cart1.png" alt="деталька" width="50" height="50"/>Верхнее крепление амортизатора</a></td>
<td>2 × 7.28</td>
</tr>
<tr>
<td><a href=""><img src="../../images/temp/cart2.png" alt="деталька" width="50" height="50"/>Амортизатор</a></td>
<td>23.32</td>
</tr>
<tr>
<td><a href=""><img src="../../images/temp/cart3.png" alt="деталька" width="50" height="50"/>Шариковый подшипник</a></td>
<td>1.57</td>
</tr>
</tbody>
</table>
<table class="al-table--sum">
<tbody>
<tr>
<td>Итого, eur:</td>
<td>39.45</td>
</tr>
</tbody>
</table>
</div>
<div class="al-cartGo"><a href="cart">Перейти в корзину</a></div>
</div>
</div>
<div class="al-userArea"><i class="icon-account"></i><a href="">Вход для клиентов</a>
<div class="al-userDropMenu">
<form method="post" action="muscle.php">
<table>
<tbody>
<tr>
<td>
<label>Email</label>
</td>
<td>
<input type="text" name="login" value="[email protected]" placeholder="ваша эл. почта"/>
</td>
</tr>
<tr>
<td>
<label>Пароль</label>
</td>
<td>
<input type="password" name="password" value="123456"/>
</td>
</tr>
<tr>
<td colspan="2"><a href="lost">Я забыл пароль</a>
<input type="submit" name="commit" value="Войти"/>
</td>
</tr>
</tbody>
</table>
</form>
<div class="al-userRegister"><span>Впервые на нашем сайте?</span><a href="register">Зарегистрироваться</a></div>
</div>
</div>
</div>
</div>
<div class="al-search">
<div class="al-searchContainer">
<h1>Каталог оригинальных запчастей</h1><img src="../../images/temp/shadowCar.png" alt="car scheme" class="al-background"/>
<div class="al-searchPart">
<ul>
<li>Найдите запчасть по</li>
<li><a href="../../patterns/03-templates-01-oricat-2.0-05-vin-land-content/03-templates-01-oricat-2.0-05-vin-land-content.html" class="al-active">VIN коду</a></li>
<li><a href="../../patterns/03-templates-01-oricat-2.0-06-oricat-brands/03-templates-01-oricat-2.0-06-oricat-brands.html">Марке автомобиля</a></li>
<li><a href="">Коду запчасти</a></li>
</ul>
</div>
<div class="al-searchInput">
<form action="muscle.php" method="post">
<table>
<tbody>
<tr>
<td>
<input type="search" value="ZFA25000002298450" placeholder="Введите VIN-код"/>
</td>
<td>
<input type="submit" value="Найти по VIN"/>
</td>
</tr>
</tbody>
</table>
</form>
<div class="al-searchInput__example"><span>Например: <a href="">WAUBH54B11N111054</a></span></div>
</div>
</div>
</div> </div>
<div class="al-body">
<div class="al-overlay"></div>
<div class="al-bodyContainer">
<div class="al-window__searchMenu">
<h4>Поиск по:</h4>
<div class="al-searchMenu__TabList">
<ul>
<li data-tab="tab-cvin" class="al-list--active">VIN-коду</li>
<li data-tab="tab-cpart">Коду запчасти</li>
</ul>
</div>
<div class="al-searchMenu__Tabs">
<div class="tab-cvin al-tab al-tab--active">
<div class="al-searchMenu--Input">
<form action="muscle.php" method="post">
<table>
<tbody>
<tr>
<td>
<input type="search" value="" placeholder="Введите VIN-код" autofocus="autofocus"/>
</td>
<td>
<input type="submit" value="Найти"/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class="tab-cpart al-tab">
<div class="al-searchMenu--Input">
<form action="muscle.php" method="post">
<table>
<tbody>
<tr>
<td>
<input type="search" value="" placeholder="Введите код запчасти" autofocus="autofocus"/>
</td>
<td>
<input type="submit" value="Найти"/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
<h4>или выберите авто из списка</h4>
<div class="al-searchMenu--select">
<select id="al-searchMenu--selectBrand" placeholder="Выберите марку">
<option value="">Выберите марку</option>
<option value="БМВ">БМВ</option>
<option value="Лексус">Лексус</option>
<option value="Опель">Опель</option>
<option value="Фиат">Фиат</option>
</select>
<select id="al-searchMenu--selectModel" placeholder="Выберите модель" disabled="disabled">
<option value="">Выберите модель</option>
<option value="Модель1">Модель1</option>
<option value="Модель2">Модель2</option>
<option value="Модель3">Модель3</option>
<option value="Модель4">Модель4</option>
</select>
<select id="al-searchMenu--selectModif" placeholder="Выберите модификацию" disabled="disabled">
<option value="">Выберите модификацию</option>
<option value="Модификация1">Модификация1</option>
<option value="Модификация2">Модификация2</option>
<option value="Модификация3">Модификация3</option>
<option value="Модификация4">Модификация4</option>
</select>
</div>
</div>
<div class="al-window__menuMenu"><a href=""><span>Главная</span><i class="icon-arrowRight"></i></a><a href=""><span>Запчасти</span><i class="icon-arrowRight"></i></a><a href="" class="al-active"><span>Каталог оригинальных запчастей</span><i class="icon-arrowRight"></i></a><a href=""><span>Инфо и помощь</span><i class="icon-arrowRight"></i></a><a href=""><span>Партнёрам</span><i class="icon-arrowRight"></i></a><a href=""><span>Контакт</span><i class="icon-arrowRight"></i></a></div>
<div class="al-window__cartMenu">
<form action="muscle.php" method="post">
<div class="al-table__cartMenu--header">
<table>
<tbody>
<tr>
<td>7 товаров<br/>(153.28 EUR)</td>
<td>
<input type="submit" value="Оформить заказ"/>
</td>
</tr>
</tbody>
</table>
</div>
<div class="al-table__cartMenu--item">
<table>
<tbody>
<tr>
<td><img src="../../images/temp/01.png" alt=""/></td>
<td>
<div class="al-cartMenu__item">
<h5>Нажимной диск сцепления</h5><a href=""><i class="icon-delete"></i></a>
</div>
<div class="al-table__cartMenu--info">
<table>
<tbody>
<tr>
<td>2 дн.</td>
<td>
<div class="al-select__quantity"><a href=""><i class="icon-minus"></i></a>
<input type="text" value="1"/><a href=""><i class="icon-plus"></i></a>
</div>
</td>
<td>13.00 €</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><img src="../../images/temp/02.png" alt=""/></td>
<td>
<div class="al-cartMenu__item">
<h5>Элемент укладки проводов</h5><a href=""><i class="icon-delete"></i></a>
</div>
<div class="al-table__cartMenu--info">
<table>
<tbody>
<tr>
<td>10 дн.</td>
<td>
<div class="al-select__quantity"><a href=""><i class="icon-minus"></i></a>
<input type="text" value="1"/><a href=""><i class="icon-plus"></i></a>
</div>
</td>
<td>3.80 €</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><img src="../../images/temp/03.png" alt=""/></td>
<td>
<div class="al-cartMenu__item">
<h5>Средство для мытья стёкол</h5><a href=""><i class="icon-delete"></i></a>
</div>
<div class="al-table__cartMenu--info">
<table>
<tbody>
<tr>
<td>8 дн.</td>
<td>
<div class="al-select__quantity"><a href=""><i class="icon-minus"></i></a>
<input type="text" value="1"/><a href=""><i class="icon-plus"></i></a>
</div>
</td>
<td>2.64 €</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><img src="../../images/temp/04.png" alt=""/></td>
<td>
<div class="al-cartMenu__item">
<h5>Цилиндр тормозной</h5><a href=""><i class="icon-delete"></i></a>
</div>
<div class="al-table__cartMenu--info">
<table>
<tbody>
<tr>
<td>7 дн.</td>
<td>
<div class="al-select__quantity"><a href=""><i class="icon-minus"></i></a>
<input type="text" value="1"/><a href=""><i class="icon-plus"></i></a>
</div>
</td>
<td>5.65 €</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><img src="../../images/temp/05.png" alt=""/></td>
<td>
<div class="al-cartMenu__item">
<h5>Наконечник рулевой тяги</h5><a href=""><i class="icon-delete"></i></a>
</div>
<div class="al-table__cartMenu--info">
<table>
<tbody>
<tr>
<td>1 дн.</td>
<td>
<div class="al-select__quantity"><a href=""><i class="icon-minus"></i></a>
<input type="text" value="1"/><a href=""><i class="icon-plus"></i></a>
</div>
</td>
<td>8.50 €</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><img src="../../images/temp/06.png" alt=""/></td>
<td>
<div class="al-cartMenu__item">
<h5>Размораживатель для замков</h5><a href=""><i class="icon-delete"></i></a>
</div>
<div class="al-table__cartMenu--info">
<table>
<tbody>
<tr>
<td>7 дн.</td>
<td>
<div class="al-select__quantity"><a href=""><i class="icon-minus"></i></a>
<input type="text" value="1"/><a href=""><i class="icon-plus"></i></a>
</div>
</td>
<td>1.66 €</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td><img src="../../images/temp/07.png" alt=""/></td>
<td>
<div class="al-cartMenu__item">
<h5>Шариковый подшипник</h5><a href=""><i class="icon-delete"></i></a>
</div>
<div class="al-table__cartMenu--info">
<table>
<tbody>
<tr>
<td>1 дн.</td>
<td>
<div class="al-select__quantity"><a href=""><i class="icon-minus"></i></a>
<input type="text" value="1"/><a href=""><i class="icon-plus"></i></a>
</div>
</td>
<td>8.50 €</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="al-table__cartMenu--bottom">
<table>
<tbody>
<tr>
<td>7 товаров<br/>(153.28 EUR)</td>
<td>
<input type="submit" value="Оформить заказ"/>
</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<div class="al-spc">
<div class="al-search--spc"><span class="al-h1--spc">Найдено 2 соответствия. Выберите вашу модель:</span>
<div class="al-search__info"><a href="">
<div class="al-search__info--text">
<h2>MERCEDES-BENZ 190 E JAPAN</h2>
<dl>
<dt>market</dt>
<dd>Япония</dd>
<dt>description</dt>
<dd>
PASSENGER CAR,SEDAN,MODEL YEAR 89
FROM IDENT NO.F 539211 UP TO IDENT NO.F 656565 EXCEPT FOR F 647627,F 651546
PASSENGER CAR,SEDAN,MODEL YEAR 90
FROMM IDENT NO.F 656566 AS WELL AS F 647627,F 651546
UP TO IDENT NO.F745322 EXCEPT FOR F 732857,F 740503,F 745247,F 834784
PASSENGER CAR,SEDAN,MODEL YEAR 91
FROM IDENT NO. F 745323 ALSO INSTALLED ON F 732857,F 740503,F 745274
UP TO IDENT NO.F 870385 EXCEPT FOR F 851341,F 852640,F 834784
PASSENGER CAR,SEDAN,MODEL YEAR 92
FROM IDENT NO. F 870386 ALSO INSTALLED ON F 851241,F 852640
UP TO IDENT NO.F 999243 EXCEPT FOR F 995669,F 997513
PASSENGER CAR,SEDAN,MODEL YEAR 93
FROM IDENT NO. F 999244 ALSO INSTALLED ON F 995669,F 997513
</dd>
<dt>vehicleClass</dt>
<dd>Легковой а/м</dd>
<dt>model</dt>
<dd>201.024</dd>
<div class="al-infoBlock--showMore"><span>Полное описание модели</span><i class="al-icon-lessInfo"></i></div>
<dt class="hide">aggregates</dt>
<dd class="hide">
M - двигатель:
102.962 M 102 AUSTRALIEN
GASOLINE ENGINE WITH INJECTION SYSTEM, 87 KW (118 PS/DIN)
FROM MODEL YEAR 86
102.962 M 102 JAPAN
GASOLINE ENGINE WITH INJECTION SYSTEM, 85 KW (116 PS/DIN)
MODEL YEAR 85
102.962 M 102
БЕНЗИН.ДВИГ. С ТНВД, 90 КВТ (122 Л.С.)
GA - автоматическая КП:
722.400 W 4 A 020
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER
AUSTRALIA FROM MODEL YEAR '86 SEE MF 1026
722.400 W 4 A 020 JAPAN
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 85-86
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 87-93
722.400 W 4 A 020 AUSTRALIEN
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 86-90
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 93
722.400 W 4 A 020 USA
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR'84
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR'85/86
722.400 W 4 A 020 MBSA
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER
GM - механическая КП:
717.411 GL 68/20 B-5
МЕХАНИЧ. 5-СТУП.КП,НЕ ПРИ 2-МАСС.МАХОВИКЕ
НАЧИНАЯ С ИДЕНТ. №
201.122 A 261612 ЗА ИСКЛЮЧ.
A 261669,A 261682,A 261903,A 262053,A 262433,A 262444,A 262484,
A 262722, A 262980
ЗА ИСКЛЮЧ. A 261472
201.122 F 166406
124.120 A 130688 ЗА ИСКЛЮЧ.
A 130700,A 130754,A 130817,A 131255,A 133489,A 135667
124.125 A 095517 ЗА ИСКЛЮЧ.
A 095552,A 095576,A 095607,A 095621,A 095661,A 095665,A 095676,
A 095776,A 095786,A 095788,A 095806,A 095823,A 095975,A 096011,
A 096076,A 096078,A 096090,A 096110,A 096171,A 096881,A 096900,
A 097648,A 098380,A 099105,A 099327,A 103354
ЗА ИСКЛЮЧ. A 095258, A 095264
ДО ИДЕНТ. №
201.023,024,122,126 A 495250
ТАКЖЕ УСТАНАВЛИВАЕТСЯ В СМ. ССЫЛКУ 300
ЗА ИСКЛЮЧЕНИЕМ СМ. ССЫЛКУ 301
201.023,024,122 F 6167
</dd>
</dl>
</div></a></div>
<div class="al-search__info"><a href="">
<div class="al-search__info--text">
<h2>MERCEDES-BENZ 190 E JAPAN</h2>
<dl>
<dt>market</dt>
<dd>Япония</dd>
<dt>description</dt>
<dd>
PASSENGER CAR,SEDAN,MODEL YEAR 85
UP TO IDENT NO.F 141632 EXCEPT FOR
F 111755,F 124406,F 125761,F 126293,F 133174,F 133542,F 134598,F 137164
PASSENGER CAR,SEDAN,MODEL YEAR 86
FROM IDENT NO.F 141633 AS WELL AS
F 111755,F 124406,F 125761,F 126293,F 133174,F 133542,F 134598,F 137164
UP TO IDENT NO.F 261491 EXCEPT FOR
F 210655,F 259844,F 260447
PASSENGER CAR,SEDAN,MODEL YEAR 87
FROM IDENT NO.F 261492 AS WELL AS
F 210655,F 259844,F 260447
UP TO IDENT NO. F 399296
PASSENGER CAR,SEDAN,MODEL YEAR 88
FROM IDENT NO. F 399297
UP TO IDENT NO.F 539210
</dd>
<dt>vehicleClass</dt>
<dd>Легковой а/м</dd>
<dt>model</dt>
<dd>201.024</dd>
<div class="al-infoBlock--showMore"><span>Полное описание модели</span><i class="al-icon-lessInfo"></i></div>
<dt class="hide">aggregates</dt>
<dd class="hide">
M - двигатель:
102.962 M 102 AUSTRALIEN
GASOLINE ENGINE WITH INJECTION SYSTEM, 87 KW (118 PS/DIN)
FROM MODEL YEAR 86
102.962 M 102 JAPAN
GASOLINE ENGINE WITH INJECTION SYSTEM, 85 KW (116 PS/DIN)
MODEL YEAR 85
102.962 M 102
БЕНЗИН.ДВИГ. С ТНВД, 90 КВТ (122 Л.С.)
GA - автоматическая КП:
722.400 W 4 A 020
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER
AUSTRALIA FROM MODEL YEAR '86 SEE MF 1026
722.400 W 4 A 020 JAPAN
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 85-86
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 87-93
722.400 W 4 A 020 AUSTRALIEN
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 86-90
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR 93
722.400 W 4 A 020 USA
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR'84
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER,MODEL YEAR'85/86
722.400 W 4 A 020 MBSA
AUTOMATIC FOUR-SPEED TRANSMISSION WITH CONVERTER
GM - механическая КП:
717.411 GL 68/20 B-5
МЕХАНИЧ. 5-СТУП.КП,НЕ ПРИ 2-МАСС.МАХОВИКЕ
НАЧИНАЯ С ИДЕНТ. №
201.122 A 261612 ЗА ИСКЛЮЧ.
A 261669,A 261682,A 261903,A 262053,A 262433,A 262444,A 262484,
A 262722, A 262980
ЗА ИСКЛЮЧ. A 261472
201.122 F 166406
124.120 A 130688 ЗА ИСКЛЮЧ.
A 130700,A 130754,A 130817,A 131255,A 133489,A 135667
124.125 A 095517 ЗА ИСКЛЮЧ.
A 095552,A 095576,A 095607,A 095621,A 095661,A 095665,A 095676,
A 095776,A 095786,A 095788,A 095806,A 095823,A 095975,A 096011,
A 096076,A 096078,A 096090,A 096110,A 096171,A 096881,A 096900,
A 097648,A 098380,A 099105,A 099327,A 103354
ЗА ИСКЛЮЧ. A 095258, A 095264
ДО ИДЕНТ. №
201.023,024,122,126 A 495250
ТАКЖЕ УСТАНАВЛИВАЕТСЯ В СМ. ССЫЛКУ 300
ЗА ИСКЛЮЧЕНИЕМ СМ. ССЫЛКУ 301
201.023,024,122 F 6167
LG - рулевой мех-м:
765.903 LSA 068
POWER STEERING
201.022,024,122 FROM IDENT NO.SEE FOOTN.2
201.023,024,028,029,122,126,128 UP TO IDENT NO.A 456128/F 539196
FROM IDENT NO.A 456129/F 539197,SEE STANDARD MICROFICHE
</dd>
</dl>
</div></a></div>
</div>
<!-- скрипт переписывайте по вашей религии-->
<script type="text/javascript">
$( document ).ready(function() {
//======= Показать полное описание модели в карточках =======
$('.al-search__info--text .al-infoBlock--showMore').click(function(event){
event.preventDefault();
$(this).children('span').text($(this).text() == 'Скрыть полное описание' ? 'Полное описание модели' : 'Скрыть полное описание');
$(this).children('i').toggleClass('al-icon-lessInfo al-icon-moreInfo');
$(this).nextAll().toggleClass('hide show');
});
});
</script></div>
</div>
</div>
<div class="al-footer">
<div class="al-footerContainer">
<div class="al-footerInfo"><a href="">Главная</a><br/><a href="">Запчасти</a><br/><a href="">Каталог оригинальных запчастей</a><br/><a href="">Инфо и помощь</a><br/><a href="">Партнёрам</a><br/><a href="">Контакт</a><br/><br/>© 2015 Alvadi OÜ</div>
<div class="al-footerInfo"><span> <i class="icon-phone"></i>Телефон</span><a href="tel:+3725250146"> <sup>+372</sup> 52-50-146</a><br/><br/><span><i class="icon-mail"></i>Эл. почта</span><a href="mailto:[email protected]">[email protected]</a></div>
<div class="al-footerInfo"><span><i class="icon-geo"></i>Адрес магазина</span><a href="https://www.google.cz/maps/place/Majaka+10,+11412+Tallinn,+Estonia/@59.428847,24.7887226,17z/data=!3m1!4b1!4m2!3m1!1s0x46929355bce05fcb:0xe34f913adf844963">Majaka 10, Tallinn 11412, Estonia</a><i class="icon-new_window"></i><br/><br/><span><i class="icon-time"></i>Режим работы</span>Пн-Пт . . . . 9:10–19:00<br/>Сб . . . . . . 10:00–15:00</div>
</div>
</div>
</div>
</div>