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

upd

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored
View File

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": ""
}
}

22
css/style.css
View File

@@ -499,9 +499,9 @@ div.carousel-inner .item img {
width: 600px; width: 600px;
height: 600px; height: 600px;
} }
.spotlight .image::after { /* .spotlight .image::after {
content:'600x600'; content:'600x600';
} } */
.spotlight .content { .spotlight .content {
width: calc(100% - 600px); width: calc(100% - 600px);
max-width: 48em; max-width: 48em;
@@ -533,10 +533,10 @@ div.carousel-inner .item img {
.spotlight .image img { .spotlight .image img {
border-radius: 0; border-radius: 0;
} }
.spotlight .image:hover::after{ /* .spotlight .image:hover::after{
display: none; display: none;
} } */
.spotlight .image::after { /* .spotlight .image::after {
position: absolute; position: absolute;
top: 0; top: 0;
height: 100%; height: 100%;
@@ -548,7 +548,7 @@ div.carousel-inner .item img {
color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} } */
.number { .number {
font-size: 30px; font-size: 30px;
font-weight: 300; font-weight: 300;
@@ -1251,4 +1251,14 @@ select:-webkit-autofill {
.language a{ .language a{
color: #bbb; color: #bbb;
font-weight: 500; 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
View File

Binary file not shown.

BIN
images/railroad-car-with-wood.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

68
index.html
View File

@@ -127,32 +127,12 @@
<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></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="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>
</div> </div>
@@ -166,39 +146,32 @@
<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-4 col-sm-4">
<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-4 col-sm-4">
<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"> <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">40000</span> <span>м<sup>3</sup></span></h2>
<p>Екологія</p> <p>заготівля</p>
</div> </div>
</div> </div>
<div class="col-md-3 col-sm-6"> <div class="col-md-4 col-sm-4">
<div class="single_fun_facts"> <div class="single_fun_facts">
<i class="pe-7s-cup"></i> <i class="pe-7s-refresh-2"></i>
<h2><span class="counter_num">10</span> <span>+</span></h2> <h2><span class="counter_num">72000</span> <span>м<sup>3</sup></span></h2>
<p>Нагород</p> <p>переробка</p>
</div> </div>
</div> </div>
</div> </div>
@@ -213,7 +186,7 @@
<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>Продукція яку ми пропонуємо та потужності виробництва за рік.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -226,7 +199,6 @@
<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>
</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">
@@ -234,7 +206,6 @@
<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>
</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">
@@ -242,7 +213,7 @@
<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></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">
@@ -299,7 +270,12 @@
<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>
<p>Здійснюємо навантажування: збоку, ззаду, зверху (жд)</p>
<div class="section_image">
<img src="images/railroad-car-with-wood.png">
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -406,10 +382,10 @@
<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">Будь ласка, заповніть ім'я</div>
<div class="email_error hide error">Please Enter your Email</div> <div class="email_error hide error">Будь ласка, заповніть email</div>
<div class="email_val_error hide error">Please Enter a Valid Email Address</div> <div class="email_val_error hide error">Будь ласка, перевірте email</div>
<div class="message_error hide error">Please Enter Your Message</div> <div class="message_error hide error">Будь ласка, напишить ваше повідомлення</div>
</div> </div>
<div class="Sucess"></div> <div class="Sucess"></div>

69
index_en.html
View File

@@ -127,32 +127,12 @@
<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></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="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>
</div> </div>
@@ -166,39 +146,32 @@
<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>Our achievements</h2> <h2>Our achievements</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-4 col-sm-4">
<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>Workers</p> <p>Workers</p>
</div> </div>
</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-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"> <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">40000</span> <span>м<sup>3</sup></span></h2>
<p>Ecology</p> <p>Harvesting</p>
</div> </div>
</div> </div>
<div class="col-md-3 col-sm-6"> <div class="col-md-4 col-sm-4">
<div class="single_fun_facts"> <div class="single_fun_facts">
<i class="pe-7s-cup"></i> <i class="pe-7s-refresh-2"></i>
<h2><span class="counter_num">10</span> <span>+</span></h2> <h2><span class="counter_num">72000</span> <span>м<sup>3</sup></span></h2>
<p>Awards</p> <p>Processing</p>
</div> </div>
</div> </div>
</div> </div>
@@ -213,7 +186,7 @@
<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>Products</h2> <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> </div>
</div> </div>
@@ -226,7 +199,7 @@
<div class="content"> <div class="content">
<h3>Round wood harvesting</h3> <h3>Round wood harvesting</h3>
<p><span class="number">40 000 – 150 000</span> cbm</p> <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> </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">
@@ -234,7 +207,7 @@
<div class="content"> <div class="content">
<h3>Roundwood processing</h3> <h3>Roundwood processing</h3>
<p><span class="number">72 000 – 500 000</span> cbm</p> <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> </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">
@@ -242,7 +215,7 @@
<div class="content"> <div class="content">
<h3>Sawn timber production</h3> <h3>Sawn timber production</h3>
<p><span class="number">24 000 – 250 000</span> cbm</p> <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> </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">
@@ -322,6 +295,9 @@
<div class="section_title"> <div class="section_title">
<h2>Logistics</h2> <h2>Logistics</h2>
<p>The goods can be shipped by truck or railway transport.</p> <p>The goods can be shipped by truck or railway transport.</p>
<div class="section_image">
<img src="images/railroad-car-with-wood.png">
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -358,10 +334,9 @@
</div> </div>
</div> </div>
<div class="col-md-7 col-sm-12"> <div class="col-md-7 col-sm-12">
<p>Заготівлю деревини проводимо заготівельним комплексом KOMATSU.</p> <p>The wood processing plant is equipped with a MS multiply saw and auxillary SERRA band-saws.</p>
<p>Дільниця дерево переробки оснащена багатопильною лінією лісопиляння KRAFTER та допоміжними стрічковими пилами SERRA.</p> <p>The plant also has a PROLIANT drying unit gross production capacity of 1350 cubic meters.</p>
<p>На дільниця виробництва меблевого щита використовується обладнання WEING. Виробляється ця продукція за останніми високоякісними технологіями.</p> <p>The furniture board production unit uses WEINIG equipment.</p>
<p>На підприємстві розташоване сушильне господарство загальною потужністю 1000 кубічних метрів фірми PROLAIN.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -374,7 +349,7 @@
<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>Sertificates</h2> <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> </div>
</div> </div>
@@ -496,7 +471,7 @@
<script src="js/jquery.counterup.min.js"></script> <script src="js/jquery.counterup.min.js"></script>
<script src="js/script.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"> <script type="text/javascript">
google.maps.event.addDomListener(window, 'load', init); google.maps.event.addDomListener(window, 'load', init);
function init() { function init() {