Footer

HTML

									
										
<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/>&copy; 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&#8211;19:00<br/>Сб . . . . . . 10:00&#8211;15:00</div>
    <div class="al-footerInfo"><span>&copy; 2015 Alvadi OÜ</span></div>
  </div>
</div>

Header

▾

Войти

Впервые на нашем сайте?Зарегистрироваться

HTML

									
										
<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><span><i class="icon-russia"></i>&nbsp;&#9662;</span>
          <ul>
            <li><a href=""><i class="icon-estonia"></i></a></li>
            <li><a href=""><i class="icon-finland"></i></a></li>
            <li><a href=""><i class="icon-latvia"></i></a></li>
            <li><a href=""><i class="icon-uk"></i></a></li>
          </ul>
        </li>
      </ul>
    </div>
    <div class="al-userArea"><span class="al-span--dashed">Войти</span>
      <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>

Oricat Body

Volkswagen Golf VI PLUS (1.6L) 2008г

Сменить авто

Модель:	Golf VI 1.6 Blue Motion
Двигатель/КПП:	1.6L Duratec-16V Ti VCT (115/120PS)
VIN:	ZFA25000002298450
Для региона:	EU
Сделано в:	Германия

Поиск детали по названию

Общий
От производителя

HTML

									
										
<div class="al-spcHeader__info">
  <div><img src="../../images/temp/pickedCarMobile.jpg" alt="car image" width="105" height="71"/>
    <h2>Volkswagen Golf VI PLUS (1.6L) 2008г</h2><a href="">Сменить авто</a><i class="icon-moreInfo"></i>
  </div>
  <table class="al-info">
    <tbody>
      <tr>
        <td><strong>Модель:</strong></td>
        <td>Golf VI 1.6 Blue Motion</td>
      </tr>
      <tr>
        <td><strong>Двигатель/КПП:</strong></td>
        <td>1.6L Duratec-16V Ti VCT (115/120PS)</td>
      </tr>
    </tbody>
    <tr>
      <td><strong>VIN:</strong></td>
      <td>ZFA25000002298450</td>
    </tr>
    <tr>
      <td><strong>Для региона:</strong></td>
      <td>EU</td>
    </tr>
    <tr>
      <td><strong>Сделано в:</strong></td>
      <td>Германия</td>
    </tr>
  </table>
</div>
<div class="al-spcGroups">
  <div class="al-spcGroups__search">
    <h3>Поиск детали по названию</h3>
    <div class="al-spcGroups__searchTabList">
      <ul>
        <li data-tab="tab-main" class="al-active">Общий</li>
        <li data-tab="tab-manufacturer">От производителя</li>
      </ul>
    </div>
    <div class="al-spcGroups__searchTabs">
      <div class="al-tab tab-main al-tab--active">
        <form action="" method="">
          <input type="search" value="" placeholder="Введите название детали"/>
        </form>
        <ul class="al-list--links">
          <li><a href=""><span>Кузов</span><i class="icon-arrowRight"></i></a></li>
          <li><a href=""><span>Двигатель</span><i class="icon-arrowRight"></i></a></li>
          <li><a href=""><span>Фильтр</span><i class="icon-arrowRight"></i></a></li>
          <li><a href=""><span>Система выпуска</span><i class="icon-arrowRight"></i></a></li>
        </ul>
      </div>
      <div class="al-tab tab-manufacturer">
        <ul class="al-list--links">
          <li><a href=""><span>Кузов</span><i class="icon-arrowRight"></i></a></li>
          <li><a href=""><span>Двигатель</span><i class="icon-arrowRight"></i></a></li>
          <li><a href=""><span>Фильтр</span><i class="icon-arrowRight"></i></a></li>
          <li><a href=""><span>Система выпуска</span><i class="icon-arrowRight"></i></a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

Oricat Car Info

HONDA CR-V I-CTDI
Сменить авто

Модель: CR-V I-CTDI

Год производства: 2007

Двигатель: N22A2

Трансмиссия: 6MT

VIN: SHSRE67707U006296

Для региона: KE

Сделано в: SH

Больше опций

HTML

									
										
<div class="al-spcHeader__info">
  <h1 class="al-h1--spc">HONDA CR-V I-CTDI
    <div class="al-spcBack"><a href="">Сменить авто</a></div>
  </h1>
  <div class="al-infoBlock">
    <div class="al-infoBlock--column">
      <h4><strong>Модель:&nbsp;</strong>CR-V I-CTDI</h4>
      <h4><strong>Год производства:&nbsp;</strong>2007</h4>
    </div>
    <div class="al-infoBlock--column">
      <h4><strong>Двигатель:&nbsp;</strong>N22A2</h4>
      <h4><strong>Трансмиссия:&nbsp;</strong>6MT</h4>
    </div>
    <div class="al-infoBlock--column">
      <h4><strong>VIN:&nbsp;</strong>SHSRE67707U006296</h4>
      <h4><strong>Для региона:&nbsp;</strong>KE</h4>
    </div>
    <div class="al-infoBlock--column">
      <h4><strong>Сделано в:&nbsp;</strong>SH</h4>
    </div>
    <div class="al-infoBlock--column">
      <div class="al-infoBlock--showMore"><span>Больше опций</span><i class="al-icon-moreInfo"></i></div>
    </div><br/>
    <div class="al-infoBlock--more hide">
      <div class="al-infoBlock--column">
        <h4><strong>Модель:&nbsp;</strong><span>CR-V I-CTDI</span></h4>
        <h4><strong>Год производства Год производства:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Модель:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Год производства:&nbsp;</strong><span>2007</span></h4>
      </div>
      <div class="al-infoBlock--column">
        <h4><strong>Модель:&nbsp;</strong><span>CR-V I-CTDI</span></h4>
        <h4><strong>Год производства Год производства:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Модель:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Год производства:&nbsp;</strong><span>2007</span></h4>
      </div>
      <div class="al-infoBlock--column">
        <h4><strong>Модель:&nbsp;</strong><span>CR-V I-CTDI</span></h4>
        <h4><strong>Год производства Год производства:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Модель:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Год производства:&nbsp;</strong><span>2007</span></h4>
      </div>
      <div class="al-infoBlock--column">
        <h4><strong>Модель:&nbsp;</strong><span>CR-V I-CTDI</span></h4>
        <h4><strong>Год производства Год производства:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Модель:&nbsp;</strong><span>[AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION</span></h4>
        <h4><strong>Год производства:&nbsp;</strong><span>2007</span></h4>
      </div>
    </div>
  </div>
</div>
<!-- скрипт переписывайте по вашей религии -->
<script type="text/javascript">
  $( document ).ready(function() {
  
    $('.al-spcHeader__info .al-infoBlock--column .al-infoBlock--showMore').click(function(event){
      event.preventDefault();
      $(this).children('i').toggleClass('al-icon-moreInfo al-icon-lessInfo');
      $(this).children('span').text($(this).text() == 'меньше опций' ? 'больше опций' : 'меньше опций');
      $('.al-infoBlock--more').toggleClass('hide show');
    });
  
    //- Посчитали не обязательным
    //- $('.al-spcHeader__info .al-infoBlock h5').click(function(event){
    //-   event.preventDefault();
    //-   $(this).toggleClass('al-text--ellipsis al-text--clip');
    //-   $(this).children('i').toggleClass('icon-moreInfo icon-lessInfo');
    //- });
  
  });
</script>

Oricat Search

7 товаров

Поиск

HTML

									
										
<div class="al-search">
  <div class="al-searchContainer">
    <div class="al-searchContainer__Window--menu"><i class="icon-menuIcon"></i><span class="al-span--dashed">Меню</span></div>
    <div class="al-searchContainer__Window--cart"><i class="icon-cart"></i><span class="al-span--dashed">7 товаров</span></div>
    <div class="al-searchContainer__Window--search"><i class="icon-search_icon"></i><span class="al-span--dashed">Поиск</span></div>
  </div>
</div>

Oricat Submenu

Поиск по:

VIN-коду
Коду запчасти

или выберите авто из списка

Главная Запчасти Каталог оригинальных запчастей Инфо и помощь Партнёрам Контакт

Нажимной диск сцепления

2 дн.

13.00 €

Элемент укладки проводов

10 дн.

3.80 €

Средство для мытья стёкол

8 дн.

2.64 €

Цилиндр тормозной

7 дн.

5.65 €

Наконечник рулевой тяги

1 дн.

8.50 €

Размораживатель для замков

7 дн.

1.66 €

Шариковый подшипник

1 дн.

8.50 €

7 товаров
(153.28 EUR)

HTML

									
										
<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 &euro;</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 &euro;</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 &euro;</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 &euro;</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 &euro;</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 &euro;</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 &euro;</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>

Email
Пароль
Я забыл пароль

Footer

HTML

Header

HTML

Oricat Body

Volkswagen Golf VI PLUS (1.6L) 2008г

Поиск детали по названию

HTML

Oricat Car Info

HONDA CR-V I-CTDI Сменить авто

Модель: CR-V I-CTDI

Год производства: 2007

Двигатель: N22A2

Трансмиссия: 6MT

VIN: SHSRE67707U006296

Для региона: KE

Сделано в: SH

Модель: CR-V I-CTDI

Год производства Год производства: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Модель: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Год производства: 2007

Модель: CR-V I-CTDI

Год производства Год производства: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Модель: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Год производства: 2007

Модель: CR-V I-CTDI

Год производства Год производства: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Модель: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Год производства: 2007

Модель: CR-V I-CTDI

Год производства Год производства: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Модель: [AB4] SIDE CURTAIN SRS [ABS] ABS [DPF] DPF [GR] GLASS ROOF [NAV] NAVIGATION

Год производства: 2007

HTML

Oricat Search

HTML

Oricat Submenu

Поиск по:

или выберите авто из списка

Нажимной диск сцепления

Элемент укладки проводов

Средство для мытья стёкол

Цилиндр тормозной

Наконечник рулевой тяги

Размораживатель для замков

Шариковый подшипник

HTML

HONDA CR-V I-CTDI
Сменить авто