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

dev

Browse Source
This commit is contained in:
sHa
2018-06-23 12:35:31 +03:00
parent 95442e7720
commit 65ddd76b71
7 changed files with 1152 additions and 600 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
.vscode/launch.json vendored Normal file
View File

@@ -0,0 +1,23 @@
{
"version": "0.2.0",
"configurations": [
{
"name": "Listen for XDebug",
"type": "php",
"request": "launch",
"port": 9000,
"pathMappings": {
"/var/html": "/Users/sha/Projects/slavforest.local/html"
},
"log": false
},
{
"name": "Launch currently open script",
"type": "php",
"request": "launch",
"program": "${file}",
"cwd": "${fileDirname}",
"port": 9000
}
]
}

196
contact.php
View File

@@ -1,99 +1,99 @@
<?php <?php
//====================================================================== //======================================================================
// Variables // Variables
//====================================================================== //======================================================================
//E-mail address. Enter your email //E-mail address. Enter your email
define("__TO__", "youremail@domain.com"); define("__TO__", "youremail@domain.com");
//Success message //Success message
define('__SUCCESS_MESSAGE__', "Your message has been sent. We will reply soon. Thank you!"); define('__SUCCESS_MESSAGE__', "Your message has been sent. We will reply soon. Thank you!");
//Error message //Error message
define('__ERROR_MESSAGE__', "Your message hasn't been sent. Please try again."); define('__ERROR_MESSAGE__', "Your message hasn't been sent. Please try again.");
//Messege when one or more fields are empty //Messege when one or more fields are empty
define('__MESSAGE_EMPTY_FIELDS__', "Please fill out all fields"); define('__MESSAGE_EMPTY_FIELDS__', "Please fill out all fields");
//====================================================================== //======================================================================
// Do not change // Do not change
//====================================================================== //======================================================================
//E-mail validation //E-mail validation
function check_email($email){ function check_email($email){
if(!@eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$", $email)){ if(!@eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$", $email)){
return false; return false;
} else { } else {
return true; return true;
} }
} }
//Send mail //Send mail
function send_mail($to,$subject,$message,$headers){ function send_mail($to,$subject,$message,$headers){
if(@mail($to,$subject,$message,$headers)){ if(@mail($to,$subject,$message,$headers)){
echo json_encode(array('info' => 'success', 'msg' => __SUCCESS_MESSAGE__)); echo json_encode(array('info' => 'success', 'msg' => __SUCCESS_MESSAGE__));
} else { } else {
echo json_encode(array('info' => 'error', 'msg' => __ERROR_MESSAGE__)); echo json_encode(array('info' => 'error', 'msg' => __ERROR_MESSAGE__));
} }
} }
//Get data form and send mail //Get data form and send mail
if(isset($_POST['name']) and isset($_POST['mail']) and isset($_POST['messageForm'])){ if(isset($_POST['name']) and isset($_POST['mail']) and isset($_POST['messageForm'])){
$name = $_POST['name']; $name = $_POST['name'];
$mail = $_POST['mail']; $mail = $_POST['mail'];
$subjectForm = $_POST['subjectForm']; $subjectForm = $_POST['subjectForm'];
$messageForm = $_POST['messageForm']; $messageForm = $_POST['messageForm'];
if($name == '') { if($name == '') {
echo json_encode(array('info' => 'error', 'msg' => "Please enter your name.")); echo json_encode(array('info' => 'error', 'msg' => "Please enter your name."));
exit(); exit();
} else if($mail == '' or check_email($mail) == false){ } else if($mail == '' or check_email($mail) == false){
echo json_encode(array('info' => 'error', 'msg' => "Please enter valid e-mail.")); echo json_encode(array('info' => 'error', 'msg' => "Please enter valid e-mail."));
exit(); exit();
} else if($messageForm == ''){ } else if($messageForm == ''){
echo json_encode(array('info' => 'error', 'msg' => "Please enter your message.")); echo json_encode(array('info' => 'error', 'msg' => "Please enter your message."));
exit(); exit();
} else { } else {
$to = __TO__; $to = __TO__;
$subject = $subjectForm . ' ' . $name; $subject = $subjectForm . ' ' . $name;
$message = ' $message = '
<html> <html>
<head> <head>
<title>Mail from '. $name .'</title> <title>Mail from '. $name .'</title>
</head> </head>
<body> <body>
<table style="width: 500px; font-family: arial; font-size: 14px;" border="1"> <table style="width: 500px; font-family: arial; font-size: 14px;" border="1">
<tr style="height: 32px;"> <tr style="height: 32px;">
<th align="right" style="width:150px; padding-right:5px;">Name:</th> <th align="right" style="width:150px; padding-right:5px;">Name:</th>
<td align="left" style="padding-left:5px; line-height: 20px;">'. $name .'</td> <td align="left" style="padding-left:5px; line-height: 20px;">'. $name .'</td>
</tr> </tr>
<tr style="height: 32px;"> <tr style="height: 32px;">
<th align="right" style="width:150px; padding-right:5px;">E-mail:</th> <th align="right" style="width:150px; padding-right:5px;">E-mail:</th>
<td align="left" style="padding-left:5px; line-height: 20px;">'. $mail .'</td> <td align="left" style="padding-left:5px; line-height: 20px;">'. $mail .'</td>
</tr> </tr>
<tr style="height: 32px;"> <tr style="height: 32px;">
<th align="right" style="width:150px; padding-right:5px;">Subject:</th> <th align="right" style="width:150px; padding-right:5px;">Subject:</th>
<td align="left" style="padding-left:5px; line-height: 20px;">'. $subjectForm .'</td> <td align="left" style="padding-left:5px; line-height: 20px;">'. $subjectForm .'</td>
</tr> </tr>
<tr style="height: 32px;"> <tr style="height: 32px;">
<th align="right" style="width:150px; padding-right:5px;">Message:</th> <th align="right" style="width:150px; padding-right:5px;">Message:</th>
<td align="left" style="padding-left:5px; line-height: 20px;">'. $messageForm .'</td> <td align="left" style="padding-left:5px; line-height: 20px;">'. $messageForm .'</td>
</tr> </tr>
</table> </table>
</body> </body>
</html> </html>
'; ';
$headers = 'MIME-Version: 1.0' . "\r\n"; $headers = 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n"; $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
$headers .= 'From: ' . $mail . "\r\n"; $headers .= 'From: ' . $mail . "\r\n";
send_mail($to,$subject,$message,$headers); send_mail($to,$subject,$message,$headers);
} }
} else { } else {
echo json_encode(array('info' => 'error', 'msg' => __MESSAGE_EMPTY_FIELDS__)); echo json_encode(array('info' => 'error', 'msg' => __MESSAGE_EMPTY_FIELDS__));
} }
?> ?>

19
css/style.css
View File

@@ -153,7 +153,7 @@ p {
width: 150px; width: 150px;
} }
.home_text{ .home_text{
text-align: left; text-align: center;
} }
.home-iphone{ .home-iphone{
text-align: right; text-align: right;
@@ -218,7 +218,6 @@ p {
tuor:active, tuor:active,
tuor:visited { tuor:visited {
color: #A9ADB0; color: #A9ADB0;
margin-left: 20px;
text-transform: uppercase; text-transform: uppercase;
font-size: 19px; font-size: 19px;
font-weight: 500; font-weight: 500;
@@ -1202,6 +1201,7 @@ select:-webkit-autofill {
.navbar-default{ .navbar-default{
border-color: transparent; border-color: transparent;
text-transform: uppercase;
} }
.navbar-fixed-top{ .navbar-fixed-top{
@@ -1237,5 +1237,18 @@ select:-webkit-autofill {
.image.fit img { .image.fit img {
width: 100%; width: 100%;
height: auto; /* height: auto; */
object-fit: cover;
} }
.language {
position: absolute;
right: 2rem;
top: 1rem;
color: #fff;
font-weight: 800;
}
.language a{
color: #bbb;
font-weight: 500;
}

BIN
images/Photos_Exif_Editor_2.3_MAS_[TNT].dmg Normal file
View File

Binary file not shown.

993
index.html
View File

@@ -1,499 +1,496 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="uk"> <html lang="uk">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Slav Forest - виготовлення високоякісних пиломатеріалів</title> <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=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://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://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<!-- Owl Carousel Assets --> <!-- Owl Carousel Assets -->
<link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet"> <link href="css/owl.theme.css" rel="stylesheet">
<!-- Pixeden Icon Font --> <!-- 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 --> <!-- 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 --> <!-- PrettyPhoto -->
<link href="css/prettyPhoto.css" rel="stylesheet"> <link href="css/prettyPhoto.css" rel="stylesheet">
<!-- Favicon --> <!-- Favicon -->
<link rel="shortcut icon" type="image/png" href="images/favicon.png" /> <link rel="shortcut icon" type="image/png" href="images/favicon.png" />
<!-- Style --> <!-- 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 --> <!-- 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 --> <!-- 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:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]> <!--[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/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<div class="spn_hol"> <div class="spn_hol">
<div class="logo"> <div class="logo">
<img src="images/logo_w.png" alt=""> <img src="images/logo_w.png" alt="">
</div> </div>
<div class="spinner"> <div class="spinner">
<div class="bounce1"></div> <div class="bounce1"></div>
<div class="bounce2"></div> <div class="bounce2"></div>
<div class="bounce3"></div> <div class="bounce3"></div>
</div> </div>
</div> </div>
<section class="header parallax home-parallax page" id="HOME"> <section class="header parallax home-parallax page" id="HOME">
<h2></h2> <h2></h2>
<div class="section_overlay"> <div class="section_overlay">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="language">українською | <a href='index_en.html'>english</a></div>
<div class="container"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-header"> <div class="container">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <div class="navbar-header">
<span class="sr-only">Toggle navigation</span> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="icon-bar"></span> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> <span class="icon-bar"></span>
<a class="navbar-brand" href="#"> </button>
<img src="images/logo_w.png" alt="Logo"> <a class="navbar-brand" href="#">
</a> <img src="images/logo_w.png" alt="Logo">
</div> </a>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> </div>
<ul class="nav navbar-nav navbar-right"> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<li><a href="#HOME">ДОМІВКА</a></li> <ul class="nav navbar-nav navbar-right">
<li><a href="#ABOUT">ПРО КОМПАНІЮ</a></li> <li><a href="#HOME">Домівка</a></li>
<li><a href="#FEATURES">ПРОДУКЦІЯ</a></li> <li><a href="#ABOUT">Про компанію</a></li>
<li><a href="#SCREENS">ЛОГІСТИКА</a></li> <li><a href="#PRODUCTS">Продукція</a></li>
<li><a href="#DOWNLOAD">СЕРТИФІКАТИ</a></li> <li><a href="#CERTIFICATES">Логістика</a></li>
<li><a href="#CONTACT">КОНТАКТИ</a></li> <li><a href="#DOWNLOAD">Сертифікати</a></li>
</ul> <li><a href="#CONTACT">Контакти</a></li>
</div> </ul>
</div> </div>
</nav> </div>
</nav>
<div class="container home-container">
<div class="row"> <div class="container home-container">
<div class="col-md-12"> <div class="row">
<div class="logo text-center"> <div class="col-md-12">
<img src="images/logo_w.png" alt=""> <div class="logo text-center">
</div> <img src="images/logo_w.png" alt="">
</div> </div>
</div> </div>
<div class="row"> </div>
<div class="col-md-8 col-sm-8"> <div class="row">
<div class="home_text"> <div class="col-md-offset-2 col-sm-8">
<!-- TITLE AND DESC --> <div class="home_text">
<h1>виготовлення високоякісних пиломатеріалів</h1> <h1>виготовлення високоякісних пиломатеріалів</h1>
<p></p> <p></p>
<div class="download-btn"> <div class="download-btn">
<!-- BUTTON --> <!-- <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">Download</a> -->
<!-- <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> </div>
</div> <div class="col-md-3 col-md-offset-1 col-sm-4">
<div class="col-md-3 col-md-offset-1 col-sm-4">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section>
<section class="about page" id="ABOUT">
<section class="about page" id="ABOUT"> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-10 col-md-offset-1">
<div class="col-md-10 col-md-offset-1"> <div class="section_title">
<div class="section_title"> <h2>Про компанію</h2>
<h2>Про компанію</h2> <p>Приватне акціонерне товариство «Слов’янські шпалери» з 2016 року має власну дільницю деревопереробки під торговою маркою «SLAV FOREST».</p>
<p>Приватне акціонерне товариство «Слов’янські шпалери» з 2016 року має власну дільницю деревопереробки під торговою маркою «SLAV-FOREST».</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="inner_about_area">
<div class="inner_about_area"> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-10 col-md-offset-1">
<div class="col-md-10 col-md-offset-1"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div>
</div> <div class="col-md-12 about_desc">
<div class="col-md-12 about_desc"> <div class="about_image wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
<div class="about_image wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s"> <img src="images/about1.jpg" alt="">
<img src="images/about1.jpg" alt=""> </div>
</div>
<div class="inner_about_desc">
<div class="inner_about_desc"> <div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1s">
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1s"> <div><i class="pe-7s-timer"></i></div>
<div><i class="pe-7s-timer"></i></div> <h3>Lorem ipsum dolor sit amet</h3>
<h3>Lorem ipsum dolor sit amet</h3> <p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p>
<p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p> </div>
</div>
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1.5s">
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1.5s"> <div><i class="pe-7s-target"></i></div>
<div><i class="pe-7s-target"></i></div> <h3>Lorem ipsum dolor sit amet</h3>
<h3>Lorem ipsum dolor sit amet</h3> <p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p>
<p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p> </div>
</div>
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="2s">
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="2s"> <div><i class="pe-7s-stopwatch"></i></div>
<div><i class="pe-7s-stopwatch"></i></div> <h3>Lorem ipsum dolor sit amet</h3>
<h3>Lorem ipsum dolor sit amet</h3> <p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p>
<p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section>
<section class="fun_facts parallax">
<section class="fun_facts parallax"> <div class="section_overlay">
<div class="section_overlay"> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-10 col-md-offset-1">
<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>
<h2>Наші досягнення</h2> <p>чим ми пишаемося, щось цікаве або особливе</p>
<p>чим ми пишаемося, щось цікаве або особливе</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="container wow bounceInLeft" data-wow-duration="1s">
<div class="container wow bounceInLeft" data-wow-duration="1s"> <div class="row text-center">
<div class="row text-center"> <div class="col-md-3 col-sm-6">
<div class="col-md-3 col-sm-6"> <div class="single_fun_facts">
<div class="single_fun_facts"> <i class="pe-7s-users"></i>
<i class="pe-7s-users"></i> <h2><span class="counter_num">285</span> <span>+</span></h2>
<h2><span class="counter_num">285</span> <span>+</span></h2> <p>Робітників</p>
<p>Робітинків</p> </div>
</div> </div>
</div> <div class="col-md-3 col-sm-6">
<div class="col-md-3 col-sm-6"> <div class="single_fun_facts">
<div class="single_fun_facts"> <i class="pe-7s-smile"></i>
<i class="pe-7s-smile"></i> <h2><span class="counter_num">999</span></h2>
<h2><span class="counter_num">999</span></h2> <p>Посмішок</p>
<p>Посмішок</p> </div>
</div> </div>
</div> <div class="col-md-3 col-sm-6">
<div class="col-md-3 col-sm-6"> <div class="single_fun_facts">
<div class="single_fun_facts"> <i class="pe-7s-leaf"></i>
<i class="pe-7s-leaf"></i> <h2><span class="counter_num">365</span></h2>
<h2><span class="counter_num">365</span></h2> <p>Екологія</p>
<p>Екологія</p> </div>
</div> </div>
</div> <div class="col-md-3 col-sm-6">
<div class="col-md-3 col-sm-6"> <div class="single_fun_facts">
<div class="single_fun_facts"> <i class="pe-7s-cup"></i>
<i class="pe-7s-cup"></i> <h2><span class="counter_num">10</span> <span>+</span></h2>
<h2><span class="counter_num">10</span> <span>+</span></h2> <p>Нагород</p>
<p>Нагород</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section>
<section id="PRODUCTS" class="features page">
<section id="FEATURES" class="features page"> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-10 col-md-offset-1">
<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>
<h2>Продукція</h2> <p>Потужності виробництва за рік. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</p>
<p>Потужності виробництва за рік. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="feature_inner">
<div class="feature_inner"> <div class="row">
<div class="row"> <div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="1s">
<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="image fit"><img src="images/prod1.jpg" alt=""></div> <div class="content">
<div class="content"> <h3>Заготівля круглих лісоматеріалів</h3>
<h3>Заготівля круглих лісоматеріалів</h3> <p><span class="number">40 000 – 150 000</span> метрів кубічних</p>
<p><span class="number">40 000 – 150 000</span> метрів кубічних</p> <p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</p>
<p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</p> </div>
</div> </div>
</div> <div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="2s">
<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="image fit"><img src="images/prod2.jpg" alt=""></div> <div class="content">
<div class="content"> <h3>Переробка круглих сортиментів деревини</h3>
<h3>Переробка круглих сортиментів деревини</h3> <p><span class="number">72 000 – 500 000</span> метрів кубічних</p>
<p><span class="number">72 000 – 500 000</span> метрів кубічних</p> <p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt</p>
<p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt</p> </div>
</div> </div>
</div> <div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
<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="image fit"><img src="images/prod3.jpg" alt=""></div> <div class="content">
<div class="content"> <h3>Виготовлення пиломатеріалів</h3>
<h3>Виготовлення пиломатеріалів</h3> <p><span class="number">24 000 – 250 000</span> метрів кубічних</p>
<p><span class="number">24 000 – 250 000</span> метрів кубічних</p> <p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</p>
<p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</p> </div>
</div> </div>
</div> <div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
<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="image fit"><img src="images/prod4.jpg" alt=""></div> <div class="content">
<div class="content"> <h3>Виготовлення меблевого щита, меблевого бруска та меблевої планки</h3>
<h3>Виготовлення меблевого щита, меблевого бруска та меблевої планки</h3> <p><span class="number">5 500 – 11 000</span> метрів кубічних на рік</p>
<p><span class="number">5 500 – 11 000</span> метрів кубічних на рік</p> <p>Меблевий щит - напівфабрикат, що є основою для багатьох виробів з дерева. Виготовляється із натуральних матеріалів, що забезпечує довговічність, високу якість та екологічну чистоту виробів. Меблевий щит - універсальне рішення для меблів та внутрішнього облаштування. Компанія виготовляє меблеві щити з сосни різних розмірів та текстури, цільні та зрощені.</p>
<p>Меблевий щит - напівфабрикат, що є основою для багатьох виробів з дерева. Виготовляється із натуральних матеріалів, що забезпечує довговічність, високу якість та екологічну чистоту виробів. Меблевий щит - універсальне рішення для меблів та внутрішнього облаштування. Компанія виготовляє меблеві щити з сосни різних розмірів та текстури, цільні та зрощені.</p> <p>Цільні меблеві щити виготовляються із деревини високої якості, шляхом склеєння ламелей спеціальним клеєм. Особливість технології - цільні по довжині ламелі, які зрощені тільки по ширині до необхідного розміру. Цільні щити виглядають дорого та елегантно, тому оптимально підходять для виготовлення сходів та меблів.</p>
<p>Цільні меблеві щити виготовляються із деревини високої якості, шляхом склеєння ламелей спеціальним клеєм. Особливість технології - цільні по довжині ламелі, які зрощені тільки по ширині до необхідного розміру. Цільні щити виглядають дорого та елегантно, тому оптимально підходять для виготовлення сходів та меблів.</p> <p>Зрощений щит отримуємо шляхом зрощення ламелей і в довжину, і в ширину, що дозволяє збільшити розміри готового щита. В основному він використовується для виробництва плоских поверхонь кухні, меблів, великих за розміром деталей сходів, стінових панелей.</p>
<p>Зрощений щит отримуємо шляхом зрощення ламелей і в довжину, і в ширину, що дозволяє збільшити розміри готового щита. В основному він використовується для виробництва плоских поверхонь кухні, меблів, великих за розміром деталей сходів, стінових панелей.</p> <p>Виробляємо меблевий щит, меблевий брус та меблеву планку різних розмірів під замовлення.</p>
<p>Виробляємо меблевий щит, меблевий брус та меблеву планку різних розмірів під замовлення.</p> </div>
</div> </div>
</div> <div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
<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="image fit"><img src="images/prod5.jpg" alt=""></div> <div class="content">
<div class="content"> <h3>Виробництво паливної гранули</h3>
<h3>Виробництво паливної гранули</h3> <p><span class="number">1 500 – 15 000</span> метрів кубічних на рік</p>
<p><span class="number">1 500 – 15 000</span> метрів кубічних на рік</p> <p>Гранули паливні (Пелети) є 100% натуральними й виробляються із відходів продуктів лісової промисловості. Пелети виробляються лише з необробленої деревини й тому вони не вміщують ніяких зв&#39;язуючих елементів.</p>
<p>Гранули паливні (Пелети) є 100% натуральними й виробляються із відходів продуктів лісової промисловості. Пелети виробляються лише з необробленої деревини й тому вони не вміщують ніяких зв&#39;язуючих елементів.</p> <p>Після сушки і подрібнення стружка хвойних порід проходить лише через прес, що дає на виході якісний, екологіно чистий продукт.</p>
<p>Після сушки і подрібнення стружка хвойних порід проходить лише через прес, що дає на виході якісний, екологіно чистий продукт.</p> <p>Виробляємо гранули паливні (пелети) розміром 6 мм, які за бажанням замовника можуть бути упаковані в:</p>
<p>Виробляємо гранули паливні (пелети) розміром 6 мм, які за бажанням замовника можуть бути упаковані в:</p> <ul>
<ul> <li>«біг-беги» по 1000 кг</li>
<li>«біг-беги» по 1000 кг</li> <li>поліетиленові мішки по 15 кг</li>
<li>поліетиленові мішки по 15 кг</li> </ul>
</ul> </div>
</div> </div>
</div> <div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
<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="image fit"><img src="images/prod6.jpg" alt=""></div> <div class="content">
<div class="content"> <h3>Виробництво паливного брикету</h3>
<h3>Виробництво паливного брикету</h3> <p><span class="number">1 800 – 4 000</span> метрів кубічних на рік</p>
<p><span class="number">1 800 – 4 000</span> метрів кубічних на рік</p> <p>Паливний брикет РУФ - це вид твердого палива. Найчастіше такі брикети використовують для камінів і котлів як для промислових цілей, так і для побутових. Паливний брикет РУФ виготовляється з якісної деревини сосни. Головна відмінність таких брикетів полягає в їх екологічності, економічності та зручності використання.</p>
<p>Паливний брикет РУФ - це вид твердого палива. Найчастіше такі брикети використовують для камінів і котлів як для промислових цілей, так і для побутових. Паливний брикет РУФ виготовляється з якісної деревини сосни. Головна відмінність таких брикетів полягає в їх екологічності, економічності та зручності використання.</p> <p>Основні переваги паливних брикетів РУФ:</p>
<p>Основні переваги паливних брикетів РУФ:</p> <ul>
<ul> <li>Можливість тривалого зберігання</li>
<li>Можливість тривалого зберігання</li> <li>При горінні брикети не виділяють сторонніх хімічних запахів, завдяки тому,
<li>При горінні брикети не виділяють сторонніх хімічних запахів, завдяки тому, що при їх виробництві не додають ніяких хімічних барвників і клеїв</li>
що при їх виробництві не додають ніяких хімічних барвників і клеїв</li> <li>Виробляються брикети РУФ без використання смол, тому вони не
<li>Виробляються брикети РУФ без використання смол, тому вони не забруднюють димохід і дають приємний запах</li>
забруднюють димохід і дають приємний запах</li> <li>Паливні брикети з тирси виділяють СО<sup>2</sup> в десять разів менше, ніж природний
<li>Паливні брикети з тирси виділяють СО<sup>2</sup> в десять разів менше, ніж природний газ і в п&#39;ятдесят разів менше, ніж вугілля</li>
газ і в п&#39;ятдесят разів менше, ніж вугілля</li> </ul>
</ul> <p>Брикет упаковано в пачки по 12 штук в термозбіжний пакет, що захищає їх від проникнення пилу, бруду і вологи. Вага однієї пачки близько 12 кг, загальна вага піддона 1 тонна.</p>
<p>Брикет упаковано в пачки по 12 штук в термозбіжний пакет, що захищає їх від проникнення пилу, бруду і вологи. Вага однієї пачки близько 12 кг, загальна вага піддона 1 тонна.</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section>
<section class="apps_screen page" id="LOGISTICS">
<section class="apps_screen page" id="SCREENS"> <div class="container">
<div class="container"> <div class="row">
<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">
<div class="section_title"> <h2>Логістика</h2>
<h2>Логістика</h2> <p>Відвантаження можемо виконувати як автотранспорт, так і жд. Способи навантажування (збоку, ззаду, верхня (жд)</p>
<p>Відвантаження можемо виконувати як автотранспорт, так і жд. Способи навантажування (збоку, ззаду, верхня (жд)</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="screen_slider">
<div class="screen_slider"> <div id="demo" class="wow bounceInRight" data-wow-duration="1s">
<div id="demo" class="wow bounceInRight" data-wow-duration="1s"> <div id="owl-demo" class="owl-carousel">
<div id="owl-demo" class="owl-carousel">
<div class="item">
<div class="item"> <a href="images/logist_01.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_01.jpg" width="60" height="60" alt=""></a>
<a href="images/logist_01.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_01.jpg" width="60" height="60" alt=""></a> </div>
</div> <div class="item">
<div class="item"> <a href="images/logist_02.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_02.jpg" width="60" height="60" alt=""></a>
<a href="images/logist_02.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_02.jpg" width="60" height="60" alt=""></a> </div>
</div> <div class="item">
<div class="item"> <a href="images/logist_01.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_01.jpg" width="60" height="60" alt=""></a>
<a href="images/logist_01.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_01.jpg" width="60" height="60" alt=""></a> </div>
</div> <div class="item">
<div class="item"> <a href="images/logist_02.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_02.jpg" width="60" height="60" alt=""></a>
<a href="images/logist_02.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_02.jpg" width="60" height="60" alt=""></a> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section>
<section class="tecnology" id="tecnology">
<section class="tecnology" id="tecnology"> <div class="call_to_action">
<div class="call_to_action"> <div class="container">
<div class="container"> <div class="row wow fadeInLeftBig" data-wow-duration="1s">
<div class="row wow fadeInLeftBig" data-wow-duration="1s"> <div class="col-md-5 col-sm-12">
<div class="col-md-5 col-sm-12"> <div class="image fit" alt="">
<div class="image fit" alt=""> <img src="./images/dev1.png" alt="">
<img src="./images/dev1.png" alt=""> </div>
</div> </div>
</div> <div class="col-md-7 col-sm-12">
<div class="col-md-7 col-sm-12"> <p>Заготівлю деревини проводимо заготівельним комплексом KOMATSU.</p>
<p>Заготівлю деревини проводимо заготівельним комплексом KOMATSU.</p> <p>Дільниця дерево переробки оснащена багатопильною лінією лісопиляння KRAFTER та допоміжними стрічковими пилами SERRA.</p>
<p>Дільниця дерево переробки оснащена багатопильною лінією лісопиляння KRAFTER та допоміжними стрічковими пилами SERRA.</p> <p>На дільниця виробництва меблевого щита використовується обладнання WEING. Виробляється ця продукція за останніми високоякісними технологіями.</p>
<p>На дільниця виробництва меблевого щита використовується обладнання WEING. Виробляється ця продукція за останніми високоякісними технологіями.</p> <p>На підприємстві розташоване сушильне господарство загальною потужністю 1000 кубічних метрів фірми PROLAIN.</p>
<p>На підприємстві розташоване сушильне господарство загальною потужністю 1000 кубічних метрів фірми PROLAIN.</p> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section>
<section class="download page" id="CERTIFICATES">
<section class="download page" id="DOWNLOAD"> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-10 col-md-offset-1">
<div class="col-md-10 col-md-offset-1"> <div class="section_title">
<div class="section_title"> <h2>Сертифікати</h2>
<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>
</div> </div>
</div>
<div class="available_store">
<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="col-md-6 col-md-offset-3"> <div class="download_screen text-center wow fadeInUp" data-wow-duration="1s">
<div class="download_screen text-center wow fadeInUp" data-wow-duration="1s"> <img src="images/cert.jpg" alt="">
<img src="images/cert.jpg" alt=""> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </section>
</section>
<section class="contact page" id="CONTACT">
<section class="contact page" id="CONTACT"> <div class="section_overlay">
<div class="section_overlay"> <div class="container">
<div class="container"> <div class="col-md-10 col-md-offset-1 wow bounceIn">
<div class="col-md-10 col-md-offset-1 wow bounceIn"> <div class="section_title">
<div class="section_title"> <h2>Контактна інформація</h2>
<h2>Контактна інформація</h2> <p>
<p> <span class="cnt_email"><i class="far fa-envelope"></i> <a href="mailto:slavforest@gmail.com">slavforest@gmail.com</a></span>
<span class="cnt_email"><i class="far fa-envelope"></i> <a href="mailto:slavforest@gmail.com">slavforest@gmail.com</a></span> <br>
<br> <span class="cnt_phone"><i class="fas fa-phone"></i> <a href="tel:+380465734110">+380 4657 34 110</a></span>
<span class="cnt_phone"><i class="fas fa-phone"></i> <a href="tel:+380465734110">+380 4657 34 110</a></span> <br>
<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_phone"><i class="fas fa-mobile-alt"></i> <a href="tel:+380952858202">+380 95 285 82 02</a></span> </p>
</p> </div>
</div> </div>
</div> </div>
</div>
<div class="container">
<div class="container"> <div class="row">
<div class="row"> <div class="col-md-12 wow bounceInLeft">
<div class="col-md-12 wow bounceInLeft"> <div class="social_icons">
<div class="social_icons"> <ul>
<ul> <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<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-instagram"></i></a></li> <li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li> </ul>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="contact_form wow bounceIn">
<div class="contact_form wow bounceIn"> <div class="container">
<div class="container">
<div class="form_error text-center">
<div class="form_error text-center"> <div class="name_error hide error">Please Enter your name</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_error hide error">Please Enter your Email</div> <div class="email_val_error hide error">Please Enter a Valid Email Address</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="message_error hide error">Please Enter Your Message</div> </div>
</div> <div class="Sucess"></div>
<div class="Sucess"></div>
<form role="form" action="contact.php">
<form role="form" action="contact.php"> <div class="row">
<div class="row"> <div class="col-md-4">
<div class="col-md-4"> <input type="text" class="form-control" id="name" placeholder="Ім'я">
<input type="text" class="form-control" id="name" placeholder="Ім'я"> <input type="email" class="form-control" id="email" placeholder="Email">
<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="subject" placeholder="Тема"> </div>
</div>
<div class="col-md-8">
<div class="col-md-8"> <textarea class="form-control" id="message" rows="25" cols="10" placeholder="Зміст повідомлення..."></textarea>
<textarea class="form-control" id="message" rows="25" cols="10" placeholder="Зміст повідомлення..."></textarea> <button type="button" class="btn btn-default submit-btn form_submit">Надіслати повідомлення</button>
<button type="button" class="btn btn-default submit-btn form_submit">Надіслати повідомлення</button> </div>
</div> </div>
</div> </form>
</form> </div>
</div> </div>
</div> </div>
</section>
</div>
</section> <section class="map">
<!-- END CONTACT --> <div class="row ">
<div class="col-md-12">
<section class="map"> <div id="map"></div>
<div class="row "> </div>
<div class="col-md-12"> </div>
<div id="map"></div> </section>
</div>
</div> <section class="copyright">
</section> <h2></h2>
<div class="container">
<section class="copyright"> <div class="row">
<h2></h2> <div class="col-md-6">
<div class="container"> <div class="copy_right_text">
<div class="row"> <p>Copyright &copy; 2018. Slav Forest</p>
<div class="col-md-6"> <p>Розробка <a href="https://web.shadoll.com/">shadoll</a></p>
<div class="copy_right_text"> </div>
<p>Copyright &copy; 2018. Slav Forest</p> </div>
<p>Розробка <a href="https://web.shadoll.com/">shadoll</a></p>
</div> <div class="col-md-6">
</div> <div class="scroll_top">
<a href="#HOME"><i class="fa fa-angle-up"></i></a>
<div class="col-md-6"> </div>
<div class="scroll_top"> </div>
<a href="#HOME"><i class="fa fa-angle-up"></i></a> </div>
</div> </div>
</div> </section>
</div>
</div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</section> <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="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="js/jquery.fitvids.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script> <script src="js/smoothscroll.js"></script>
<script src="js/owl.carousel.js"></script> <script src="js/jquery.parallax-1.1.3.js"></script>
<script src="js/jquery.fitvids.js"></script> <script src="js/jquery.prettyPhoto.js"></script>
<script src="js/smoothscroll.js"></script> <script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.parallax-1.1.3.js"></script> <script src="js/jquery.ajaxchimp.langs.js"></script>
<script src="js/jquery.prettyPhoto.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.0.3/wow.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script> <script src="js/waypoints.min.js"></script>
<script src="js/jquery.ajaxchimp.langs.js"></script> <script src="js/jquery.counterup.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.0.3/wow.min.js"></script> <script src="js/script.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"></script>
<script src="js/script.js"></script> <script type="text/javascript">
google.maps.event.addDomListener(window, 'load', init);
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"></script> function init() {
<script type="text/javascript"> var mapOptions = {
google.maps.event.addDomListener(window, 'load', init); zoom: 13,
function init() { center: new google.maps.LatLng(51.765435, 32.2519384),
var mapOptions = { 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}]}]
zoom: 13, };
center: new google.maps.LatLng(51.765435, 32.2519384), var mapElement = document.getElementById('map');
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 map = new google.maps.Map(mapElement, mapOptions);
}; var marker = new google.maps.Marker({
var mapElement = document.getElementById('map'); position: new google.maps.LatLng(51.765435, 32.2519384),
var map = new google.maps.Map(mapElement, mapOptions); map: map,
var marker = new google.maps.Marker({ title: 'Slav Forest'
position: new google.maps.LatLng(51.765435, 32.2519384), });
map: map, }
title: 'Slav Forest' </script>
});
} </body>
</script>
</body>
</html> </html>

518
index_en.html Normal file
View File

@@ -0,0 +1,518 @@
<!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">
<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">
<!-- 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.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">
<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">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="#CONTACT">Contacts</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>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>
</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>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>
</div>
</div>
</div>
</div>
<div class="inner_about_area">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</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>
<div class="inner_about_desc">
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1s">
<div><i class="pe-7s-timer"></i></div>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p>
</div>
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="1.5s">
<div><i class="pe-7s-target"></i></div>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p>
</div>
<div class="single_about_area fadeInUp wow" data-wow-duration=".5s" data-wow-delay="2s">
<div><i class="pe-7s-stopwatch"></i></div>
<h3>Lorem ipsum dolor sit amet</h3>
<p>Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit.</p>
</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>Our achievements</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-3 col-sm-6">
<div class="single_fun_facts">
<i class="pe-7s-users"></i>
<h2><span class="counter_num">285</span> <span>+</span></h2>
<p>Workers</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="single_fun_facts">
<i class="pe-7s-smile"></i>
<h2><span class="counter_num">999</span></h2>
<p>Ecology</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="single_fun_facts">
<i class="pe-7s-leaf"></i>
<h2><span class="counter_num">365</span></h2>
<p>Ecology</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="single_fun_facts">
<i class="pe-7s-cup"></i>
<h2><span class="counter_num">10</span> <span>+</span></h2>
<p>Awards</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>Products</h2>
<p>Annual production capacity.</p><p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</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>Round wood harvesting</h3>
<p><span class="number">40 000 – 150 000</span> cbm</p>
<p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</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>Roundwood processing</h3>
<p><span class="number">72 000 – 500 000</span> cbm</p>
<p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt</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>Sawn timber production</h3>
<p><span class="number">24 000 – 250 000</span> cbm</p>
<p>Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt. Lorem ipsum dolor, consectetur sed do adipisicing elit, sed do eiusmod tempor incididunt.</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>Production of furniture panels, solid beams and board for furniture production</h3>
<p><span class="number">5 500 – 11 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.
</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="content">
<h3>Fuel pellets production</h3>
<p><span class="number">1 500 – 15 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>
<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="content">
<h3>Fuel briquettes production</h3>
<p><span class="number">1 800 – 4 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>
<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>
</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. 12 kg,
total weight of a pallet is 1 ton.</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>Logistics</h2>
<p>The goods can be shipped by truck or railway transport.</p>
</div>
</div>
</div>
</div>
<div class="screen_slider">
<div id="demo" class="wow bounceInRight" data-wow-duration="1s">
<div id="owl-demo" class="owl-carousel">
<div class="item">
<a href="images/logist_01.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_01.jpg" width="60" height="60" alt=""></a>
</div>
<div class="item">
<a href="images/logist_02.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_02.jpg" width="60" height="60" alt=""></a>
</div>
<div class="item">
<a href="images/logist_01.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_01.jpg" width="60" height="60" alt=""></a>
</div>
<div class="item">
<a href="images/logist_02.jpg" rel="prettyPhoto[pp_gal]"><img src="images/logist_02.jpg" width="60" 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="download page" id="CERTIFICATES">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="section_title">
<h2>Sertificates</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="download_screen text-center wow fadeInUp" data-wow-duration="1s">
<img src="images/cert.jpg" alt="">
</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>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>
</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">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">
</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>
</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 &copy; 2018. Slav Forest</p>
<p>Devolopment <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>
</body>
</html>

3
slavforest.code-workspace
View File

@@ -3,5 +3,6 @@
{ {
"path": "." "path": "."
} }
] ],
"settings": {}
} }