mirror of
https://github.com/shadoll/slavforest.git
synced 2025-10-26 23:18:40 +00:00
519 lines
23 KiB
HTML
519 lines
23 KiB
HTML
<!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 © 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> |