mirror of
https://github.com/shadoll/slavforest.git
synced 2025-10-26 23:18:40 +00:00
934 lines
45 KiB
HTML
934 lines
45 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="uk">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Slav Forest - виготовлення високоякісних пиломатеріалів</title>
|
||
|
||
<link
|
||
href="https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300"
|
||
rel="stylesheet"
|
||
type="text/css"
|
||
/>
|
||
<link
|
||
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic"
|
||
rel="stylesheet"
|
||
type="text/css"
|
||
/>
|
||
<link
|
||
href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css"
|
||
rel="stylesheet"
|
||
/>
|
||
|
||
<!-- Owl Carousel Assets -->
|
||
<link href="css/owl.carousel.css" rel="stylesheet" />
|
||
<link href="css/owl.theme.css" rel="stylesheet" />
|
||
|
||
<!-- Pixeden Icon Font -->
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css"
|
||
/>
|
||
|
||
<!-- Font Awesome -->
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
|
||
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
|
||
crossorigin="anonymous"
|
||
/>
|
||
|
||
<!-- PrettyPhoto -->
|
||
<link href="css/prettyPhoto.css" rel="stylesheet" />
|
||
|
||
<!-- Favicon -->
|
||
<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
|
||
|
||
<!-- Style -->
|
||
<link href="css/style.css" rel="stylesheet" />
|
||
|
||
<link href="css/animate.css" rel="stylesheet" />
|
||
<!-- Responsive CSS -->
|
||
<link href="css/responsive.css" rel="stylesheet" />
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
|
||
<body>
|
||
<div class="spn_hol">
|
||
<div class="logo"><img src="images/logo_w.png" alt="" /></div>
|
||
<div class="spinner">
|
||
<div class="bounce1"></div>
|
||
<div class="bounce2"></div>
|
||
<div class="bounce3"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="header parallax home-parallax page" id="HOME">
|
||
<h2></h2>
|
||
<div class="section_overlay">
|
||
<div class="language">
|
||
українською | <a href="index_en.html">english</a>
|
||
</div>
|
||
<nav
|
||
class="navbar navbar-default navbar-fixed-top"
|
||
role="navigation"
|
||
>
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button
|
||
type="button"
|
||
class="navbar-toggle collapsed"
|
||
data-toggle="collapse"
|
||
data-target="#bs-example-navbar-collapse-1"
|
||
>
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<a class="navbar-brand" href="#">
|
||
<img src="images/logo_w.png" alt="Logo" />
|
||
</a>
|
||
</div>
|
||
<div
|
||
class="collapse navbar-collapse"
|
||
id="bs-example-navbar-collapse-1"
|
||
>
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li><a href="#HOME">Домівка</a></li>
|
||
<li><a href="#ABOUT">Про компанію</a></li>
|
||
<li><a href="#PRODUCTS">Продукція</a></li>
|
||
<li><a href="#LOGISTICS">Логістика</a></li>
|
||
<li><a href="#CERTIFICATES">Сертифікати</a></li>
|
||
<li><a href="#CONTACT">Контакти</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="container home-container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="logo text-center">
|
||
<img src="images/logo_w.png" alt="" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-offset-2 col-sm-8">
|
||
<div class="home_text">
|
||
<h1>
|
||
виготовлення високоякісних пиломатеріалів
|
||
</h1>
|
||
<p></p>
|
||
|
||
<div class="download-btn">
|
||
<!-- <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">Download</a> -->
|
||
<a
|
||
class="tuor btn wow fadeInRight"
|
||
href="#ABOUT"
|
||
>ДЕТАЛЬНІШЕ
|
||
<i class="fa fa-angle-down"></i
|
||
></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-md-offset-1 col-sm-4"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="about page" id="ABOUT">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div class="section_title">
|
||
<h2>Про компанію</h2>
|
||
<p>
|
||
Приватне акціонерне товариство «Слов’янські
|
||
шпалери» з 2016 року має власну дільницю
|
||
деревопереробки під торговою маркою «SLAV
|
||
FOREST».
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="inner_about_area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 about_desc">
|
||
<div
|
||
class="about_image wow fadeInLeft"
|
||
data-wow-duration="1s"
|
||
data-wow-delay=".5s"
|
||
>
|
||
<!-- <img src="images/about1.jpg" alt=""> -->
|
||
<div class="video-container">
|
||
<iframe
|
||
width="560"
|
||
height="315"
|
||
src="https://www.youtube.com/embed/wv_TNGLzF8I?cc_load_policy=1&controls=0&enablejsapi=1&hl=uk&modestbranding=1&playsinline=1&iv_load_policy=3&rel=0&showinfo=0"
|
||
frameborder="0"
|
||
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
|
||
allowfullscreen
|
||
></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="fun_facts parallax">
|
||
<div class="section_overlay">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div
|
||
class="section_title wow fadeIn"
|
||
data-wow-duration="1s"
|
||
>
|
||
<h2>Наші досягнення</h2>
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container wow bounceInLeft" data-wow-duration="1s">
|
||
<div class="row text-center">
|
||
<div class="col-md-4 col-sm-4">
|
||
<div class="single_fun_facts">
|
||
<i class="pe-7s-users"></i>
|
||
<h2>
|
||
<span class="counter_num">350</span>
|
||
<span>+</span>
|
||
</h2>
|
||
<p>Робітників</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-4">
|
||
<div class="single_fun_facts">
|
||
<i class="pe-7s-leaf"></i>
|
||
<h2>
|
||
<span class="counter_num">80 000</span>
|
||
<span>м<sup>3</sup></span>
|
||
</h2>
|
||
<p>заготівля</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-4 col-sm-4">
|
||
<div class="single_fun_facts">
|
||
<i class="pe-7s-refresh-2"></i>
|
||
<h2>
|
||
<span class="counter_num">200 000</span>
|
||
<span>м<sup>3</sup></span>
|
||
</h2>
|
||
<p>переробка</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="PRODUCTS" class="features page">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div
|
||
class="section_title wow fadeIn"
|
||
data-wow-duration="1s"
|
||
>
|
||
<h2>Продукція</h2>
|
||
<p>
|
||
Продукція яку ми пропонуємо та потужності
|
||
виробництва за рік.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feature_inner">
|
||
<div class="row">
|
||
<div
|
||
class="col-md-12 spotlight wow bounceInLeft"
|
||
data-wow-duration="1s"
|
||
>
|
||
<div class="image fit">
|
||
<img src="images/prod1.jpg" alt="" />
|
||
</div>
|
||
<div class="content">
|
||
<h3>Заготівля круглих лісоматеріалів</h3>
|
||
<p>
|
||
<span class="number">до 80 000</span> метрів
|
||
кубічних на рік
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-md-12 spotlight wow bounceInRight"
|
||
data-wow-duration="2s"
|
||
>
|
||
<div class="image fit">
|
||
<img src="images/prod2.jpg" alt="" />
|
||
</div>
|
||
<div class="content">
|
||
<h3>Переробка круглих сортиментів деревини</h3>
|
||
<p>
|
||
<span class="number">до 200 000</span> метрів
|
||
кубічних на рік
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-md-12 spotlight wow bounceInLeft"
|
||
data-wow-duration="3s"
|
||
>
|
||
<div class="image fit">
|
||
<img src="images/prod3.jpg" alt="" />
|
||
</div>
|
||
<div class="content">
|
||
<h3>Виготовлення пиломатеріалів</h3>
|
||
<p>
|
||
<span class="number">до 100 000</span> метрів
|
||
кубічних на рік
|
||
</p>
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-md-12 spotlight wow bounceInRight"
|
||
data-wow-duration="4s"
|
||
>
|
||
<div class="image fit">
|
||
<img src="images/prod4.jpg" alt="" />
|
||
</div>
|
||
<div class="content">
|
||
<h3>
|
||
Виготовлення меблевого щита, меблевого бруска та
|
||
меблевої планки
|
||
</h3>
|
||
<p>
|
||
<span class="number">6 000</span> метрів
|
||
кубічних на рік
|
||
</p>
|
||
<p>
|
||
Меблевий щит - напівфабрикат, що є основою для
|
||
багатьох виробів з дерева. Виготовляється із
|
||
натуральних матеріалів, що забезпечує
|
||
довговічність, високу якість та екологічну
|
||
чистоту виробів. Меблевий щит - універсальне
|
||
рішення для меблів та внутрішнього облаштування.
|
||
Компанія виготовляє меблеві щити з сосни різних
|
||
розмірів та текстури, цільні та зрощені.
|
||
</p>
|
||
<p>
|
||
Цільні меблеві щити виготовляються із деревини
|
||
високої якості, шляхом склеєння ламелей
|
||
спеціальним клеєм. Особливість технології -
|
||
цільні по довжині ламелі, які зрощені тільки по
|
||
ширині до необхідного розміру. Цільні щити
|
||
виглядають дорого та елегантно, тому оптимально
|
||
підходять для виготовлення сходів та меблів.
|
||
</p>
|
||
<p>
|
||
Зрощений щит отримуємо шляхом зрощення ламелей і
|
||
в довжину, і в ширину, що дозволяє збільшити
|
||
розміри готового щита. В основному він
|
||
використовується для виробництва плоских
|
||
поверхонь кухні, меблів, великих за розміром
|
||
деталей сходів, стінових панелей.
|
||
</p>
|
||
<p>
|
||
Виробляємо меблевий щит, меблевий брус та
|
||
меблеву планку різних розмірів під замовлення.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-md-12 spotlight wow bounceInLeft"
|
||
data-wow-duration="3s"
|
||
>
|
||
<div class="image fit">
|
||
<img src="images/prod5.jpg" alt="" />
|
||
</div>
|
||
<div class="content">
|
||
<h3>Виробництво паливної гранули</h3>
|
||
<p>
|
||
<span class="number">до 10 000</span> тонн на
|
||
рік
|
||
</p>
|
||
<p>
|
||
Гранули паливні (Пелети) є 100% натуральними й
|
||
виробляються із відходів продуктів лісової
|
||
промисловості. Пелети виробляються лише з
|
||
необробленої деревини й тому вони не вміщують
|
||
ніяких зв'язуючих елементів.
|
||
</p>
|
||
<p>
|
||
Після сушки і подрібнення стружка хвойних порід
|
||
проходить лише через прес, що дає на виході
|
||
якісний, екологіно чистий продукт.
|
||
</p>
|
||
<p>
|
||
Виробляємо гранули паливні (пелети) розміром 6
|
||
мм, які за бажанням замовника можуть бути
|
||
упаковані в:
|
||
</p>
|
||
<ul>
|
||
<li>«біг-беги» по 1000 кг</li>
|
||
<li>поліетиленові мішки по 15 кг</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="col-md-12 spotlight wow bounceInRight"
|
||
data-wow-duration="4s"
|
||
>
|
||
<div class="image fit">
|
||
<img src="images/prod6.jpg" alt="" />
|
||
</div>
|
||
<div class="content">
|
||
<h3>Виробництво паливного брикету</h3>
|
||
<p><span class="number">3 000</span> тонн на рік</p>
|
||
<p>
|
||
Паливний брикет РУФ - це вид твердого палива.
|
||
Найчастіше такі брикети використовують для
|
||
камінів і котлів як для промислових цілей, так і
|
||
для побутових. Паливний брикет РУФ
|
||
виготовляється з якісної деревини сосни. Головна
|
||
відмінність таких брикетів полягає в їх
|
||
екологічності, економічності та зручності
|
||
використання.
|
||
</p>
|
||
<p>Основні переваги паливних брикетів РУФ:</p>
|
||
<ul>
|
||
<li>Можливість тривалого зберігання</li>
|
||
<li>
|
||
При горінні брикети не виділяють сторонніх
|
||
хімічних запахів, завдяки тому, що при їх
|
||
виробництві не додають ніяких хімічних
|
||
барвників і клеїв
|
||
</li>
|
||
<li>
|
||
Виробляються брикети РУФ без використання
|
||
смол, тому вони не забруднюють димохід і
|
||
дають приємний запах
|
||
</li>
|
||
<li>
|
||
Паливні брикети з тирси виділяють СО<sup
|
||
>2</sup
|
||
>
|
||
в десять разів менше, ніж природний газ і в
|
||
п'ятдесят разів менше, ніж вугілля.
|
||
</li>
|
||
</ul>
|
||
<p>
|
||
Брикет упаковано в пачки по 12 штук в
|
||
термозбіжний пакет, що захищає їх від
|
||
проникнення пилу, бруду і вологи. Вага однієї
|
||
пачки близько 10 кг, загальна вага піддона 1
|
||
тонна.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="apps_screen page" id="LOGISTICS">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div
|
||
class="col-md-10 col-md-offset-1 wow fadeInBig"
|
||
data-wow-duration="1s"
|
||
>
|
||
<div class="section_title">
|
||
<h2>Логістика</h2>
|
||
<p>
|
||
Виконуємо відвантаження автомобільним та
|
||
залізничим транспортом.
|
||
</p>
|
||
<p>
|
||
Здійснюємо навантажування: збоку, ззаду, зверху
|
||
(жд)
|
||
</p>
|
||
|
||
<div class="section_image">
|
||
<img src="images/railroad-car-with-wood.png" />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="screen_slider">
|
||
<div
|
||
id="logist"
|
||
class="wow bounceInRight"
|
||
data-wow-duration="1s"
|
||
>
|
||
<div id="owl-logist-" class="owl-carousel">
|
||
<div class="item">
|
||
<a href="images/logist_01.jpg" rel="logist"
|
||
><img
|
||
src="images/logist_01.jpg"
|
||
width="80"
|
||
height="60"
|
||
alt=""
|
||
/></a>
|
||
</div>
|
||
<div class="item">
|
||
<a href="images/logist_02.jpg" rel="logist"
|
||
><img
|
||
src="images/logist_02.jpg"
|
||
width="80"
|
||
height="60"
|
||
alt=""
|
||
/></a>
|
||
</div>
|
||
<div class="item">
|
||
<a href="images/logist_01.jpg" rel="logist"
|
||
><img
|
||
src="images/logist_01.jpg"
|
||
width="80"
|
||
height="60"
|
||
alt=""
|
||
/></a>
|
||
</div>
|
||
<div class="item">
|
||
<a href="images/logist_02.jpg" rel="logist"
|
||
><img
|
||
src="images/logist_02.jpg"
|
||
width="80"
|
||
height="60"
|
||
alt=""
|
||
/></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="tecnology" id="tecnology">
|
||
<div class="call_to_action">
|
||
<div class="container">
|
||
<div class="row wow fadeInLeftBig" data-wow-duration="1s">
|
||
<div class="col-md-5 col-sm-12">
|
||
<div class="image fit" alt="">
|
||
<img src="./images/dev1.png" alt="" />
|
||
</div>
|
||
</div>
|
||
<div class="col-md-7 col-sm-12">
|
||
<p>
|
||
Заготівлю деревини проводимо заготівельним
|
||
комплексом KOMATSU.
|
||
</p>
|
||
<p>
|
||
Дільниця дерево переробки оснащена багатопильною
|
||
лінією лісопиляння KRAFTER та допоміжними
|
||
стрічковими пилами SERRA.
|
||
</p>
|
||
<p>
|
||
На дільниця виробництва меблевого щита
|
||
використовується обладнання WEING. Виробляється
|
||
ця продукція за останніми високоякісними
|
||
технологіями.
|
||
</p>
|
||
<p>
|
||
На підприємстві розташоване сушильне
|
||
господарство загальною потужністю 1000 кубічних
|
||
метрів фірми PROLAIN.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="cert page" id="CERTIFICATES">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div class="section_title">
|
||
<h2>Сертифікати</h2>
|
||
<p>
|
||
Наше підприємство сертифіковане по системі FSC
|
||
100% стандарту FSC-STD-40-004 v.2.1 та маємо
|
||
сертифікат FC-COC-804521.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="available_store">
|
||
<div
|
||
class="container wow bounceInBottom"
|
||
data-wow-duration="1s"
|
||
>
|
||
<div class="col-md-6 col-md-offset-3">
|
||
<div
|
||
class="cert_screen text-center wow fadeInUp"
|
||
data-wow-duration="1s"
|
||
>
|
||
<a
|
||
href="images/cert_1.png"
|
||
rel="prettyPhoto[cert_gal]"
|
||
class="cert1"
|
||
>
|
||
<img src="images/cert_1.png" alt="" />
|
||
</a>
|
||
<a
|
||
href="images/cert_2.png"
|
||
rel="prettyPhoto[cert_gal]"
|
||
class="cert2"
|
||
>
|
||
<img src="images/cert_2.png" alt="" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="contact page" id="CONTACT">
|
||
<div class="section_overlay">
|
||
<div class="container">
|
||
<div class="col-md-10 col-md-offset-1 wow bounceIn">
|
||
<div class="section_title">
|
||
<h2>Контактна інформація</h2>
|
||
<p>
|
||
<span class="cnt_email"
|
||
><i class="far fa-envelope"></i>
|
||
<a href="mailto:slavforest@gmail.com"
|
||
>slavforest@gmail.com</a
|
||
></span
|
||
>
|
||
<br />
|
||
<span class="cnt_phone"
|
||
><i class="fas fa-phone"></i>
|
||
<a href="tel:+380465734110"
|
||
>+380 4657 34 110</a
|
||
></span
|
||
>
|
||
<br />
|
||
<span class="cnt_phone"
|
||
><i class="fas fa-mobile-alt"></i>
|
||
<a href="tel:+380952858202"
|
||
>+380 95 285 82 02</a
|
||
></span
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!--
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 wow bounceInLeft">
|
||
<div class="social_icons">
|
||
<ul>
|
||
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
|
||
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
|
||
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
<div class="contact_form wow bounceIn">
|
||
<div class="container">
|
||
<div class="form_error text-center">
|
||
<div class="name_error hide error">
|
||
Будь ласка, заповніть ім'я
|
||
</div>
|
||
<div class="email_error hide error">
|
||
Будь ласка, заповніть email
|
||
</div>
|
||
<div class="email_val_error hide error">
|
||
Будь ласка, перевірте email
|
||
</div>
|
||
<div class="message_error hide error">
|
||
Будь ласка, напишить ваше повідомлення
|
||
</div>
|
||
</div>
|
||
<div class="Sucess"></div>
|
||
|
||
<form role="form" action="contactengine.php">
|
||
<div class="row">
|
||
<div class="col-md-4">
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="name"
|
||
placeholder="Ім'я"
|
||
/>
|
||
<input
|
||
type="email"
|
||
class="form-control"
|
||
id="email"
|
||
placeholder="Email"
|
||
/>
|
||
<input
|
||
type="text"
|
||
class="form-control"
|
||
id="subject"
|
||
placeholder="Тема"
|
||
/>
|
||
</div>
|
||
|
||
<div class="col-md-8">
|
||
<textarea
|
||
class="form-control"
|
||
id="message"
|
||
rows="25"
|
||
cols="10"
|
||
placeholder="Зміст повідомлення..."
|
||
></textarea>
|
||
<button
|
||
type="button"
|
||
class="btn btn-default submit-btn form_submit"
|
||
>
|
||
Надіслати повідомлення
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="map">
|
||
<div class="row ">
|
||
<div class="col-md-12"><div id="map"></div></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="copyright">
|
||
<h2></h2>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="copy_right_text">
|
||
<p>Copyright © 2018. Slav Forest</p>
|
||
<p>
|
||
Розробка
|
||
<a href="https://web.shadoll.com/">shadoll</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6">
|
||
<div class="scroll_top">
|
||
<a href="#HOME"><i class="fa fa-angle-up"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
|
||
<script src="js/owl.carousel.js"></script>
|
||
<script src="js/jquery.fitvids.js"></script>
|
||
<script src="js/smoothscroll.js"></script>
|
||
<script src="js/jquery.parallax-1.1.3.js"></script>
|
||
<script src="js/jquery.prettyPhoto.js"></script>
|
||
<script src="js/jquery.ajaxchimp.min.js"></script>
|
||
<script src="js/jquery.ajaxchimp.langs.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.0.3/wow.min.js"></script>
|
||
<script src="js/waypoints.min.js"></script>
|
||
<script src="js/jquery.counterup.min.js"></script>
|
||
<script src="js/script.js"></script>
|
||
|
||
<script
|
||
type="text/javascript"
|
||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"
|
||
></script>
|
||
<script type="text/javascript">
|
||
google.maps.event.addDomListener(window, "load", init);
|
||
function init() {
|
||
var mapOptions = {
|
||
zoom: 13,
|
||
center: new google.maps.LatLng(51.765435, 32.2519384),
|
||
styles: [
|
||
{
|
||
featureType: "all",
|
||
elementType: "labels",
|
||
stylers: [{ visibility: "on" }]
|
||
},
|
||
{
|
||
featureType: "all",
|
||
elementType: "labels.text.fill",
|
||
stylers: [
|
||
{ saturation: 36 },
|
||
{ color: "#000000" },
|
||
{ lightness: 40 }
|
||
]
|
||
},
|
||
{
|
||
featureType: "all",
|
||
elementType: "labels.text.stroke",
|
||
stylers: [
|
||
{ visibility: "on" },
|
||
{ color: "#000000" },
|
||
{ lightness: 16 }
|
||
]
|
||
},
|
||
{
|
||
featureType: "all",
|
||
elementType: "labels.icon",
|
||
stylers: [{ visibility: "off" }]
|
||
},
|
||
{
|
||
featureType: "administrative",
|
||
elementType: "geometry.fill",
|
||
stylers: [{ color: "#000000" }, { lightness: 20 }]
|
||
},
|
||
{
|
||
featureType: "administrative",
|
||
elementType: "geometry.stroke",
|
||
stylers: [
|
||
{ color: "#000000" },
|
||
{ lightness: 17 },
|
||
{ weight: 1.2 }
|
||
]
|
||
},
|
||
{
|
||
featureType: "administrative.country",
|
||
elementType: "labels.text.fill",
|
||
stylers: [{ color: "#e5c163" }]
|
||
},
|
||
{
|
||
featureType: "administrative.locality",
|
||
elementType: "labels.text.fill",
|
||
stylers: [{ color: "#c4c4c4" }]
|
||
},
|
||
{
|
||
featureType: "administrative.neighborhood",
|
||
elementType: "labels.text.fill",
|
||
stylers: [{ color: "#e5c163" }]
|
||
},
|
||
{
|
||
featureType: "landscape",
|
||
elementType: "geometry",
|
||
stylers: [{ color: "#000000" }, { lightness: 20 }]
|
||
},
|
||
{
|
||
featureType: "poi",
|
||
elementType: "geometry",
|
||
stylers: [
|
||
{ color: "#000000" },
|
||
{ lightness: 21 },
|
||
{ visibility: "on" }
|
||
]
|
||
},
|
||
{
|
||
featureType: "poi.business",
|
||
elementType: "geometry",
|
||
stylers: [{ visibility: "on" }]
|
||
},
|
||
{
|
||
featureType: "road.highway",
|
||
elementType: "geometry.fill",
|
||
stylers: [{ color: "#e5c163" }, { lightness: "0" }]
|
||
},
|
||
{
|
||
featureType: "road.highway",
|
||
elementType: "geometry.stroke",
|
||
stylers: [{ visibility: "off" }]
|
||
},
|
||
{
|
||
featureType: "road.highway",
|
||
elementType: "labels.text.fill",
|
||
stylers: [{ color: "#ffffff" }]
|
||
},
|
||
{
|
||
featureType: "road.highway",
|
||
elementType: "labels.text.stroke",
|
||
stylers: [{ color: "#e5c163" }]
|
||
},
|
||
{
|
||
featureType: "road.arterial",
|
||
elementType: "geometry",
|
||
stylers: [{ color: "#000000" }, { lightness: 18 }]
|
||
},
|
||
{
|
||
featureType: "road.arterial",
|
||
elementType: "geometry.fill",
|
||
stylers: [{ color: "#575757" }]
|
||
},
|
||
{
|
||
featureType: "road.arterial",
|
||
elementType: "labels.text.fill",
|
||
stylers: [{ color: "#ffffff" }]
|
||
},
|
||
{
|
||
featureType: "road.arterial",
|
||
elementType: "labels.text.stroke",
|
||
stylers: [{ color: "#2c2c2c" }]
|
||
},
|
||
{
|
||
featureType: "road.local",
|
||
elementType: "geometry",
|
||
stylers: [{ color: "#000000" }, { lightness: 16 }]
|
||
},
|
||
{
|
||
featureType: "road.local",
|
||
elementType: "labels.text.fill",
|
||
stylers: [{ color: "#999999" }]
|
||
},
|
||
{
|
||
featureType: "transit",
|
||
elementType: "geometry",
|
||
stylers: [{ color: "#000000" }, { lightness: 19 }]
|
||
},
|
||
{
|
||
featureType: "water",
|
||
elementType: "geometry",
|
||
stylers: [{ color: "#000000" }, { lightness: 17 }]
|
||
}
|
||
]
|
||
};
|
||
var mapElement = document.getElementById("map");
|
||
var map = new google.maps.Map(mapElement, mapOptions);
|
||
var marker = new google.maps.Marker({
|
||
position: new google.maps.LatLng(51.765435, 32.2519384),
|
||
map: map,
|
||
title: "Slav Forest"
|
||
});
|
||
}
|
||
</script>
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script
|
||
async
|
||
src="https://www.googletagmanager.com/gtag/js?id=UA-125391384-1"
|
||
></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag() {
|
||
dataLayer.push(arguments);
|
||
}
|
||
gtag("js", new Date());
|
||
|
||
gtag("config", "UA-125391384-1");
|
||
</script>
|
||
</body>
|
||
</html>
|