mirror of
https://github.com/shadoll/slavforest.git
synced 2025-10-26 23:18:40 +00:00
494 lines
26 KiB
HTML
494 lines
26 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="uk">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Slav Forest - виготовлення високоякісних пиломатеріалів</title>
|
||
|
||
<link href='https://fonts.googleapis.com/css?family=Raleway:500,600,700,800,900,400,300' rel='stylesheet' type='text/css'>
|
||
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900,300italic,400italic' rel='stylesheet' type='text/css'>
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
|
||
|
||
<!-- Owl Carousel Assets -->
|
||
<link href="css/owl.carousel.css" rel="stylesheet">
|
||
<link href="css/owl.theme.css" rel="stylesheet">
|
||
|
||
<!-- Pixeden Icon Font -->
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pixeden-stroke-7-icon@1.2.3/pe-icon-7-stroke/dist/pe-icon-7-stroke.min.css">
|
||
|
||
<!-- Font Awesome -->
|
||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
|
||
|
||
<!-- PrettyPhoto -->
|
||
<link href="css/prettyPhoto.css" rel="stylesheet">
|
||
|
||
<!-- Favicon -->
|
||
<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
|
||
|
||
<!-- Style -->
|
||
<link href="css/style.css" rel="stylesheet">
|
||
|
||
<link href="css/animate.css" rel="stylesheet">
|
||
<!-- Responsive CSS -->
|
||
<link href="css/responsive.css" rel="stylesheet">
|
||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
||
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
|
||
<body>
|
||
<div class="spn_hol">
|
||
<div class="logo">
|
||
<img src="images/logo_w.png" alt="">
|
||
</div>
|
||
<div class="spinner">
|
||
<div class="bounce1"></div>
|
||
<div class="bounce2"></div>
|
||
<div class="bounce3"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="header parallax home-parallax page" id="HOME">
|
||
<h2></h2>
|
||
<div class="section_overlay">
|
||
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
||
<div class="container">
|
||
<div class="navbar-header">
|
||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
||
<span class="sr-only">Toggle navigation</span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
<span class="icon-bar"></span>
|
||
</button>
|
||
<a class="navbar-brand" href="#">
|
||
<img src="images/logo_w.png" alt="Logo">
|
||
</a>
|
||
</div>
|
||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
||
<ul class="nav navbar-nav navbar-right">
|
||
<li><a href="#HOME">ДОМІВКА</a></li>
|
||
<li><a href="#ABOUT">ПРО КОМПАНІЮ</a></li>
|
||
<li><a href="#FEATURES">ПРОДУКЦІЯ</a></li>
|
||
<li><a href="#SCREENS">ЛОГІСТИКА</a></li>
|
||
<li><a href="#DOWNLOAD">СЕРТИФІКАТИ</a></li>
|
||
<li><a href="#CONTACT">КОНТАКТИ</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="container home-container">
|
||
<div class="row">
|
||
<div class="col-md-12">
|
||
<div class="logo text-center">
|
||
<img src="images/logo_w.png" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-md-8 col-sm-8">
|
||
<div class="home_text">
|
||
<!-- TITLE AND DESC -->
|
||
<h1>виготовлення високоякісних пиломатеріалів</h1>
|
||
<p></p>
|
||
|
||
<div class="download-btn">
|
||
<!-- BUTTON -->
|
||
<!-- <a class="btn home-btn wow fadeInLeft" href="#DOWNLOAD">Download</a> -->
|
||
<a class="tuor btn wow fadeInRight" href="#ABOUT">ДЕТАЛЬНІШЕ <i class="fa fa-angle-down"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-3 col-md-offset-1 col-sm-4">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="about page" id="ABOUT">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div class="section_title">
|
||
<h2>Про компанію</h2>
|
||
<p>Приватне акціонерне товариство «Слов’янські шпалери» з 2016 року має власну дільницю деревопереробки під торговою маркою «SLAV-FOREST».</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="inner_about_area">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-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>Наші досягнення</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>Робітинків</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>Посмішок</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>Екологія</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>Нагород</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
|
||
<section id="FEATURES" class="features page">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div class="section_title wow fadeIn" data-wow-duration="1s">
|
||
<h2>Продукція</h2>
|
||
<p>Потужності виробництва за рік. 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>Заготівля круглих лісоматеріалів</h3>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="2s">
|
||
<div class="image fit"><img src="images/prod2.jpg" alt=""></div>
|
||
<div class="content">
|
||
<h3>Переробка круглих сортиментів деревини</h3>
|
||
<p><span class="number">72 000 – 500 000</span> метрів кубічних</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>Виготовлення пиломатеріалів</h3>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
|
||
<div class="image fit"><img src="images/prod4.jpg" alt=""></div>
|
||
<div class="content">
|
||
<h3>Виготовлення меблевого щита, меблевого бруска та меблевої планки</h3>
|
||
<p><span class="number">5 500 – 11 000</span> метрів кубічних на рік</p>
|
||
<p>Меблевий щит - напівфабрикат, що є основою для багатьох виробів з дерева. Виготовляється із натуральних матеріалів, що забезпечує довговічність, високу якість та екологічну чистоту виробів. Меблевий щит - універсальне рішення для меблів та внутрішнього облаштування. Компанія виготовляє меблеві щити з сосни різних розмірів та текстури, цільні та зрощені.</p>
|
||
<p>Цільні меблеві щити виготовляються із деревини високої якості, шляхом склеєння ламелей спеціальним клеєм. Особливість технології - цільні по довжині ламелі, які зрощені тільки по ширині до необхідного розміру. Цільні щити виглядають дорого та елегантно, тому оптимально підходять для виготовлення сходів та меблів.</p>
|
||
<p>Зрощений щит отримуємо шляхом зрощення ламелей і в довжину, і в ширину, що дозволяє збільшити розміри готового щита. В основному він використовується для виробництва плоских поверхонь кухні, меблів, великих за розміром деталей сходів, стінових панелей.</p>
|
||
<p>Виробляємо меблевий щит, меблевий брус та меблеву планку різних розмірів під замовлення.</p>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
|
||
<div class="image fit"><img src="images/prod5.jpg" alt=""></div>
|
||
<div class="content">
|
||
<h3>Виробництво паливної гранули</h3>
|
||
<p><span class="number">1 500 – 15 000</span> метрів кубічних на рік</p>
|
||
<p>Гранули паливні (Пелети) є 100% натуральними й виробляються із відходів продуктів лісової промисловості. Пелети виробляються лише з необробленої деревини й тому вони не вміщують ніяких зв'язуючих елементів.</p>
|
||
<p>Після сушки і подрібнення стружка хвойних порід проходить лише через прес, що дає на виході якісний, екологіно чистий продукт.</p>
|
||
<p>Виробляємо гранули паливні (пелети) розміром 6 мм, які за бажанням замовника можуть бути упаковані в:</p>
|
||
<ul>
|
||
<li>«біг-беги» по 1000 кг</li>
|
||
<li>поліетиленові мішки по 15 кг</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
|
||
<div class="image fit"><img src="images/prod6.jpg" alt=""></div>
|
||
<div class="content">
|
||
<h3>Виробництво паливного брикету</h3>
|
||
<p><span class="number">1 800 – 4 000</span> метрів кубічних на рік</p>
|
||
<p>Паливний брикет РУФ - це вид твердого палива. Найчастіше такі брикети використовують для камінів і котлів як для промислових цілей, так і для побутових. Паливний брикет РУФ виготовляється з якісної деревини сосни. Головна відмінність таких брикетів полягає в їх екологічності, економічності та зручності використання.</p>
|
||
<p>Основні переваги паливних брикетів РУФ:</p>
|
||
<ul>
|
||
<li>Можливість тривалого зберігання</li>
|
||
<li>При горінні брикети не виділяють сторонніх хімічних запахів, завдяки тому,
|
||
що при їх виробництві не додають ніяких хімічних барвників і клеїв</li>
|
||
<li>Виробляються брикети РУФ без використання смол, тому вони не
|
||
забруднюють димохід і дають приємний запах</li>
|
||
<li>Паливні брикети з тирси виділяють СО<sup>2</sup> в десять разів менше, ніж природний
|
||
газ і в п'ятдесят разів менше, ніж вугілля</li>
|
||
</ul>
|
||
<p>Брикет упаковано в пачки по 12 штук в термозбіжний пакет, що захищає їх від проникнення пилу, бруду і вологи. Вага однієї пачки близько 12 кг, загальна вага піддона 1 тонна.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="apps_screen page" id="SCREENS">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1 wow fadeInBig" data-wow-duration="1s">
|
||
<div class="section_title">
|
||
<h2>Логістика</h2>
|
||
<p>Відвантаження можемо виконувати як автотранспорт, так і жд. Способи навантажування (збоку, ззаду, верхня (жд)</p>
|
||
</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-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="DOWNLOAD">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-10 col-md-offset-1">
|
||
<div class="section_title">
|
||
<h2>Сертифікати</h2>
|
||
<p>Наше підприємство сертифіковане по системі FSC 100% стандарту FSC-STD-40-004 v.2.1 та маємо сертифікат FC-COC-804521.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="available_store">
|
||
<div class="container wow bounceInBottom" data-wow-duration="1s">
|
||
<div class="col-md-6 col-md-offset-3">
|
||
<div class="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>Контактна інформація</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="Ім'я">
|
||
<input type="email" class="form-control" id="email" placeholder="Email">
|
||
<input type="text" class="form-control" id="subject" placeholder="Тема">
|
||
</div>
|
||
|
||
<div class="col-md-8">
|
||
<textarea class="form-control" id="message" rows="25" cols="10" placeholder="Зміст повідомлення..."></textarea>
|
||
<button type="button" class="btn btn-default submit-btn form_submit">Надіслати повідомлення</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
<!-- END CONTACT -->
|
||
|
||
<section class="map">
|
||
<div class="row ">
|
||
<div class="col-md-12">
|
||
<div id="map"></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="copyright">
|
||
<h2></h2>
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<div class="copy_right_text">
|
||
<p>Copyright © 2018. Slav Forest</p>
|
||
<p>Розробка <a href="https://web.shadoll.com/">shadoll</a></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6">
|
||
<div class="scroll_top">
|
||
<a href="#HOME"><i class="fa fa-angle-up"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
|
||
<script src="js/owl.carousel.js"></script>
|
||
<script src="js/jquery.fitvids.js"></script>
|
||
<script src="js/smoothscroll.js"></script>
|
||
<script src="js/jquery.parallax-1.1.3.js"></script>
|
||
<script src="js/jquery.prettyPhoto.js"></script>
|
||
<script src="js/jquery.ajaxchimp.min.js"></script>
|
||
<script src="js/jquery.ajaxchimp.langs.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.0.3/wow.min.js"></script>
|
||
<script src="js/waypoints.min.js"></script>
|
||
<script src="js/jquery.counterup.min.js"></script>
|
||
<script src="js/script.js"></script>
|
||
|
||
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"></script>
|
||
<script type="text/javascript">
|
||
google.maps.event.addDomListener(window, 'load', init);
|
||
function init() {
|
||
var mapOptions = {
|
||
zoom: 13,
|
||
center: new google.maps.LatLng(51.765435, 32.2519384),
|
||
styles: [{"featureType":"all","elementType":"labels","stylers":[{"visibility":"on"}]},{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"administrative.country","elementType":"labels.text.fill","stylers":[{"color":"#e5c163"}]},{"featureType":"administrative.locality","elementType":"labels.text.fill","stylers":[{"color":"#c4c4c4"}]},{"featureType":"administrative.neighborhood","elementType":"labels.text.fill","stylers":[{"color":"#e5c163"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21},{"visibility":"on"}]},{"featureType":"poi.business","elementType":"geometry","stylers":[{"visibility":"on"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#e5c163"},{"lightness":"0"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.highway","elementType":"labels.text.stroke","stylers":[{"color":"#e5c163"}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#575757"}]},{"featureType":"road.arterial","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.arterial","elementType":"labels.text.stroke","stylers":[{"color":"#2c2c2c"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"road.local","elementType":"labels.text.fill","stylers":[{"color":"#999999"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}]
|
||
};
|
||
var mapElement = document.getElementById('map');
|
||
var map = new google.maps.Map(mapElement, mapOptions);
|
||
var marker = new google.maps.Marker({
|
||
position: new google.maps.LatLng(51.765435, 32.2519384),
|
||
map: map,
|
||
title: 'Slav Forest'
|
||
});
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html> |