sha/archived-slavforest
1
0
Fork 0
mirror of https://github.com/shadoll/slavforest.git synced 2025-10-26 23:18:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

video add

Browse Source
This commit is contained in:
sHa
2019-01-16 11:37:53 +02:00
parent d31f50ef19
commit 5dc0a1cc30
3 changed files with 1939 additions and 1111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

140
css/style.css
View File

@@ -27,12 +27,12 @@ URL: http://designscrazed.org/
padding: 0;
}
body {
font-family: 'Raleway', sans-serif;
font-family: "Raleway", sans-serif;
overflow-y: scroll;
overflow-x: hidden;
}
p {
font-family: 'Raleway', sans-serif;
font-family: "Raleway", sans-serif;
font-size: 14px;
}
/*---------------------------------------
@@ -85,7 +85,7 @@ p {
margin: 0px;
}
.navbar {
margin-top: -100px
margin-top: -100px;
}
.navbar-brand {
padding: 9px 15px;
@@ -95,14 +95,14 @@ p {
background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
color: #B5B5B5;
font-family: 'Raleway', sans-serif;
color: #b5b5b5;
font-family: "Raleway", sans-serif;
}
.navbar-default .navbar-nav > li > a:hover {
color: #0a6609;
}
.navbar-default .navbar-nav > li > a:focus {
color: #B5B5B5;
color: #b5b5b5;
}
.navbar-default {
-webkit-transition: all 1s;
@@ -130,7 +130,6 @@ p {
}
}
@media (max-width: 768px) {
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
@@ -145,7 +144,7 @@ p {
background-color: #a9773a;
}
.header .section_overlay {
background-color: rgba(33, 33, 33, .75);
background-color: rgba(33, 33, 33, 0.75);
}
.logo {
padding-bottom: 50px;
@@ -170,7 +169,6 @@ p {
.home_text {
text-align: center;
}
}
.home_text h1 {
color: #fff;
@@ -178,7 +176,7 @@ p {
font-size: 35px;
font-weight: 300;
line-height: 45px;
padding-top: 30px
padding-top: 30px;
}
.home_text p {
color: #fff;
@@ -189,7 +187,7 @@ p {
}
.download-btn {
margin-top: 90px;
margin-bottom: 50px
margin-bottom: 50px;
}
.home-btn,
.home-btn:focus,
@@ -218,7 +216,7 @@ p {
.tuor:focus,
tuor:active,
tuor:visited {
color: #A9ADB0;
color: #a9adb0;
text-transform: uppercase;
font-size: 19px;
font-weight: 500;
@@ -237,8 +235,6 @@ tuor:visited {
color: #fff;
}
/*---------------------------------------
SECTION ABOUT
-----------------------------------------*/
@@ -254,7 +250,7 @@ tuor:visited {
margin-left: 5rem;
}
.about {
background: #F1F1F1;
background: #f1f1f1;
}
.inner_about_area p,
.inner_about_area {
@@ -296,7 +292,7 @@ tuor:visited {
}
.single_about_area div i {
font-size: 55px;
color: #BABABA;
color: #bababa;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
@@ -318,7 +314,7 @@ tuor:visited {
.about_image img {
width: 100%;
margin-right: 20%
margin-right: 20%;
}
/*---------------------------------------
SECTION VIDEO
@@ -401,7 +397,7 @@ tuor:visited {
background-repeat: no-repeat;
}
.testimonial .section_overlay {
background: rgba(0, 0, 0, .6);
background: rgba(0, 0, 0, 0.6);
padding-top: 80px;
padding-bottom: 80px;
}
@@ -417,7 +413,7 @@ div.carousel-inner .item img {
padding-bottom: 70px;
}
.testimonial_caption p {
color: #D8D8D8;
color: #d8d8d8;
font-size: 18px;
line-height: 27px;
padding-top: 50px;
@@ -430,10 +426,10 @@ div.carousel-inner .item img {
margin-top: 25px;
}
.testimonial_caption h4 {
color: #0a6609
color: #0a6609;
}
.testimonial_caption h4 span {
color: #D8D8D8;
color: #d8d8d8;
font-style: italic;
font-weight: 300;
}
@@ -441,7 +437,7 @@ div.carousel-inner .item img {
width: 12px;
height: 12px;
border: 1px solid #0a6609;
margin: 1PX
margin: 1px;
}
.testimonial ol.carousel-indicators li.active {
width: 12px;
@@ -505,7 +501,7 @@ div.carousel-inner .item img {
} */
.spotlight .content {
width: calc(100% - 600px);
max-width: 48em;
max-width: 48em;
padding: 2em 4em 1em 4em;
}
.about_desc {
@@ -555,7 +551,7 @@ div.carousel-inner .item img {
font-weight: 300;
}
.features {
background-color: #f1f1f1
background-color: #f1f1f1;
}
.feature_inner {
background-color: #777163;
@@ -654,7 +650,6 @@ div.carousel-inner .item img {
}
}
/*---------------------------------------
SECTION CALL TO ACTION
-----------------------------------------*/
@@ -685,8 +680,8 @@ div.carousel-inner .item img {
transition: all 1s;
}
.btn-action:hover {
background: #FF6B80;
border-color: #FF6B80;
background: #ff6b80;
border-color: #ff6b80;
}
/*---------------------------------------
@@ -738,35 +733,35 @@ div.carousel-inner .item img {
.fun_facts .section_overlay {
/* padding-top: 120px; */
padding-bottom: 120px;
background: rgba(0, 0, 0, .4);
background: rgba(0, 0, 0, 0.4);
}
.single_fun_facts {
font-family: 'Source Sans Pro', sans-serif;
font-family: "Source Sans Pro", sans-serif;
}
.single_fun_facts i {
color: #ffe400;
font-size: 60px;
}
.single_fun_facts h2 {
color: #D7DADB;
color: #d7dadb;
font-weight: 700;
text-transform: uppercase;
font-size: 35px;
margin-top: 15px;
margin-bottom: 1px;
font-family: 'Source Sans Pro', sans-serif;
font-family: "Source Sans Pro", sans-serif;
}
.single_fun_facts h2 span {
font-weight: 300;
font-family: 'Source Sans Pro', sans-serif;
font-family: "Source Sans Pro", sans-serif;
}
.single_fun_facts p {
color: #D7DADB;
color: #d7dadb;
font-size: 20px;
margin-top: 0px;
font-weight: 300;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
font-family: "Source Sans Pro", sans-serif;
}
/*---------------------------------------
SECTION DOWNLOAD
@@ -782,7 +777,7 @@ div.carousel-inner .item img {
left: 0;
}
.available_store {
background-image: url('../images/fsc.png');
background-image: url("../images/fsc.png");
background-color: #539b00;
margin-top: -8px;
position: relative;
@@ -799,11 +794,11 @@ div.carousel-inner .item img {
font-size: 30px;
}
.available_title p {
color: #B5B5B5;
color: #b5b5b5;
}
.single_store {
text-align: center;
border-left: 1px solid #0F1217;
border-left: 1px solid #0f1217;
min-height: 230px;
padding-bottom: 15px;
position: relative;
@@ -853,7 +848,7 @@ div.carousel-inner .item img {
padding-right: 0px;
}
.last {
border-right: 1px solid #0F1217;
border-right: 1px solid #0f1217;
}
/*---------------------------------------
SECTION CONTACT
@@ -881,19 +876,19 @@ div.carousel-inner .item img {
background-image: none;
border-radius: 3px;
margin-bottom: 15px;
opacity: .8;
opacity: 0.8;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
outline: 0px !important;
}
.contact_form .form-control:focus {
border: 1px solid #0a6609;
border-color: #0a6609;
outline: 0px none;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset,
0px 0px 0px rgba(102, 175, 233, 0.6);
}
.contact_form .form-control:-webkit-input-placeholder {
color: red;
@@ -942,7 +937,7 @@ div.carousel-inner .item img {
.social_icons ul li {
list-style: none;
display: inline;
padding-left: 10px
padding-left: 10px;
}
.social_icons ul li a {
text-decoration: none;
@@ -965,20 +960,20 @@ div.carousel-inner .item img {
.social_icons ul li a:hover {
background: #0a6609;
border: 1px solid #0a6609;
color: #fff
color: #fff;
}
.error {
color: #0a6609;
display: block;
padding-bottom: 15px;
font-size: 18px
font-size: 18px;
}
.error i {
padding-right: 10px;
font-size: 18px
font-size: 18px;
}
.Sucess {
color: #4DB849;
color: #4db849;
display: block;
padding-bottom: 15px;
font-size: 18px;
@@ -987,7 +982,7 @@ div.carousel-inner .item img {
.Sucess i {
padding-right: 10px;
font-size: 18px;
color: #4DB849
color: #4db849;
}
.contact_form .form-control {
color: #3d3d3d;
@@ -1008,7 +1003,7 @@ div.carousel-inner .item img {
}
.subscribe .section_overlay {
padding-bottom: 70px;
background: transparent
background: transparent;
}
.subscribe .section_title h2 {
color: #eaeaea;
@@ -1067,7 +1062,7 @@ div.carousel-inner .item img {
}
@media (min-width: 300px) {
.subscribe_form .form-control {
width: 100%
width: 100%;
}
}
.subscription-success {
@@ -1085,7 +1080,7 @@ div.carousel-inner .item img {
-----------------------------------------*/
.copyright {
background-color: #1A1D22;
background-color: #1a1d22;
padding-bottom: 65px;
padding-top: 65px;
border-bottom: 3px solid #0a6609;
@@ -1098,7 +1093,7 @@ div.carousel-inner .item img {
width: 60%;
}
.copy_right_text p {
color: #8C8B8A;
color: #8c8b8a;
font-weight: 600;
text-transform: uppercase;
font-size: 15px;
@@ -1182,21 +1177,25 @@ select:-webkit-autofill {
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0.0)
0%,
80%,
100% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1.0)
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
0%,
80%,
100% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
transform: scale(1);
-webkit-transform: scale(1);
}
}
@@ -1206,7 +1205,8 @@ select:-webkit-autofill {
}
.navbar-fixed-top {
margin-top: -100px; opacity: 0;
margin-top: -100px;
opacity: 0;
}
.navbar-default .navbar-toggle {
border-color: transparent;
@@ -1261,5 +1261,23 @@ select:-webkit-autofill {
.section_image {
width: 100%;
display: flex;
justify-content: center
justify-content: center;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

696
index.html
View File

@@ -1,40 +1,56 @@
<!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">
<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">
<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">
<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">
<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">
<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">
<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/style.css" rel="stylesheet" />
<link href="css/animate.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet" />
<!-- Responsive CSS -->
<link href="css/responsive.css" rel="stylesheet">
<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]>
@@ -45,9 +61,7 @@
<body>
<div class="spn_hol">
<div class="logo">
<img src="images/logo_w.png" alt="">
</div>
<div class="logo"><img src="images/logo_w.png" alt="" /></div>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
@@ -58,21 +72,34 @@
<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="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">
<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">
<img src="images/logo_w.png" alt="Logo" />
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<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>
@@ -89,25 +116,30 @@
<div class="row">
<div class="col-md-12">
<div class="logo text-center">
<img src="images/logo_w.png" alt="">
<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>
<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>
<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 class="col-md-3 col-md-offset-1 col-sm-4"></div>
</div>
</div>
</div>
@@ -119,8 +151,12 @@
<div class="col-md-10 col-md-offset-1">
<div class="section_title">
<h2>Про компанію</h2>
<p>Приватне акціонерне товариство «Слов’янські шпалери» з 2016 року має власну дільницю деревопереробки під
торговою маркою «SLAV FOREST».</p>
<p>
Приватне акціонерне товариство «Слов’янські
шпалери» з 2016 року має власну дільницю
деревопереробки під торговою маркою «SLAV
FOREST».
</p>
</div>
</div>
</div>
@@ -129,12 +165,23 @@
<div class="inner_about_area">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<p></p>
</div>
<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="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>
@@ -147,7 +194,10 @@
<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">
<div
class="section_title wow fadeIn"
data-wow-duration="1s"
>
<h2>Наші досягнення</h2>
<p></p>
</div>
@@ -159,21 +209,30 @@
<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>
<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>
<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>
<h2>
<span class="counter_num">200 000</span>
<span>м<sup>3</sup></span>
</h2>
<p>переробка</p>
</div>
</div>
@@ -182,14 +241,19 @@
</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">
<div
class="section_title wow fadeIn"
data-wow-duration="1s"
>
<h2>Продукція</h2>
<p>Продукція яку ми пропонуємо та потужності виробництва за рік.</p>
<p>
Продукція яку ми пропонуємо та потужності
виробництва за рік.
</p>
</div>
</div>
</div>
@@ -197,76 +261,186 @@
<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="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>
<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="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>
<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="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>
<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="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>
<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="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% натуральними й виробляються із відходів продуктів лісової промисловості.
Пелети виробляються лише з необробленої деревини й тому вони не вміщують ніяких зв&#39;язуючих елементів.</p>
<p>Після сушки і подрібнення стружка хвойних порід проходить лише через прес, що дає на виході якісний, екологіно
чистий продукт.</p>
<p>Виробляємо гранули паливні (пелети) розміром 6 мм, які за бажанням замовника можуть бути упаковані в:</p>
<p>
<span class="number">до 10 000</span> тонн на
рік
</p>
<p>
Гранули паливні (Пелети) є 100% натуральними й
виробляються із відходів продуктів лісової
промисловості. Пелети виробляються лише з
необробленої деревини й тому вони не вміщують
ніяких зв&#39;язуючих елементів.
</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="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>
<p>Основні переваги паливних брикетів РУФ:</p>
<ul>
<li>Можливість тривалого зберігання</li>
<li>При горінні брикети не виділяють сторонніх хімічних запахів, завдяки тому, що при їх виробництві не додають ніяких хімічних барвників і клеїв</li>
<li>Виробляються брикети РУФ без використання смол, тому вони не забруднюють димохід і дають приємний запах</li>
<li>Паливні брикети з тирси виділяють СО<sup>2</sup> в десять разів менше, ніж природний газ і в п&#39;ятдесят разів менше, ніж вугілля.</li>
<li>
При горінні брикети не виділяють сторонніх
хімічних запахів, завдяки тому, що при їх
виробництві не додають ніяких хімічних
барвників і клеїв
</li>
<li>
Виробляються брикети РУФ без використання
смол, тому вони не забруднюють димохід і
дають приємний запах
</li>
<li>
Паливні брикети з тирси виділяють СО<sup
>2</sup
>
в десять разів менше, ніж природний газ і в
п&#39;ятдесят разів менше, ніж вугілля.
</li>
</ul>
<p>Брикет упаковано в пачки по 12 штук в термозбіжний пакет, що захищає їх від проникнення пилу, бруду і вологи. Вага однієї пачки близько 10 кг, загальна вага піддона 1 тонна.</p>
<p>
Брикет упаковано в пачки по 12 штук в
термозбіжний пакет, що захищає їх від
проникнення пилу, бруду і вологи. Вага однієї
пачки близько 10 кг, загальна вага піддона 1
тонна.
</p>
</div>
</div>
</div>
@@ -276,14 +450,23 @@
<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="col-md-10 col-md-offset-1 wow fadeInBig"
data-wow-duration="1s"
>
<div class="section_title">
<h2>Логістика</h2>
<p>Виконуємо відвантаження автомобільним та залізничим транспортом.</p>
<p>Здійснюємо навантажування: збоку, ззаду, зверху (жд)</p>
<p>
Виконуємо відвантаження автомобільним та
залізничим транспортом.
</p>
<p>
Здійснюємо навантажування: збоку, ззаду, зверху
(жд)
</p>
<div class="section_image">
<img src="images/railroad-car-with-wood.png">
<img src="images/railroad-car-with-wood.png" />
</div>
</div>
</div>
@@ -291,20 +474,47 @@
</div>
<div class="screen_slider">
<div id="logist" class="wow bounceInRight" data-wow-duration="1s">
<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>
<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>
<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>
<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>
<a href="images/logist_02.jpg" rel="logist"
><img
src="images/logist_02.jpg"
width="80"
height="60"
alt=""
/></a>
</div>
</div>
</div>
@@ -317,16 +527,30 @@
<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="">
<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>
<p>
Заготівлю деревини проводимо заготівельним
комплексом KOMATSU.
</p>
<p>
Дільниця дерево переробки оснащена багатопильною
лінією лісопиляння KRAFTER та допоміжними
стрічковими пилами SERRA.
</p>
<p>
На дільниця виробництва меблевого щита
використовується обладнання WEING. Виробляється
ця продукція за останніми високоякісними
технологіями.
</p>
<p>
На підприємстві розташоване сушильне
господарство загальною потужністю 1000 кубічних
метрів фірми PROLAIN.
</p>
</div>
</div>
</div>
@@ -339,18 +563,27 @@
<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>
<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="container wow bounceInBottom"
data-wow-duration="1s"
>
<div class="col-md-6 col-md-offset-3">
<div class="download_screen text-center wow fadeInUp" data-wow-duration="1s">
<img src="images/cert.jpg" alt="">
<div
class="download_screen text-center wow fadeInUp"
data-wow-duration="1s"
>
<img src="images/cert.jpg" alt="" />
</div>
</div>
</div>
@@ -364,11 +597,26 @@
<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>
<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>
@@ -392,26 +640,59 @@
<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 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="Тема">
<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>
<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>
@@ -422,9 +703,7 @@
<section class="map">
<div class="row ">
<div class="col-md-12">
<div id="map"></div>
</div>
<div class="col-md-12"><div id="map"></div></div>
</div>
</section>
@@ -435,7 +714,10 @@
<div class="col-md-6">
<div class="copy_right_text">
<p>Copyright &copy; 2018. Slav Forest</p>
<p>Розробка <a href="https://web.shadoll.com/">shadoll</a></p>
<p>
Розробка
<a href="https://web.shadoll.com/">shadoll</a>
</p>
</div>
</div>
@@ -462,33 +744,177 @@
<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"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"
></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', init);
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 }] }]
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 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'
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
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());
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag('config', 'UA-125391384-1');
gtag("config", "UA-125391384-1");
</script>
</body>
</html>

668
index_en.html
View File

@@ -1,40 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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 - Production of High-Quality Timber Products</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">
<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">
<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">
<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">
<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">
<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/style.css" rel="stylesheet" />
<link href="css/animate.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet" />
<!-- Responsive CSS -->
<link href="css/responsive.css" rel="stylesheet">
<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]>
@@ -45,9 +61,7 @@
<body>
<div class="spn_hol">
<div class="logo">
<img src="images/logo_w.png" alt="">
</div>
<div class="logo"><img src="images/logo_w.png" alt="" /></div>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
@@ -58,27 +72,42 @@
<section class="header parallax home-parallax page" id="HOME">
<h2></h2>
<div class="section_overlay">
<div class="language"><a href='index.html'>українською</a> | english</div>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="language">
<a href="index.html">українською</a> | english
</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">
<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">
<img src="images/logo_w.png" alt="Logo" />
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div
class="collapse navbar-collapse"
id="bs-example-navbar-collapse-1"
>
<ul class="nav navbar-nav navbar-right">
<li><a href="#HOME">Home</a></li>
<li><a href="#ABOUT">About Us</a></li>
<li><a href="#PRODUCTS">Products</a></li>
<li><a href="#LOGISTICS">Logistics</a></li>
<li><a href="#CERTIFICATES">Certificates</a></li>
<li>
<a href="#CERTIFICATES">Certificates</a>
</li>
<li><a href="#CONTACT">Contacts</a></li>
</ul>
</div>
@@ -89,25 +118,30 @@
<div class="row">
<div class="col-md-12">
<div class="logo text-center">
<img src="images/logo_w.png" alt="">
<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>Production of High-Quality Timber Products</h1>
<h1>
Production of High-Quality Timber Products
</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> More <i class="fa fa-angle-down"></i></a>
<a
class="tuor btn wow fadeInRight"
href="#ABOUT"
><i class="fa fa-angle-down"></i> More
<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 class="col-md-3 col-md-offset-1 col-sm-4"></div>
</div>
</div>
</div>
@@ -119,8 +153,12 @@
<div class="col-md-10 col-md-offset-1">
<div class="section_title">
<h2>About Us</h2>
<p>Since 2016 Private Joint-Stock Company “Slovyanski Shpalery – KFTP” has an own woodworking division, producing
its goods under the trade mark SLAV FOREST.</p>
<p>
Since 2016 Private Joint-Stock Company
“Slovyanski Shpalery – KFTP” has an own
woodworking division, producing its goods under
the trade mark SLAV FOREST.
</p>
</div>
</div>
</div>
@@ -129,12 +167,23 @@
<div class="inner_about_area">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<p></p>
</div>
<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="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/B7yXW0_-Rgw?cc_load_policy=1&controls=0&enablejsapi=1&hl=en&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>
@@ -147,7 +196,10 @@
<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">
<div
class="section_title wow fadeIn"
data-wow-duration="1s"
>
<h2>Our achievements</h2>
<p></p>
</div>
@@ -159,21 +211,30 @@
<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>
<h2>
<span class="counter_num">350</span>
<span>+</span>
</h2>
<p>Workers</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>
<h2>
<span class="counter_num">80 000</span>
<span>м<sup>3</sup></span>
</h2>
<p>Harvesting</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>
<h2>
<span class="counter_num">200 000</span>
<span>м<sup>3</sup></span>
</h2>
<p>Processing</p>
</div>
</div>
@@ -182,12 +243,14 @@
</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">
<div
class="section_title wow fadeIn"
data-wow-duration="1s"
>
<h2>Products</h2>
<p>Annual production capacity.</p>
</div>
@@ -197,96 +260,173 @@
<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="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>Round wood harvesting</h3>
<p><span class="number">up to 80 000</span> cbm</p>
<p></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="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>Roundwood processing</h3>
<p><span class="number">up to 200 000</span> cbm</p>
<p></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="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>Sawn timber production</h3>
<p><span class="number">up to 100 000</span> tons</p>
<p>
<span class="number">up to 100 000</span> tons
</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="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>Production of furniture panels, solid beams and board for furniture production</h3>
<h3>
Production of furniture panels, solid beams and
board for furniture production
</h3>
<p><span class="number">up to 6 000</span> cbm</p>
<p>Furniture panel is a semiproduct, which can be used as a base for many
wooden articles. As it is made of natural materials, all items made of it are durable,
environmentally friendly and of a very high quality. Furniture panels are a universal
solution for furniture and interior. Our company produces both solid and finger
jointed pine furniture panels of different size and with different surface texture.</p>
<p>
Solid furniture panels are manufactured of high quality timber by lamella edge
gluing with specific glue. A characteristic feature of the manufacturing process is that
solid long lamellas are jointed only on edges to get a panel of necessary width. Solid
panels look expensive and stylish, being a perfect option for stairs and furniture
manufacture.</p>
<p>
Finger jointed panels are produced by jointing lamellas both on edges and on
ends, which allows us to get large size panels. Such panels are mainly used for flat
surfaces of kitchens, furniture, large stair components, wall panels.
Furniture panel is a semiproduct, which can be
used as a base for many wooden articles. As it
is made of natural materials, all items made of
it are durable, environmentally friendly and of
a very high quality. Furniture panels are a
universal solution for furniture and interior.
Our company produces both solid and finger
jointed pine furniture panels of different size
and with different surface texture.
</p>
<p>
Furniture panels, different size beam and board for furniture production can be
manufactured upon request.</p>
Solid furniture panels are manufactured of high
quality timber by lamella edge gluing with
specific glue. A characteristic feature of the
manufacturing process is that solid long
lamellas are jointed only on edges to get a
panel of necessary width. Solid panels look
expensive and stylish, being a perfect option
for stairs and furniture manufacture.
</p>
<p>
Finger jointed panels are produced by jointing
lamellas both on edges and on ends, which allows
us to get large size panels. Such panels are
mainly used for flat surfaces of kitchens,
furniture, large stair components, wall panels.
</p>
<p>
Furniture panels, different size beam and board
for furniture production can be manufactured
upon request.
</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="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>Fuel pellets production</h3>
<p><span class="number">up to 10 000</span> cbm</p>
<p>Fuel pellets are 100% genuine and are produced of wood processing residues.
We produce pellets only of unprocessed timber, so they do not contain any binding
agents. After drying and grinding softwood chips pass only through a press, resulting
in a high quality environmentally friendly product.</p>
<p>At the moment we produce 6 mm fuel pellets which can be packed at customer’s option:</p>
<p>
Fuel pellets are 100% genuine and are produced
of wood processing residues. We produce pellets
only of unprocessed timber, so they do not
contain any binding agents. After drying and
grinding softwood chips pass only through a
press, resulting in a high quality
environmentally friendly product.
</p>
<p>
At the moment we produce 6 mm fuel pellets which
can be packed at customer’s option:
</p>
<ul>
<li>in 1000 kg bulk bags;</li>
<li>in 15 kg polyethylene bags.</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="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>Fuel briquettes production</h3>
<p><span class="number">3 000</span> cbm</p>
<p>RUF fuel briquette is a type of solid fuel. Such briquettes are most commonly
used for industrial and domestic heaters and boilers. RUF fuel briquettes are made of
high quality pine. The key difference of such briquettes lies in their ecological
properties, economical efficiency and comfort in use.</p>
<p>
Primary benefits of RUF fuel briquettes:</p>
RUF fuel briquette is a type of solid fuel. Such
briquettes are most commonly used for industrial
and domestic heaters and boilers. RUF fuel
briquettes are made of high quality pine. The
key difference of such briquettes lies in their
ecological properties, economical efficiency and
comfort in use.
</p>
<p>Primary benefits of RUF fuel briquettes:</p>
<ul>
<li>briquettes have an extended storage period;</li>
<li>when burning, briquettes evolve no foreign chemical smells, as no chemical
colorants and glues are used during briquettes production;</li>
<li>no resins are used in RUF briquettes production, that’s why they do not contaminate
chimneys and have a pleasant odour;</li>
<li>wood fuel briquettes produce ten times less СО2 compared to natural gas and fifty
times less CO2 compared to coal.</li>
<li>
briquettes have an extended storage period;
</li>
<li>
when burning, briquettes evolve no foreign
chemical smells, as no chemical colorants
and glues are used during briquettes
production;
</li>
<li>
no resins are used in RUF briquettes
production, that’s why they do not
contaminate chimneys and have a pleasant
odour;
</li>
<li>
wood fuel briquettes produce ten times less
СО2 compared to natural gas and fifty times
less CO2 compared to coal.
</li>
</ul>
<p>
Our briquettes are packed into shrinkbags in sets of 12 pcs., which provides
protection against dust, dirt and moisture. The weight of each bag is approx 10 kg,
total weight of a pallet is 1 ton.</p>
Our briquettes are packed into shrinkbags in
sets of 12 pcs., which provides protection
against dust, dirt and moisture. The weight of
each bag is approx 10 kg, total weight of a
pallet is 1 ton.
</p>
</div>
</div>
</div>
@@ -296,12 +436,18 @@
<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="col-md-10 col-md-offset-1 wow fadeInBig"
data-wow-duration="1s"
>
<div class="section_title">
<h2>Logistics</h2>
<p>The goods can be shipped by truck or railway transport.</p>
<p>
The goods can be shipped by truck or railway
transport.
</p>
<div class="section_image">
<img src="images/railroad-car-with-wood.png">
<img src="images/railroad-car-with-wood.png" />
</div>
</div>
</div>
@@ -309,20 +455,47 @@
</div>
<div class="screen_slider">
<div id="logist" class="wow bounceInRight" data-wow-duration="1s">
<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>
<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>
<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>
<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>
<a href="images/logist_02.jpg" rel="logist"
><img
src="images/logist_02.jpg"
width="80"
height="60"
alt=""
/></a>
</div>
</div>
</div>
@@ -335,13 +508,22 @@
<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="">
<img src="./images/dev1.png" alt="" />
</div>
</div>
<div class="col-md-7 col-sm-12">
<p>The wood processing plant is equipped with a MS multiply saw and auxillary SERRA band-saws.</p>
<p>The plant also has a PROLIANT drying unit gross production capacity of 1350 cubic meters.</p>
<p>The furniture board production unit uses WEINIG equipment.</p>
<p>
The wood processing plant is equipped with a MS
multiply saw and auxillary SERRA band-saws.
</p>
<p>
The plant also has a PROLIANT drying unit gross
production capacity of 1350 cubic meters.
</p>
<p>
The furniture board production unit uses WEINIG
equipment.
</p>
</div>
</div>
</div>
@@ -354,18 +536,27 @@
<div class="col-md-10 col-md-offset-1">
<div class="section_title">
<h2>Sertificates</h2>
<p>The company was certified according to FSC 100% standard FSC-STD-40-004 v.2.1 and holds certificate no.
FC-COC-804521.</p>
<p>
The company was certified according to FSC 100%
standard FSC-STD-40-004 v.2.1 and holds
certificate no. FC-COC-804521.
</p>
</div>
</div>
</div>
</div>
<div class="available_store">
<div class="container wow bounceInBottom" data-wow-duration="1s">
<div
class="container wow bounceInBottom"
data-wow-duration="1s"
>
<div class="col-md-6 col-md-offset-3">
<div class="download_screen text-center wow fadeInUp" data-wow-duration="1s">
<img src="images/cert.jpg" alt="">
<div
class="download_screen text-center wow fadeInUp"
data-wow-duration="1s"
>
<img src="images/cert.jpg" alt="" />
</div>
</div>
</div>
@@ -379,11 +570,26 @@
<div class="section_title">
<h2>Contacts</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>
<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>
@@ -407,26 +613,59 @@
<div class="contact_form wow bounceIn">
<div class="container">
<div class="form_error text-center">
<div class="name_error hide error">Please Enter your name</div>
<div class="email_error hide error">Please Enter your Email</div>
<div class="email_val_error hide error">Please Enter a Valid Email Address</div>
<div class="message_error hide error">Please Enter Your Message</div>
<div class="name_error hide error">
Please Enter your name
</div>
<div class="email_error hide error">
Please Enter your Email
</div>
<div class="email_val_error hide error">
Please Enter a Valid Email Address
</div>
<div class="message_error hide error">
Please Enter Your Message
</div>
</div>
<div class="Sucess"></div>
<form role="form" action="contact.php">
<div class="row">
<div class="col-md-4">
<input type="text" class="form-control" id="name" placeholder="Name">
<input type="email" class="form-control" id="email" placeholder="Email">
<input type="text" class="form-control" id="subject" placeholder="Subject">
<input
type="text"
class="form-control"
id="name"
placeholder="Name"
/>
<input
type="email"
class="form-control"
id="email"
placeholder="Email"
/>
<input
type="text"
class="form-control"
id="subject"
placeholder="Subject"
/>
</div>
<div class="col-md-8">
<textarea class="form-control" id="message" rows="25" cols="10" placeholder="Message content..."></textarea>
<button type="button" class="btn btn-default submit-btn form_submit">Send message</button>
<textarea
class="form-control"
id="message"
rows="25"
cols="10"
placeholder="Message content..."
></textarea>
<button
type="button"
class="btn btn-default submit-btn form_submit"
>
Send message
</button>
</div>
</div>
</form>
@@ -437,9 +676,7 @@
<section class="map">
<div class="row ">
<div class="col-md-12">
<div id="map"></div>
</div>
<div class="col-md-12"><div id="map"></div></div>
</div>
</section>
@@ -450,7 +687,10 @@
<div class="col-md-6">
<div class="copy_right_text">
<p>Copyright &copy; 2018. Slav Forest</p>
<p>Devolopment <a href="https://web.shadoll.com/">shadoll</a></p>
<p>
Devolopment
<a href="https://web.shadoll.com/">shadoll</a>
</p>
</div>
</div>
@@ -477,33 +717,177 @@
<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&language=en"></script>
<script
type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs&language=en"
></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', init);
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 }] }]
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 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'
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
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());
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag('config', 'UA-125391384-1');
gtag("config", "UA-125391384-1");
</script>
</body>
</html>