Additional typography elements

This article describes additional elements used for creating a demo content for the Quark template.

Product description

It is a Custom HTML module set in the mainbody module position

<div class="gk-desc"> 
     <img src="/images/demo/product_bg.jpg" alt="" data-sr="enter bottom and scale up 50% over .8s" />
     <h2>Duis scelerisque consequat magna eget euismod.<br />
          Sed vel odio nunc nulla facilisi</h2>
     <p>
          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. Integer ante leo, iaculis ut odio sit amet, dignissim pretium quam. Ut ac diam egestas, bibendum ex et, pharetra tellus. Proin sagittis est sit amet ipsum aliquam, non dapibus sapien congue. Donec lobortis sed lacus at consectetur. Ut aliquet sapien eget dolor sollicitudin interdum. Duis scelerisque consequat magna eget euismod. Sed vel odio nunc. Nulla facilisi. Aenean a tincidunt leo. Praesent dapibus nibh id mauris sollicitudin, ut auctor lacus interdum. Phasellus volutpat magna a purus elementum, eget gravida tellus feugiat. In id lorem sapien.
     </p>
     <a href="#" class="btn-border">Learn more</a> 
</div>

Video block

Above block is a Custom HTML module with a parallax background (uses suffix: very-big-spaces parallax-bg), based on the following code:

<a href="#" class="gk-video-link gk-add-rotate-animation" data-url="//player.vimeo.com/video/88558878?color=ffffff&title=0&byline=0&portrait=0" data-width="1920" data-height="1080"  data-sr="enter bottom and move 50px">Product landing page theme <i class="fa fa-play"></i> Play</a>

Testimonials

The testimonials block uses the following HTML structure (the module should have the testimonial suffix):

<div class="gk-testimonials" data-sr="scale up 50%" data-amount="3">
<div>
<div>
<blockquote>
<img src="/images/demo/testimonials_avatar.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lobortis dictum elit eu placerat. Nullam vel pellentesque tortor, nec ornare enim. Praesent vehicula dapibus diam non porttitor. Etiam vel elit ante. Phasellus eleifend sollicitudin odio a varius. Donec sit amet lacinia velit, ut dignissim diam. Aliquam erat volutpat.</p>
<strong>Garland Noah</strong>
</blockquote>
<blockquote>
<img src="/images/demo/testimonials_avatar.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lobortis dictum elit eu placerat. Nullam vel pellentesque tortor, nec ornare enim. Praesent vehicula dapibus diam non porttitor. Etiam vel elit ante. Phasellus eleifend sollicitudin odio a varius. Donec sit amet lacinia velit, ut dignissim diam. Aliquam erat volutpat.</p>
<strong>Garland Noah</strong>
</blockquote>
<blockquote>
<img src="/images/demo/testimonials_avatar.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus lobortis dictum elit eu placerat. Nullam vel pellentesque tortor, nec ornare enim. Praesent vehicula dapibus diam non porttitor. Etiam vel elit ante. Phasellus eleifend sollicitudin odio a varius. Donec sit amet lacinia velit, ut dignissim diam. Aliquam erat volutpat.</p>
<strong>Garland Noah</strong>
</blockquote>
</div>
</div>
</div>

Shipping block

The shipping block uses the gray-bg suffix and the special CSS class for the gk-cols structure:

<div class="gk-cols vertical-center" data-cols="2">
<div class="gk-text-center" data-sr="enter left and move 200px" >
<span class="big-text">Free Shipping on Orders over $25</span>
<p>Buy everyday free shipping products with free shipping<br />on orders over $35, low prices & product reviews</p>
</div>
<div class="gk-text-center" data-sr="enter right and move 200px" >
<img src="/images/demo/shipping_img.jpg" alt="" />
</div>
</div>

Thanks to the vertical-center CSS class the text and image are vertically centered inside the columns.

Newsletter form

The newsletter form uses the small-spaces newsletter dark-bg module suffixes and the following HTML code:

<form action="#">
<small>Stay up-to-date with latest product</small>
<input type="submit" value="Subscribe" class="dark btn-border" />
<input type="email" placeholder="Enter your e-mail..." name="email" required="required" />
</form>

The above newsletter form is only a HTML code - you need to connect it by yourself with your newsletter software

Contact information

The last module on the frontpage uses the small-spaces small-text suffixes and the gk-cols structure:

<div class="gk-cols" data-cols="3">
<div>email: Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.</div>
<div class="gk-text-center">tel. 123.456.7890<br />fax: 098.654,3211</div>
<div class="gk-text-right">Quaking Row, Kensington,<br />IN, 47699-9366, US</div>
</div>

Every text in this module has other position thanks to the gk-text-left, gk-text-center and gk-text-right CSS classes.

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

О нас

Казахскую гастрономию часто называют «кухней холодного стола». Сохраняя лучшие традиции казахского народа, компания «Асыл -Агро» производит колбасные изделия (включая национальные казахские деликатесы) и мясные консервы. Отличительная особенность продуктов компании «Асыл-Агро» – отсутствие усилителей вкуса. При производстве не используются искусственные добавки, увеличивающие срок хранения продукта. Всю продукцию отличает натуральный вкус, приятный аромат и натуральный состав.

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

Консервные изделия

Slider
Консервные изделия
Image is not available

650 тг / шт

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

Баранина

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

Колбасные изделия

Slider
Колбасные изделия
Image is not available

1 300 тг / кг

Image is not available

Сардельки молочные

Image is not available

1 000 тг / кг

Image is not available

Докторская

Image is not available

1 200 тг / кг

Image is not available

Сосиски молочные

Image is not available

1 400 тг / кг

Image is not available

Мусульманская

Image is not available

1 200 тг / кг

Image is not available

Краковская

Image is not available

1 200 тг / кг

Image is not available

Одесская

Image is not available

1 500 тг / кг

Image is not available

Армавирская

Image is not available

2 500 тг / кг

Image is not available

Печеночная

Image is not available

1 400 тг / кг

Image is not available

Чесночная

Image is not available

1 200 тг / кг

Image is not available

Восточная Конская

Image is not available

1 100 тг / кг

Image is not available

Говяжья

Image is not available

3 300 тг / кг

Image is not available

Курдюк

Image is not available

2 850 тг / кг

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 778 020 7628
+7 701 712 9371

Slider
×