Skip to content

Instantly share code, notes, and snippets.

@bigdragon1977

bigdragon1977/index.html

Last active February 23, 2023 12:29
Show Gist options
  • Save bigdragon1977/8761ddda0d3218821b0d80933a5d0a6e to your computer and use it in GitHub Desktop.
Save bigdragon1977/8761ddda0d3218821b0d80933a5d0a6e to your computer and use it in GitHub Desktop.
Download ZIP
Index KATOK
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>КЗК</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-QYIZto+st3yW+o8+5OHfT6S482Zsvz2WfOzpFSXMF9zqeLcFV0/wlZpMtyFcZALm" crossorigin="anonymous">
<link rel="stylesheet" href="<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">">
<link rel="stylesheet" href="css/lib/bulma-carousel.min.css">
<link rel="stylesheet" href="css/lib/bulma-divider.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="first-page">
<div class="background">
<section class="py-2">
<div class="columns is-gapless is-vcentered is-centered is-flex mb-0 first-header">
<div class="column is-2-fullhd is-2-desktop brand has-text-white has-text-centered is-family-monofet">
<p class="is-size-1_375">УМАНЬФЕРМАШ</p>
</div>
<div class="column is-2-fullhd is-2-desktop slogan has-text-white is-size-7 is-size-0_688-desktop is-family-monofet is-uppercase">
<p>Виробник <br>сільськогосподарської<br> техніки та обладнання</p>
</div>
<div class="column lang is-1-fullhd">
<div class="columns is-gapless">
<div class="column">
<figure class="image is-32x32 is-active">
<img src="img/ukraine.svg">
</figure>
</div>
<div class="column">
<figure class="image is-32x32">
<img class="open-en is-clickable" src="img/united_kingdom.svg">
</figure>
</div>
<div class="column">
<figure class="image is-32x32">
<img class="open-ro is-clickable" src="img/romania.svg">
</figure>
</div>
</div>
</div>
<div class="column we-online is-2-fullhd is-2-desktop has-text-white is-family-montaga is-size-7 is-size-0_688-desktop">
<div class="columns is-gapless is-vcentered">
<div class="column is-1 is-2-desktop">
<image src="img/Stay primary portrait.svg" />
</div>
<div class="column">
<p>Залишились ПИТАННЯ ?</p>
<p>Ми Online</p>
</div>
</div>
</div>
<div class="column social is-1-fullhd is-2-desktop-only">
<div class="columns is-gapless is-vcentered">
<div class="column is-4">
<figure class="image is-48x48">
<img class="open-whatsapp is-clickable" src="img/Whatsapp.svg"/>
</figure>
</div>
<div class="column is-4">
<figure class="image is-48x48">
<img class="open-viber is-clickable" src="img/Viber.svg" />
</figure>
</div>
<div class="column is-4">
<figure class="image is-48x48">
<img class="open-telegram is-clickable" src="img/Telegram.svg" />
</figure>
</div>
</div>
</div>
<div class="column has-text-white is-1-fullhd has-text-centered">
<p class="is-size-7">
<span class="icon is-s-small online">
<i class="fa fa-circle fa-2xs" aria-hidden="true"></i>
</span>
Кожного дня 8:00 -18:00</p>
<p class="is-size-7">+38 (097 ) 937 73 22 <br>
+38 (073) 041 03 12<br>
+38 (067) 440 99 04
</p>
</div>
<div class="column is-2-fullhd is-centered">
<button class="button is-responsive is-rounded">
Перезвонити мені
</button>
</div>
</div>
<div class="nav-bar py-1">
<div class="navbar-brand is-hidden-desktop">
<a class="navbar-item" href="#" data-config-id="brand">
<img class="image" alt="" width="96px">
</a>
<a class="navbar-burger" role="button" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu ">
<div class="navbar-start ml-auto">
<a class="navbar-item has-text-white is-size-5 is-family-monofet is-uppercase mx-6" href="#nav-page2" data-config-id="link1">Про Каток</a>
<a class="navbar-item has-text-white is-size-5 is-family-monofet is-uppercase mx-6" href="#nav-page3" data-config-id="link2">Моделі Катків</a>
<a class="navbar-item has-text-white is-size-5 is-family-monofet is-uppercase mx-6" href="#nav-page4" data-config-id="link3">Наша Команда</a>
<a class="navbar-item has-text-white is-size-5 is-family-monofet is-uppercase mx-6" href="#nav-page5" data-config-id="link4">Контакти</a>
</div>
<!--<div class="navbar-item">
<a class="button is-primary" href="#" data-config-id="primary-action">Contact Us</a>
</div>-->
</div>
</div>
</section>
</div>
<section class="hero is-medium">
<div class="hero-head"></div>
<div class="hero-body">
<div class="">
<p class="title is-size-2 has-text-white is-family-roboto-regular body-title">
Доступні
</p>
<p class="title has-text-white is-size-2 is-family-roboto-medium body-title">
катки
</p>
<p class="title has-text-white is-size-2 is-family-roboto-light">
які служать довше
</p>
<p class="title has-text-white is-size-2 is-family-roboto-regular">
ніж сам трактор
</p>
<p class="title has-text-white is-size-6 is-family-roboto-regular last-child">
по цінам завода-виробника з доставкою
</p>
<div class="columns is-gapless is-vcentered">
<div class="column is-1-fullhd is-2-desktop">
<div class="columns is-gapless is-vcentered">
<div class="column is-2 has-text-centered">
<p class="title is-1 has-text-white is-family-inter-regular is-size-2">1</p>
</div>
<div class="column is-6 has-text-left">
<p class="subtitle has-text-white is-family-inter-regular is-size-7">рік<br/> гарантії </p>
</div>
</div>
</div>
<div class="column is-1-fullhd is-2-desktop">
<div class="columns is-gapless is-vcentered">
<div class="column is-2">
<p class="title is-1 has-text-white is-family-inter-regular is-size-2">7</p>
</div>
<div class="column is-6 has-text-left">
<p class="subtitle has-text-white is-family-inter-regular is-size-7">років <br/>служби</p>
</div>
</div>
</div>
<div class="column is-1-fullhd is-2-desktop">
<div class="columns is-gapless is-vcentered">
<div class="column is-2">
<p class="title is-1 has-text-white is-family-inter-regular is-size-2">4</p>
</div>
<div class="column is-8 has-text-left">
<p class="subtitle has-text-white is-family-inter-regular is-size-7">
моделелі <br/> для замовлення
</p>
</div>
</div>
</div>
</div>
<div class="columns">
<div class="column is-3 has-text-centered">
<button class="button is-responsive is-rounded pick-up has-text-white is-family-inter-regular is-size-4">
Підібрати каток
</button>
</div>
</div>
</div>
</div>
<div class="hero-foot mb-4">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-1 is-offset-9">
<figure class="image is-80x80">
<img class="open-video is-clickable" src="img/play.svg">
</figure>
</div>
<div class="column is-3 is-center">
<p class="subtitle has-text-white">
Подивітся <br/>
невелике відео <br/>
про каток
</p>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- 2 Page -->
<section class="hero" id="nav-page2">
<div id="carousel-demo" class="carousel">
<div class="item-1">
<div class="section">
<div class="columns">
<div class="column">
<div class="divider is-left">
<p class="title is-family-inter-bold is-size-6">Зубчато-кільчатий каток</p>
</div>
<p class="subtitle is-family-inter-medium is-size-6">Призначений для: ущільнення грунту з одночасним дроблення грудок і частковим вирівнювання поверхні поля</p>
<div class="columns">
<div class="column">
<div class="columns is-flex is-vcentered">
<div class="column is-2 has-text-centered is-vcentered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse7.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Висока ефективність вирівнювання на великих площах з мінімальними витратами палива на
гектар руйнування ґрунтової кірки; ущільнення на глибину 7-10 см поверхно стного шару
грунту.
</div>
</div>
</div>
<div class="columns is-vcentered">
<div class="column is-2 has-text-centered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse8.1.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Рама виконана з квадратної суцільнотягненої труби, за рахунок власних транспортних коліс
дозволяє швидко переїжджати з поля на поле і на значні відстані
грунту.
</div>
</div>
</div>
<div class="columns is-vcentered">
<div class="column is-2 has-text-centered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse9.png">
</figure>
</div>
<div class="column">
<div class="content is-family-inter-regular is-size-7">
установлені надійні підшипникові вузли імпортного виробництва, які не обслуговуються
грунту.
</div>
</div>
</div>
</div>
<div class="column is-6 has-text-centered">
<figure class="image is-356x560 is-inline-block">
<img src="img/КЗК-6М-03 2.1.png">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item-2">
<div class="section">
<div class="columns is-vcentered">
<div class="column">
<div class="divider is-left">
<p class="title is-family-inter-bold is-size-6">Кільчато-шпорові</p>
</div>
<p class="subtitle is-family-inter-medium is-size-6">Призначений для: ущільнення грунту з одночасним дроблення грудок і частковим вирівнювання поверхні поля</p>
<div class="columns">
<div class="column">
<div class="columns is-vcentered">
<div class="column is-2 has-text-centered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse7.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Висока ефективність вирівнювання на великих площах з мінімальними витратами палива на
гектар руйнування ґрунтової кірки; ущільнення на глибину 7-10 см поверхно стного шару
грунту.
</div>
</div>
</div>
<div class="columns is-vcentered">
<div class="column is-2 has-text-centered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse8.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Рама виконана з квадратної суцільнотягненої труби, за рахунок власних транспортних коліс
дозволяє швидко переїжджати з поля на поле і на значні відстані
грунту.
</div>
</div>
</div>
<div class="columns is-vcentered">
<div class="column is-2 has-text-centered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse9.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
установлені надійні підшипникові вузли імпортного виробництва, які не обслуговуються
грунту.
</div>
</div>
</div>
</div>
<div class="column is-6 has-text-centered">
<figure class="image is-356x560 is-inline-block">
<img src="img/КЗК-6М-03 2.png">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item-3">
<div class="section">
<div class="columns">
<div class="column">
<div class="divider is-left">
<p class="title is-family-inter-bold is-size-6">Водоналивні</p>
</div>
<p class="subtitle is-family-inter-medium is-size-6">Призначений для: прикочування після дискування або оранки, прикочування посівів озимих і ярих культур</p>
<div class="columns">
<div class="column">
<div class="columns is-flex is-vcentered">
<div class="column is-2 has-text-centered is-vcentered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse7.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Висока ефективність вирівнювання на великих площах з мінімальними
витратами палива на гектар руйнування ґрунтової кірки; ущільнення
на глибину 7-10 см поверхно стного шару грунту.
</div>
</div>
</div>
<div class="columns is-flex is-vcentered">
<div class="column is-2 has-text-centered is-vcentered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse8.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Рама виконана з квадратної суцільнотягненої труби, за
рахунок власних транспортних коліс дозволяє швидко переїжджати
з поля на поле і на значні відстані грунту.
</div>
</div>
</div>
<div class="columns is-flex is-vcentered">
<div class="column is-2 has-text-centered is-vcentered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse9.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
установлені надійні підшипникові вузли імпортного виробництва, які не обслуговуються
грунту.
</div>
</div>
</div>
</div>
<div class="column is-6 has-text-centered">
<figure class="image is-356x560 is-inline-block">
<img src="img/КЗК-6М-03 2.3.png">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item-4">
<div class="section">
<div class="columns">
<div class="column">
<div class="divider is-left">
<p class="title is-family-inter-bold is-size-6">Рубаючі</p>
</div>
<p class="subtitle is-family-inter-medium is-size-6">Призначений для: подрібнюваня рослинних решток</p>
<div class="columns">
<div class="column">
<div class="columns is-flex is-vcentered">
<div class="column is-2 has-text-centered is-vcentered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse7.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Висока ефективність вирівнювання на великих площах з
мінімальними витратами палива на гектар руйнування
ґрунтової кірки; ущільнення на глибину 7-10 см поверхно стного шару грунту.
</div>
</div>
</div>
<div class="columns is-flex is-vcentered">
<div class="column is-2 has-text-centered is-vcentered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse 8.3.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
Рама виконана з квадратної суцільнотягненої труби, за
рахунок власних транспортних коліс дозволяє швидко переїжджати
з поля на поле і на значні відстані грунту.
</div>
</div>
</div>
<div class="columns is-flex is-vcentered">
<div class="column is-2 has-text-centered is-vcentered">
<figure class="image is-96x96 is-inline-block">
<img src="img/Ellipse9.png">
</figure>
</div>
<div class="column has-text-left">
<div class="content is-family-inter-regular is-size-7">
установлені надійні підшипникові вузли імпортного виробництва, які не обслуговуються
робочі органи секцій котків складаються із водоналивних секцій на яких діаметрально
закріплені 10 (десять) рядів ножів, які розміщені в один ряд або із зміщенням по довжині секції.
Для наповнення води на кожній секції встановлена пробка.
</div>
</div>
</div>
</div>
<div class="column is-6 has-text-centered">
<figure class="image is-356x560 is-inline-bloc">
<img src="img/КЗК-6М-03 2.4.png">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-3">
<div class="columns">
<div class="column">
<div class="section" id="nav-page3">
<div class="divider is-left">
<p class="title is-family-roboto-medium is-size-4">Подивіться найпопулярніші моделі катів</p>
</div>
<div class="columns f1">
<div class="column b-left">
<div class="columns b-left-columns">
<div class="column b-left-left">
<figure class="image is-320x490">
<img src="img/Rectangle1B.png">
</figure>
</div>
<div class="column b-left-right">
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle2s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle3s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle4s.png">
</figure>
</div>
</div>
</div>
</div>
<div class="columns title-table-info">
<div class="column">
<p class="is-family-play-regular is-size-6">Зубчато-кільчатий каток</p>
</div>
</div>
<div class="columns table-info">
<div class="column is-9-fullhd">
<table class="table is-bordered is-striped is-fullwidth has-text-centered">
<thead>
<tr>
<th></th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-6М-01</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-9,2М-01</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-10М-01</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcenteredhas-text-centered">КЗК-12,5М-01</th>
</tr>
</thead>
<tbody>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Ширина захвату (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">12</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Потужність трактора, к.с.</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">75-90</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">100-130</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">150-180</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">180-220</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Довжина (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8,2</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Загальна маса (кг)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">2600</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3800</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">4950</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6300</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Продуктивність (г/год)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5-7</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5-10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">7-12</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8-14</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="columns button-table-info is-centered">
<div class="column has-text-centered is-9-fullhd">
<button class="button is-responsive is-rounded is-normal consult">
<span class="icon is-large">
<i class="fas fa-mobile-screen"></i>
</span>
<span class="is-family-inter-regular is-size-7">Отримати консультацію</span>
</button>
</div>
<div class="column is-hidden-desktop is-hidden-mobile is-one-fifth-fullhd is-3-fullhd"></div>
</div>
</div>
<div class="column b-right">
<div class="columns b-right-columns">
<div class="column b-right-left">
<figure class="image is-320x490">
<img src="img/Rectangle2B.png">
</figure>
</div>
<div class="column b-right-right">
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle5s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle3s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle4s.png">
</figure>
</div>
</div>
</div>
</div>
<div class="columns title-table-info">
<div class="column">
<p class="is-family-play-regular is-size-6">Кільчато-шпоровий каток</p>
</div>
</div>
<div class="columns table-info">
<div class="column is-9-fullhd">
<table class="table is-bordered is-striped is-fullwidth has-text-centered">
<thead>
<tr>
<th></th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-6М-03</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-9,2М-03</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-10М-03</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-12,5М-03</th>
</tr>
</thead>
<tbody>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Ширина захвату (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">12</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Потужність трактора, к.с.</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">75-90</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">100-130</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">150-180</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">180-220</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Довжина (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8,2</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered mgh-small has-text-left">Загальна маса (кг)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">2600</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3800</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">4950</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6300</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Продуктивність (г/год)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5-7</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5-10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">7-12</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8-14</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="columns button-table-info is-centered">
<div class="column has-text-centered is-9-fullhd">
<button class="button is-responsive is-rounded is-normal consult">
<span class="icon is-large">
<i class="fas fa-mobile-screen"></i>
</span>
<span class="is-family-inter-regular is-size-7">Отримати консультацію</span>
</button>
</div>
<div class="column is-hidden-desktop is-hidden-mobile is-one-fifth-fullhd is-3-fullhd"></div>
</div>
</div>
</div>
<div class="columns f2">
<div class="column b-left">
<div class="columns b-left-columns">
<div class="column b-left-left">
<figure class="image is-320x490">
<img src="img/Rectangle3B.png">
</figure>
</div>
<div class="column b-left-right">
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle2s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle3s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle4s.png">
</figure>
</div>
</div>
</div>
</div>
<div class="columns title-table-info">
<div class="column">
<p class="is-family-play-regular is-size-6">Водоналивний каток</p>
</div>
</div>
<div class="columns table-info">
<div class="column is-9-fullhd">
<table class="table is-bordered is-striped is-fullwidth has-text-centere">
<thead>
<tr>
<th></th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-6М-02</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-9,2М-02</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-10М-02</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-12,5М-02</th>
</tr>
</thead>
<tbody>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Ширина захвату (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">12</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Потужність трактора, к.с.</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">75-90</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">100-130</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">150-180</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">180-220</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Довжина (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8,2</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Загальна маса (кг)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">2600</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3800</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">4950</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6300</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Продуктивність (г/год)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5-7</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5-10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">7-12</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8-14</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="columns button-table-info is-centered">
<div class="column has-text-centered is-9-fullhd">
<button class="button is-responsive is-rounded is-normal consult">
<span class="icon is-large">
<i class="fas fa-mobile-screen"></i>
</span>
<span class="is-family-inter-regular is-size-7">Отримати консультацію</span>
</button>
</div>
<div class="column is-hidden-desktop is-hidden-mobile is-one-fifth-fullhd is-3-fullhd"></div>
</div>
</div>
<div class="column b-right">
<div class="columns b-right-columns">
<div class="column b-right-left">
<figure class="image is-320x490">
<img src="img/Rectangle4B.png">
</figure>
</div>
<div class="column b-right-right">
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle5s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle3s.png">
</figure>
</div>
</div>
<div class="columns">
<div class="column is-5-fullhd is-offset-1-fullhd">
<figure class="image is-90x125">
<img src="img/Rectangle4s.png">
</figure>
</div>
</div>
</div>
</div>
<div class="columns title-table-info">
<div class="column">
<p class="is-family-play-regular is-size-6">Рубаючий каток</p>
</div>
</div>
<div class="columns table-info">
<div class="column is-9-fullhd">
<table class="table is-bordered is-striped is-fullwidth has-text-centered">
<thead>
<tr>
<th></th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-6М-04</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-9,2М-04</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-10М-04</th>
<th class="is-family-inter-semi-bold is-size-7 is-vcentered has-text-centered">КЗК-12,5М-04</th>
</tr>
</thead>
<tbody>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Ширина захвату (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">12</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Потужність трактора, к.с.</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">75-90</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">100-130</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">150-180</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">180-220</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Довжина (м)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,9</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8,2</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Загальна маса (кг)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">2600</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3800</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">4950</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6300</th>
</tr>
<tr>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-left">Продуктивність (г/год)</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">3,5-7</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">6,5-10</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">7-12</th>
<th class="is-family-inter-regular is-size-7 is-vcentered has-text-centered">8-14</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="columns button-table-info is-centered">
<div class="column has-text-centered is-9-fullhd">
<button class="button is-responsive is-rounded is-normal consult">
<span class="icon is-large">
<i class="fas fa-mobile-screen"></i>
</span>
<span class="is-family-inter-regular is-size-7">Отримати консультацію</span>
</button>
</div>
<div class="column is-hidden-desktop is-hidden-mobile is-3-fullhd"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page4" id="nav-page4">
<div class="columns">
<div class="column">
<div class="section">
<div class="divider is-left">
<p class="title is-family-inter-semi-bold is-size-3">Наша команда допоможе Вам у <br>
підборі та купівлі катка.</p>
</div>
<div class="columns">
<div class="column">
<figure class="image is-250x277">
<img src="img/team.png">
</figure>
</div>
<div class="column">
<div class="content is-family-roboto-medium is-size-5">
Завод – одне з провідних підприємств України з виробництва сільськогосподарської техніки.
Повністю перепрофілювався та спеціалізується на випуску машин, має широкий асортимент техніки:
ґрунтообробної, для переробки сільськогосподарської продукції, транспортних засобів, а також обладнання
для металургійної та гірничодобувної промисловості. Висока надійність і якість продукції, чітка і стабільна
система збуту продукції, мережа дилерів по Україні та на міжнародному ринку.
</div>
</div>
</div>
<div class="columns">
<div class="column is-6 mr-5">
<p class="is-family-roboto-regular is-size-6">Більше двадцяти років <span class="is-family-roboto-bold">виробляємо та відвантажуємо техніку</span> по всьому світу</p>
</div>
<div class="column is-1">
<div class="container">
<figure class="image front-element front-element-desktop-only front-element-fullhd-only is-size-7-fullhd is-50x100">
<img src="img/button-image.png">
</figure>
<a class="button is-responsive is-rounded is-normal consult back-element" rel="noopener noreferrer" href="https://fermash.com" target="_blank">
Перейти на сайт
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page5">
<div class="columns">
<div class="column">
<div class="section">
<div class="divider is-left">
<p class="title">Надамо просту схему вибору та<br> купівлі катка</p>
</div>
<div class="columns">
<div class="column has-text-right">
<figure class="image is-140x173 is-inline-block">
<img src="img/support1.svg">
</figure>
</div>
<div class="column has-text-left">
<p class="is-family-inter-semi-bold is-size-5">Заявка</p>
<p class="is-family-inter-regular is-size-6">
Ви залишаєте заявку <br> по телефону
</p>
<p class="is-family-inter-semi-bold is-size-6">
+38 (097) 937 73 22 <br>
+38 (067) 440 99 04 <br>
+38 (073) 041 03 12 <br>
</p>
</div>
<div class="column has-text-right">
<figure class="image is-140x173 is-inline-block">
<img src="img/support2.svg ">
</figure>
</div>
<div class="column has-text-left">
<p class="is-family-inter-semi-bold is-size-5">Підбір катка</p>
<p class="is-family-inter-regular is-size-6">
<span class="is-family-inter-bold">-З'ясовуємо</span> у вас мету покупки<br> котка;
</p>
<p class="is-family-inter-regular is-size-6">
<span class="is-family-inter-bold">-Пропонуємо</span> варіанти;
</p>
<p class="is-family-inter-regular is-size-6"><span class="is-family-inter-bold">-Рекомендуємо</span> оптимальний<br> варіант катка.</p>
</div>
<div class="column has-text-right">
<figure class="image is-140x173 is-inline-block">
<img src="img/support3.svg">
</figure>
</div>
<div class="column has-text-left">
<p class="is-family-inter-semi-bold is-size-5">
Узгодження
</p>
<p class="is-family-inter-medium is-size-6">
Узгоджуємо ціну<br>
та умови контракту.<br>
-терміни доставки,<br>
-оплати.<br>
</p>
</div>
</div>
<div class="columns">
<div class="column has-text-right">
<figure class="image is-140x173 is-inline-block">
<img src="img/support4.svg">
</figure>
</div>
<div class="column has-text-left">
<p class="is-family-inter-semi-bold is-size-5">Укладення контракту</p>
<p class="is-family-inter-regular is-size-6">
Отримуємо ваші<br>
реквізити укладаємо<br>
та підписуємо<br>
контракт<br>
</p>
</div>
<div class="column has-text-right">
<figure class="image is-140x173 is-inline-block">
<img src="img/support5.svg">
</figure>
</div>
<div class="column has-text-left">
<p class="is-family-inter-semi-bold is-size-5">
Передплата
</p>
<p class="is-family-inter-regular is-size-6">Ви вносите передплату.</p>
<p class="is-family-inter-regular is-size-6">
Сплачуєте доставку зі<br>
складу до вашого<br>
міста.<br>
</p>
</div>
<div class="column has-text-right">
<figure class="image is-140x173 is-inline-block">
<img src="img/support6.svg">
</figure>
</div>
<div class="column">
<p class="is-family-inter-semi-bold is-size-5">
Готовність до <br>відвантаження
</p>
<p class="is-family-inter-regular is-size-6">Повідомлення про <br>готовність товару до<br> відвантаження</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page6" id="nav-page5">
<div class="columns">
<div class="column">
<div class="section">
<div class="divider is-left">
<p class="title is-family-inter-semi-bold is-size-2-fullhd">Заберіть свій каток на складі або доставимо <br>його в будь-яку точку світу.</p>
</div>
<div class="columns is-vcentered">
<div class="column">
<div class="columns is-vcentered">
<div class="column is-4 has-text-right">
<figure class="image is-200x200 is-inline-block">
<img src="img/zavod.png">
</figure>
</div>
<div class="column has-text-left">
<p class="is-family-inter-medium is-size-4">Самовивіз із м. Умань</p>
<p class="is-family-inter-regular is-size-875">Якщо у вас є свої машини чи свої<br> вантажоперевізники</p>
<p class="is-family-inter-semi-bold is-size-6">Адреса складу:</p>
<p class="is-family-inter-regular is-size-6">Україна<br>
Черкаська область<br>
місто Умань<br>
провулок Енергетичний, 3<br></p>
</div>
</div>
</div>
<div class="column">
<div class="columns is-vcentered">
<div class="column is-4 has-text-right">
<figure class="image is-200x200 is-inline-block">
<img src="img/deliveri.png">
</figure>
</div>
<div class="column has-text-left">
<p class="is-family-inter-medium is-size-4">Доставка до клієнта</p><br>
<p class="is-family-inter-medium is-size-875">Ви повідомляєте про необхідність<br>
доставки до Вашого міста ми<br>
включаємо транспортні витрати в<br>
ціну, самі шукаємо та наймаємо<br>
транспорт.<br></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="page7">
<div class="columns">
<div class="column">
<figure class="image">
<img src="img/map.png" >
</figure>
</div>
<div class="column mb-5">
<div class="columns">
<div class="column">
<div class="divider is-left">
<p class="title is-size-3 is-family-roboto-bold">Залишилися питання ?<br> Сміливо дзвоніть !</p>
</div>
<div class="columns">
<div class="column">
<div class="columns">
<div class="column">
<p class="is-size-0_875 is-family-roboto-regular mb-2">
<span class="icon is-s-small online">
<i class="fa fa-circle fa-2xs" aria-hidden="true"></i>
</span>
</span>Кожного дня 8:00 -18:00</p>
<p class="is-size-6 is-family-roboto-medium">+38 (097 ) 937 73 22 <br>
+38 (073) 041 03 12<br>
+38 (067) 440 99 04
</p>
</div>
</div>
<div class="columns is-flex is-vcentered">
<div class="column is-1 has-text-centered">
<figure class="image is-24x24">
<img src="img/alternate-email-rounded.svg">
</figure>
</div>
<div class="column">
<p class="is-family-inter-regular is-size-7">[email protected]</p>
</div>
</div>
</div>
<div class="column">
<div class="columns">
<div class="column has-text-centered">
<p class="is-family-roboto-medium is-size-0_875">Наш офіс</p>
</div>
</div>
<div class="columns">
<div class="column has-text-right">
<figure class="image is-105x125 is-inline-block">
<img src="img/office-l.png">
</figure>
</div>
<div class="column">
<figure class="image is-105x125">
<img src="img/office-r.png">
</figure>
</div>
</div>
</div>
</div>
<div class="columns is-flex is-vcentered">
<div class="column is-0">
<figure class="image is-24x24">
<img src="img/location-on-outline.svg">
</figure>
</div>
<div class="column is-5-fullhd is-6-desktop ml-4">
<p class="is-family-inter-regular is-size-0_875">20301 Україна Черкаська область місто Умань<br> провулок Енергетичний, 3</p>
</div>
</div>
<div class="columns">
<div class="column">
<div class="columns">
<div class="column has-text-centered">
<p class="is-family-roboto-regular is-size-7">
<span class="icon is-s-small online">
<i class="fa fa-circle fa-2xs" aria-hidden="true"></i>
</span>
Задавайте питання онлайн</p>
</div>
</div>
<div class="columns">
<div class="column is-2 is-offset-3">
<figure class="image is-40x40">
<img class="open-viber is-clickable" src="img/Viber_f.svg">
</figure>
</div>
<div class="column is-2">
<figure class="image is-40x40">
<img class="open-whatsapp is-clickable" src="img/WhatsApp_f.svg">
</figure>
</div>
<div class="column is-2">
<figure class="image is-40x40">
<img class="open-telegram is-clickable" src="img/Telegram_f.svg">
</figure>
</div>
</div>
</div>
<div class="column">
<div class="columns">
<div class="column has-text-centered">
<p class="is-family-roboto-regular is-size-7">Приєднуйтесь до нас у соціальних мережах</p>
</div>
</div>
<div class="columns">
<div class="column is-2 is-offset-3">
<figure class="image is-40x40">
<img class="open-instagram is-clickable" src="img/Instagram_f.svg">
</figure>
</div>
<div class="column is-2">
<figure class="image is-40x40">
<img class="open-facebook is-clickable" src="img/Facebook_f.svg">
</figure>
</div>
<div class="column is-2">
<figure class="image is-40x40">
<img class="open-youtube is-clickable" src="img/Youtube_f.svg">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="columns is-vcentered">
<div class="column">
<p class="is-size-1_375 is-family-monofet">УМАНЬФЕРМАШ</p>
</div>
<div class="column">
<p>Виробник<br> сільськогосподарської техніки <br>та обладнання</p>
</div>
<div class="column">
<p>Авторскі права <span class="icon">
<i class="fas fa-copyright"></i>
</span> 2020</p>
<p>
Всі права захищені</p>
</div>
<div class="column">
<p>Вся інформація розміщена на сайті має ознайомлювальний<br> характер і може відрізнятись від дійсності</p>
</div>
</div>
</footer>
<script src="js/lib/bulma-carousel.min.js"></script>
<script src="js/main.js"></script>
<script>
/* bulmaCarousel.attach('#carousel-demo', {
slidesToScroll: 1,
slidesToShow: 1,
initialSlide: 1
});*/
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment