This commit is contained in:
sHa
2018-09-05 00:49:54 +03:00
parent e8c910a04a
commit fa09391601
7 changed files with 84 additions and 99 deletions

BIN
.DS_Store vendored

Binary file not shown.

24
.vscode/ftp-sync.json vendored Normal file
View File

@@ -0,0 +1,24 @@
{
"remotePath": "./",
"host": "uvh12.mirohost.net",
"username": "slavforest",
"password": "cAAed7MU",
"port": 21,
"secure": false,
"protocol": "ftp",
"uploadOnSave": false,
"passive": false,
"debug": false,
"privateKeyPath": null,
"passphrase": null,
"ignore": [
"\\.vscode",
"\\.git",
"\\.DS_Store"
],
"generatedFiles": {
"uploadOnSave": false,
"extensionsToInclude": [],
"path": ""
}
}

View File

@@ -499,9 +499,9 @@ div.carousel-inner .item img {
width: 600px;
height: 600px;
}
.spotlight .image::after {
/* .spotlight .image::after {
content:'600x600';
}
} */
.spotlight .content {
width: calc(100% - 600px);
max-width: 48em;
@@ -533,10 +533,10 @@ div.carousel-inner .item img {
.spotlight .image img {
border-radius: 0;
}
.spotlight .image:hover::after{
/* .spotlight .image:hover::after{
display: none;
}
.spotlight .image::after {
} */
/* .spotlight .image::after {
position: absolute;
top: 0;
height: 100%;
@@ -548,7 +548,7 @@ div.carousel-inner .item img {
color: rgba(0, 0, 0, 0.7);
align-items: center;
justify-content: center;
}
} */
.number {
font-size: 30px;
font-weight: 300;
@@ -1252,3 +1252,13 @@ select:-webkit-autofill {
color: #bbb;
font-weight: 500;
}
.section_image img {
max-width: 100%;
height: 160px;
}
.section_image {
width: 100%;
display:flex;
justify-content: center
}

BIN
images/.DS_Store vendored

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View File

@@ -127,32 +127,12 @@
<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>
<p></p>
</div>
<div class="col-md-12 about_desc">
<div class="about_image wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
<img src="images/about1.jpg" alt="">
</div>
<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>
@@ -166,39 +146,32 @@
<div class="col-md-10 col-md-offset-1">
<div class="section_title wow fadeIn" data-wow-duration="1s">
<h2>Наші досягнення</h2>
<p>чим ми пишаемося, щось цікаве або особливе</p>
<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="col-md-4 col-sm-4">
<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="col-md-4 col-sm-4">
<div class="single_fun_facts">
<i class="pe-7s-leaf"></i>
<h2><span class="counter_num">365</span></h2>
<p>Екологія</p>
<h2><span class="counter_num">40000</span> <span>м<sup>3</sup></span></h2>
<p>заготівля</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="col-md-4 col-sm-4">
<div class="single_fun_facts">
<i class="pe-7s-cup"></i>
<h2><span class="counter_num">10</span> <span>+</span></h2>
<p>Нагород</p>
<i class="pe-7s-refresh-2"></i>
<h2><span class="counter_num">72000</span> <span>м<sup>3</sup></span></h2>
<p>переробка</p>
</div>
</div>
</div>
@@ -213,7 +186,7 @@
<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>
<p>Продукція яку ми пропонуємо та потужності виробництва за рік.</p>
</div>
</div>
</div>
@@ -226,7 +199,6 @@
<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">
@@ -234,7 +206,6 @@
<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">
@@ -242,7 +213,7 @@
<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>
<p></p>
</div>
</div>
<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
@@ -299,7 +270,12 @@
<div class="col-md-10 col-md-offset-1 wow fadeInBig" data-wow-duration="1s">
<div class="section_title">
<h2>Логістика</h2>
<p>Відвантаження можемо виконувати як автотранспорт, так і жд. Способи навантажування (збоку, ззаду, верхня (жд)</p>
<p>Виконуємо відвантаження автомобільним та залізничим транспортом.</p>
<p>Здійснюємо навантажування: збоку, ззаду, зверху (жд)</p>
<div class="section_image">
<img src="images/railroad-car-with-wood.png">
</div>
</div>
</div>
</div>
@@ -406,10 +382,10 @@
<div class="container">
<div class="form_error text-center">
<div class="name_error hide error">Please Enter your name</div>
<div class="email_error hide error">Please Enter your Email</div>
<div class="email_val_error hide error">Please Enter a Valid Email Address</div>
<div class="message_error hide error">Please Enter Your Message</div>
<div class="name_error hide error">Будь ласка, заповніть ім'я</div>
<div class="email_error hide error">Будь ласка, заповніть email</div>
<div class="email_val_error hide error">Будь ласка, перевірте email</div>
<div class="message_error hide error">Будь ласка, напишить ваше повідомлення</div>
</div>
<div class="Sucess"></div>

View File

@@ -127,32 +127,12 @@
<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>
<p></p>
</div>
<div class="col-md-12 about_desc">
<div class="about_image wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
<img src="images/about1.jpg" alt="">
</div>
<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>
@@ -166,39 +146,32 @@
<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>
<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="col-md-4 col-sm-4">
<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="col-md-4 col-sm-4">
<div class="single_fun_facts">
<i class="pe-7s-leaf"></i>
<h2><span class="counter_num">365</span></h2>
<p>Ecology</p>
<h2><span class="counter_num">40000</span> <span>м<sup>3</sup></span></h2>
<p>Harvesting</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="col-md-4 col-sm-4">
<div class="single_fun_facts">
<i class="pe-7s-cup"></i>
<h2><span class="counter_num">10</span> <span>+</span></h2>
<p>Awards</p>
<i class="pe-7s-refresh-2"></i>
<h2><span class="counter_num">72000</span> <span>м<sup>3</sup></span></h2>
<p>Processing</p>
</div>
</div>
</div>
@@ -213,7 +186,7 @@
<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>
<p>Annual production capacity.</p>
</div>
</div>
</div>
@@ -226,7 +199,7 @@
<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>
<p></p>
</div>
</div>
<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="2s">
@@ -234,7 +207,7 @@
<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>
<p></p>
</div>
</div>
<div class="col-md-12 spotlight wow bounceInLeft" data-wow-duration="3s">
@@ -242,7 +215,7 @@
<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>
<p></p>
</div>
</div>
<div class="col-md-12 spotlight wow bounceInRight" data-wow-duration="4s">
@@ -322,6 +295,9 @@
<div class="section_title">
<h2>Logistics</h2>
<p>The goods can be shipped by truck or railway transport.</p>
<div class="section_image">
<img src="images/railroad-car-with-wood.png">
</div>
</div>
</div>
</div>
@@ -358,10 +334,9 @@
</div>
</div>
<div class="col-md-7 col-sm-12">
<p>Заготівлю деревини проводимо заготівельним комплексом KOMATSU.</p>
<p>Дільниця дерево переробки оснащена багатопильною лінією лісопиляння KRAFTER та допоміжними стрічковими пилами SERRA.</p>
<p>На дільниця виробництва меблевого щита використовується обладнання WEING. Виробляється ця продукція за останніми високоякісними технологіями.</p>
<p>На підприємстві розташоване сушильне господарство загальною потужністю 1000 кубічних метрів фірми PROLAIN.</p>
<p>The wood processing plant is equipped with a MS multiply saw and auxillary SERRA band-saws.</p>
<p>The plant also has a PROLIANT drying unit gross production capacity of 1350 cubic meters.</p>
<p>The furniture board production unit uses WEINIG equipment.</p>
</div>
</div>
</div>
@@ -374,7 +349,7 @@
<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>
<p>The company was certified according to FSC 100% standard FSC-STD-40-004 v.2.1 and holds certificate no. FC-COC-804521.</p>
</div>
</div>
</div>
@@ -496,7 +471,7 @@
<script src="js/jquery.counterup.min.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAhdArtaaWedoUxQY4e35HFFWIgd6L1ibs&language=en"></script>
<script type="text/javascript">
google.maps.event.addDomListener(window, 'load', init);
function init() {