How to create a frontpage tabs?

Our demo content frontpage contains a big area with tabs - based at our Tabs GK5 module.

The Tabs GK5 module needs few adjustments to achieve that layout:

  • Under module settings please set Basic -> Module suffix to transparent-tabs box-wide clear,
  • Under Advanced settings please enable option Add module wrappers.

Thanks to these settings the module will get transparent tabs and proper structure. The modules used as a tabs source can use module suffixes while module wrappers are added.

The first tab (visible on the above image) uses a Custom HTML module with the following content:

<h2 class="gk-big-heading"><span>N</span><span class="gk-number-block">1</span></h2>
<p>Multi award winning ski goggles with <br />the multi lens technology</p>

The module has a background-image set in the Custom HTML module settings and uses the following suffixes: very-big-spaces clear parallax-bg.

The last tab uses a very similar code, but instead of the parallax image in the background it uses the following suffixes: very-big-spaces clear dark-bg

The second tab contains a features block description:

It uses a Custom HTML module with the following suffixes: big-spaces clear color-bg.

The content of the module is following:

<div class="gkPage">
 <div class="gk-cols gk-features" data-cols="2">
  <div>
   <img src="/images/demo/docs/app_features.png" alt="Features" />
  </div>
  <div>   
    <dl>
       <dt>Impact protection</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit. Ut varius purus lectus, a pharetra mi blandit at. </dd>
       <dt>Lens Tints</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit. Ut varius purus lectus.</dd>
       <dt>HD Polarized</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus.  Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit.</dd>
       <dt>High Definition Optics</dt>
       <dd>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum.  Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit.</dd>
     </dl>
  </div>
 </div>
</div>

The third tab contains a price table:

Similarly as the other tabs it uses Custom HTML module with the following suffixes: gray-bg big-spaces.

The content of the module is following:

<div class="gkPage">
<div class="gk-price-table" data-cols="3">
<dl>
<dt><strong>Basic</strong><span>69<sub>€</sub></span></dt>
<dd>
<ul>
<li>Tation ancillae appetere</li>
<li>Lorem ipsum dolor</li>
<li>Stet nemore te his</li>
</ul>
</dd>
<dd><a href="#">Buy now</a></dd>
</dl>

<dl class="gk-premium">
<dt><strong>Premium</strong><span>99<sub>€</sub></span></dt>
<dd>
<ul>
<li>Tation ancillae appetere</li>
<li>Lorem ipsum dolor</li>
<li>Stet nemore te his</li>
</ul>
</dd>
<dd><a href="#">Buy now</a></dd>
</dl>

<dl>
<dt><strong>Plus</strong><span>79<sub>€</sub></span></dt>
<dd>
<ul>
<li>Tation ancillae appetere</li>
<li>Lorem ipsum dolor</li>
<li>Stet nemore te his</li>
</ul>
</dd>
<dd><a href="#">Buy now</a></dd>
</dl>
</div>
</div>
Last modification: Ср 28 янв 2015
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Image is not available
Slider

О НАС

Крестьянское хозяйство «Асыл-Агро» является ведущим в сельскохозяйственной отрасли. Спектр услуг очень велик, и каждый, кто хочет накрыть на стол мясными, колбасными или же консервными изделиями, столкнется с большим ассортиментом продукции. На вкус и цвет, как говорится. Насчитывается более 15 видов колбасных и 4 вида консервных изделий, более того, качество продукции всегда на высшем уровне, без единого грамма свинины.

Самые свежие продукты
Отличительной особенностью магазинов является предложение покупателям свежего ассортимента колбасной и консервной продукции собственного производства.
Широкий ассортимент
На данный момент в продаже доступны более 10 видов колбасных изделий, а также 5 видов консервных, двое из которых - новшества для Казахстанского рынка.
Самые низкие цены
В наших магазинах низкие цены на продукцию благодаря собственной сырьевой базе и высокотехнологичному производству.
Шаговая доступность
На данный момент сеть насчитывает около 10 магазинов по Атырау и области. В ближайшем будущем планируется расширение сети.
Высокий уровень сервиса
В наших магазинах работает грамотный внимательный персонал. Основная задача магазинов – удовлетворить потребность жителей района в свежих продуктах для ежедневного потребления.
Экологические чистые продукты
Для приготовления колбас и мясных полуфабрикатов не используются консерванты и ГМО! Также избегаем добавление сои.
Image is not available
Image is not available
Image is not available

Верблюжатина

Высший сорт
325 грамм

495 тг / шт.

Image is not available
Image is not available

Говядина

Image is not available
Image is not available

Конина

Image is not available
Image is not available

Баранина

Image is not available

КОНСЕРВНЫЕ ИЗДЕЛИЯ

Image is not available
Image is not available
Image is not available

Высший сорт
325 грамм

504 тг / шт.

Высший сорт
325 грамм

520 тг / шт.

Высший сорт
325 грамм

695 тг / шт.

Slider
Image is not available

КОЛБАСНЫЕ ИЗДЕЛИЯ

Slider
Image is not available

830 тг / кг

Image is not available

Сардельки

Image is not available

850 тг / кг

Image is not available

Колбаса "Краковская"

Image is not available

850 тг / кг

Image is not available

Колбаса "Одесская"

Image is not available

600 тг / кг

Image is not available

Колбаса "Ливерная"

Image is not available

750 тг / кг

Image is not available

Колбаса "Чайная"

Image is not available

750 тг / кг

Image is not available

Колбаса "Докторская"

Image is not available

750 тг / кг

Image is not available

Колбаса "Молочная"

Image is not available

1 000 тг / кг

Image is not available

Колбаса "Сервелат"

Image is not available

950 тг / кг

Image is not available

Колбаса "Армавирская"

Image is not available

900 тг / кг

Image is not available

Колбаса "Говяжья"

previous arrow
previous arrow
next arrow
next arrow
Slider
Image is not available
Image is not available
Image is not available

Контакты

Мы будем рады ответить на все Ваши вопросы.

Ежедневно с 10 до 19

Адрес

Телефоны

E-mail

г. Атырау, Северная
Промзона 49

kxasyl-agro@mail.ru
sales@assyl-agro.kz

+7 (702) 835 1698

Slider
×