Skip to content

V
vertical
Commit 0a254dba by Иван Кубота
Options

updates

parent 6f039b5d
Showing with 338 additions and 92 deletions
public/index.html
......@@ -9,21 +9,27 @@
<link rel="icon" type="image/png" href="img/logo-v.png"/>
<meta charset="UTF-8">
<title>Vertical</title>
<script src="js/translations.js"></script>
</head>
<body>
<div class="top-menu">
<!--<img src="img/logo.png">-->
<div class="logo">
<!--<span>V</span>-->
<div class="company-name"><img src="img/logo-v.png">vertical</div>
<div class="company-name"><img src="img/logo-v.png"><span data-t="company">vertical</span></div>
</div>
<a href="/about" class="menu-item" data-t="menu.about">About us</a>
<a href="/service" class="menu-item" data-t="menu.service">Services</a>
<a href="/contact" class="menu-item" data-t="menu.contact">Contacts</a>
<a href="/certificate" class="menu-item" data-t="menu.certificate">Certificates</a>
<a href="tel:78142521066">+7 (814) 252-10-66</a>
<a href="tel:74997633394">+7 (499) 763-33-94</a>
<div class="languages">
<div class="language-switch language-switch-ru">ru</div>
<div class="language-switch language-switch-en">en</div>
</div>
</div>
<div class="content">
<div class="gallery-wrap">
<div class="gallery"></div>
</div>
......@@ -32,39 +38,37 @@
<div class="inner">
<div class="page page-about">
<h1 data-t="menu.about">О компании</h1>
<p data-t="text.about">
Мы рады приветствовать Вас на сайте компании ВЕРТИКАЛЬ, работающей на рынке с 23 декабря 2015 г. Компания успешно работает по поставке авиационно-технического имущества на вертолеты МИ-8/17, МИ-171/172 и их модификации, МИ-2, В-3, самолеты Ан-28, Ан-2 гражданского применения на европейском, ближневосточном и рынках стран ближнего зарубежья. Осуществляем ремонт компонентов воздушных судов на сертифицированных заводах.
</p>
<div>
<p data-t="text.about1">Мы рады приветствовать Вас на сайте компании ВЕРТИКАЛЬ. Наша компания работает на рынке с 23 декабря 2015 г.</p>
<p data-t="text.about2">Компания успешно работает по поставке авиационно-технического имущества на вертолеты МИ-8/17, МИ-171/172 и их модификации, МИ-2, В-3, самолеты Ан-28, Ан-2 гражданского применения на европейском, ближневосточном и рынках стран ближнего зарубежья.</p>
<p data-t="text.about3">Мы осуществляем ремонт компонентов воздушных судов на сертифицированных заводах.</p>
</div>
</div>
<div class="page page-service">
<h1 data-t="menu.service">Услуги</h1>
<h2>Основные виды деятельности компании «ВЕРТИКАЛЬ»</h2>
<h2 data-t="services">Основные виды деятельности компании «ВЕРТИКАЛЬ»</h2>
<p>Имея сложившиеся связи с заводами-изготовителями выпускающими оборудование и комплектующие к авиационным изделиям и авиаремонтными предприятиями компания «ВЕРТИКАЛЬ» предлагает следующие основные услуги:</p>
<p data-t="services.tight-factories">Имея сложившиеся связи с заводами-изготовителями выпускающими оборудование и комплектующие к авиационным изделиям и авиаремонтными предприятиями компания «ВЕРТИКАЛЬ» предлагает следующие основные услуги:</p>
<ul>
<li>поставка авиационного оборудования, запасных частей, расходных материалов и других авиационных товаров для всех типов гражданских самолетов и вертолетов России и стран СНГ;</li>
<li>поставка оборудования аэродромных служб для обслуживания воздушных судов;</li>
<li>поставка оборудования для обеспечения полетов воздушных судов;</li>
<li>поставка спасательных, учебных, запасных, спортивных и специальных парашютов и систем;</li>
<li>поставка расходных и других материалов для обслуживания авиационной техники;</li>
<li data-t="services.list1">поставка авиационного оборудования, запасных частей, расходных материалов и других авиационных товаров для всех типов гражданских самолетов и вертолетов России и стран СНГ;</li>
<li data-t="services.list2">поставка оборудования аэродромных служб для обслуживания воздушных судов;</li>
<li data-t="services.list3">поставка оборудования для обеспечения полетов воздушных судов;</li>
<li data-t="services.list4">поставка спасательных, учебных, запасных, спортивных и специальных парашютов и систем;</li>
<li data-t="services.list5">поставка расходных и других материалов для обслуживания авиационной техники;</li>
</ul>
<p>
Деятельность компании «ВЕРТИКАЛЬ» основана на тесном сотрудничестве с головными и ремонтными заводами в России и странах СНГ и направлена на обеспечение надежной и бесперебойной работы гражданской авиации.
</p>
<p data-t="services.us">Деятельность компании «ВЕРТИКАЛЬ» основана на тесном сотрудничестве с головными и ремонтными заводами в России и странах СНГ и направлена на обеспечение надежной и бесперебойной работы гражданской авиации.</p>
</div>
<div class="page page-certificate">
<h1 data-t="menu.certificate">Сертификаты</h1>
<p>
В феврале 2022 г. комиссией Органа по сертификации организаций поставщиков АТИ для ГА в СДС ГА РФ «Аэро Регистр» проведена очередная оценка соответствия деятельности компании в качестве Организации поставщика АТИ и СНО для ГА в соответствии с Руководством по деятельности и Руководством по качеству и Положения о порядке проведения добровольной сертификации организаций, осуществляющих закупку, хранение и поставку авиационно-технического имущества. В результате проведенной работы был получен очередной сертификат соответствия № AS1.С026.01.02.11/2. ОП-053.4 от 17.02.2022 г.
</p>
<p data-t="certificate.description">В феврале 2022 г. комиссией Органа по сертификации организаций поставщиков АТИ для ГА в СДС ГА РФ «Аэро Регистр» проведена очередная оценка соответствия деятельности компании в качестве Организации поставщика АТИ и СНО для ГА в соответствии с Руководством по деятельности и Руководством по качеству и Положения о порядке проведения добровольной сертификации организаций, осуществляющих закупку, хранение и поставку авиационно-технического имущества. В результате проведенной работы был получен очередной сертификат соответствия № AS1.С026.01.02.11/2. ОП-053.4 от 17.02.2022 г.</p>
<div class="certs">
<img src="file/image1.jpg">
<img src="file/image2.jpg">
<img src="file/image3.jpg">
<img src="file/image4.jpg">
<img src="file/image1.jpg" alt="certificate 1">
<img src="file/image3.jpg" alt="certificate 1 enclosure">
<img src="file/image2.jpg" alt="certificate 2">
<img src="file/image4.jpg" alt="certificate 2 enclosure">
</div>
<script>
[].slice.call(document.querySelectorAll('.certs img')).forEach(function(el){
......@@ -103,15 +107,16 @@
<div class="info">
<p><div class="lbl">Офис в Петрозаводске</div>: ООО «ВЕРТИКАЛЬ»</p>
<p>185034, г. Петрозаводск, ул. Водников (Ключевая р-н), д.5, блок-секция 4</p>
<p>Тел. <a href="tel:+78142521066">+7 814 2521066</a></p>
<p>Генеральный директор — Климова Ольга Владимировна</p>
<p><div class="lbl">Офис в Москве</div>: Обособленное подразделение ООО «ВЕРТИКАЛЬ»</p>
<p>105066, Москва, ул. Ольховская, д.45, стр.1</p>
<p><div class="lbl">Тел./факс: <a href="tel:+74997633394">+7 499 763 3394</a>, <a href="tel:+74992567658">+7 499 256 7658</a></p>
<p>Директор ОП — Кубота Михаил Александрович</p>
<p>Тел. <a href="tel:+79162253193">+7 916 225 3193</a></p>
<h2><div class="lbl" data-t="contact.office.lbl">Офис ООО «ВЕРТИКАЛЬ» в Петрозаводске</div>:</h2>
<p data-t="contact.office.ptz.data">185034, г. Петрозаводск, ул. Водников (Ключевая р-н), д.5, блок-секция 4</p>
<p><div class="lbl" data-t="phone">Телефон</div> <a href="tel:+78142521066">+7 814 2521066</a></p>
<p data-t="contact.klimova">Генеральный директор — Климова Ольга Владимировна</p>
<h2 style="margin-top:64px"><div class="lbl" data-t="contact.moscow.office">Обособленное подразделение ООО «ВЕРТИКАЛЬ» в Москве</div>: </h2>
<p data-t="contact.moscow.office.address">105066, Москва, ул. Ольховская, д.45, стр.1</p>
<p><div class="lbl" data-t="phone/fax">Тел./факс</div>: <a href="tel:+74997633394">+7 499 763 3394</a>, <a href="tel:+74992567658">+7 499 256 7658</a></p>
<p data-t="contact.kubota">Директор ОП — Кубота Михаил Александрович</p>
<p><div class="lbl" data-t="phone">Телефон</div> <a href="tel:+79162253193">+7 916 225 3193</a></p>
<p><div class="lbl">E-mail</div>: <a href="mailto:vertical.msc@gmail.com">vertical.msc@gmail.com</a></p>
</div>
......@@ -127,42 +132,8 @@
</div>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script>-->
<script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>
<script>
var map;
var pages = [].slice.call(document.querySelectorAll('.page'));
var menus = [].slice.call(document.querySelectorAll('.menu-item'));
var activate = function(currentPage){
pages.forEach(function(page){
page.classList.toggle('hidden', !page.classList.contains('page-'+currentPage));
});
if(currentPage === 'contact'){
if(!map){
DG.then(function () {
map = DG.map('map', {
center: [55.777878, 37.672837],
zoom: 15
});
DG.marker([55.777878, 37.672837]).addTo(map);
});
}
}
};
activate('service')
menus.forEach(function(item){
item.addEventListener('click', function(e){
e.preventDefault();
e.stopPropagation();
var itemName = this.getAttribute('data-t').split('.')[1];
activate(itemName)
});
})
/* tns({
"container": ".gallery",
......@@ -178,5 +149,8 @@
"controlsContainer": "#customize-controls",
})*/
</script>
<script src="js/main.js"></script>
<script src="https://maps.api.2gis.ru/2.0/loader.js?pkg=full"></script>
</body>
</html>
\ No newline at end of file
public/js/main.js 0 → 100644
var map;
var pages = [].slice.call(document.querySelectorAll('.page'));
var menus = [].slice.call(document.querySelectorAll('.menu-item'));
var languages = [].slice.call(document.querySelectorAll('.language-switch'));
languages.forEach(function(lEl){
lEl.addEventListener('click', function(){
setLanguage(lEl.innerText);
});
});
var currentLang = 'en', currentPage = 'service';
var setLanguage = function(lang){
currentLang = lang;
updateCls();
[].slice.call(document.querySelectorAll('[data-t]')).forEach(function(el){
var localizeString = el.getAttribute('data-t');
var branch = locale[localizeString];
if(!branch){
return console.error('No translation for '+localizeString+'/'+lang)
}
el.innerText = locale[localizeString][lang];
})
};
var updateCls = function(){
document.body.className = currentLang + ' m-'+currentPage;
}
var activate = function(page){
currentPage = page;
updateCls();
pages.forEach(function(page){
page.classList.toggle('hidden', !page.classList.contains('page-'+currentPage));
});
if(currentPage === 'contact'){
if(!map && window.DG){
DG.then(function () {
map = DG.map('map', {
center: [55.777878, 37.672837],
zoom: 15
});
DG.marker([55.777878, 37.672837]).addTo(map);
});
}
}
};
activate(currentPage)
menus.forEach(function(item){
item.addEventListener('click', function(e){
e.preventDefault();
e.stopPropagation();
var itemName = this.getAttribute('data-t').split('.')[1];
activate(itemName)
});
});
(function(){
var gl = document.querySelector('.gallery'), glS = gl.style, bW, bH;
var rsz = function(){
bW = document.body.clientWidth;
bH = document.body.clientHeight;
};
document.body.addEventListener('resize', rsz);
rsz();
document.body.addEventListener('mousemove', function(e){
glS.backgroundPosition = (128-e.clientX/bW*128|0)+'px '+ (-e.clientY/bH*256|0)+'px'
});
})();
setLanguage(currentLang);
\ No newline at end of file
public/js/translations.js
......@@ -14,5 +14,93 @@ var locale = {
'menu.certificate': {
ru: 'Сертификаты',
en: 'Certificates'
},
'menu.privacy': {
ru: 'Политика конфеденциальности',
en: 'Privacy policy'
},
'company': {
en: 'vertical',
ru: 'вертикаль'
},
'text.about1': {
ru: 'Мы рады приветствовать Вас на сайте компании ВЕРТИКАЛЬ. Наша компания работает на рынке с 23 декабря 2015 г.',
en: 'It is a great pleasure for us that you visit us. Our company Vertical is working since AD2015'
},
'text.about2': {
ru: 'Компания успешно работает по поставке авиационно-технического имущества на вертолеты МИ-8/17, МИ-171/172 и их модификации, МИ-2, В-3, самолеты Ан-28, Ан-2 гражданского применения на европейском, ближневосточном и рынках стран ближнего зарубежья.',
en: 'The company is successfully working on the supply of aviation equipment for MI-8/17, MI-171/172 helicopters and their modifications, MI-2, V-3, An-28, An-2 civil aircraft in the European, Middle East and markets neighboring countries.'
},
'text.about3': {
ru: 'Мы осуществляем ремонт компонентов воздушных судов на сертифицированных заводах.',
en: 'Our company can provide repairment of aircraft components at certified factories.'
},
services: {
ru: 'Основные виды деятельности компании «ВЕРТИКАЛЬ»',
en: 'The main activities of the company "VERTICAL"'
},
"services.tight-factories": {
ru: 'Имея сложившиеся связи с заводами-изготовителями выпускающими оборудование и комплектующие к авиационным изделиям и авиаремонтными предприятиями компания «ВЕРТИКАЛЬ» предлагает следующие основные услуги:',
en: 'We have established relationships with manufacturers that produce equipment and components for aviation products and aircraft repair enterprises, VERTICAL offers the following main services:'
},
'services.list1': {
ru: 'поставка авиационного оборудования, запасных частей, расходных материалов и других авиационных товаров для всех типов гражданских самолетов и вертолетов России и стран СНГ;',
en: 'supply of aviation equipment, spare parts, consumables and other aviation products for all types of civil aircraft and helicopters in Russia and CIS countries;'
},
'services.list2': {
ru: 'поставка оборудования аэродромных служб для обслуживания воздушных судов;',
en: 'supply of equipment for airfield services for aircraft maintenance;'
},
'services.list3': {
ru: 'поставка оборудования для обеспечения полетов воздушных судов;',
en: 'supply of equipment for aircraft flights;'
},
'services.list4': {
ru: 'поставка спасательных, учебных, запасных, спортивных и специальных парашютов и систем;',
en: 'supply of rescue, training, reserve, sports and special parachutes and systems;'
},
'services.list5': {
ru: 'поставка расходных и других материалов для обслуживания авиационной техники;',
en: 'supply of consumables and other materials for the maintenance of aviation equipment;'
},
'services.us': {
ru: 'Деятельность компании «ВЕРТИКАЛЬ» основана на тесном сотрудничестве с головными и ремонтными заводами в России и странах СНГ и направлена на обеспечение надежной и бесперебойной работы гражданской авиации.',
en: 'The activity of VERTICAL is based on close cooperation with head and repair plants in Russia and the CIS countries and is aimed at ensuring the reliable and uninterrupted operation of civil aviation.'
},
'certificate.description': {
ru: 'В феврале 2022 г. комиссией Органа по сертификации организаций поставщиков АТИ для ГА в СДС ГА РФ «Аэро Регистр» проведена очередная оценка соответствия деятельности компании в качестве Организации поставщика АТИ и СНО для ГА в соответствии с Руководством по деятельности и Руководством по качеству и Положения о порядке проведения добровольной сертификации организаций, осуществляющих закупку, хранение и поставку авиационно-технического имущества. В результате проведенной работы был получен очередной сертификат соответствия № AS1.С026.01.02.11/2. ОП-053.4 от 17.02.2022 г.',
en: 'In February 2022, the Commission of the Certification Body of Organizations of Suppliers of ATI for Civil Aviation in the SDS of the Civil Aviation of the Russian Federation "Aero Register" conducted a regular assessment of the compliance of the company\'s activities as an Organization of Suppliers of ATI and Aids to Civil Aviation. In accordance with the Operations Manual and the Quality Manual and the Regulations on the procedure for conducting voluntary certification of organizations engaged in the purchase, storage and supply of aviation equipment. As a result of the work carried out, another certificate of conformity No. AS1.C026.01.02.11/2 was obtained. OP-053.4 dated February 17, 2022'
},
'contact.office.lbl': {
ru: 'Офис ООО «ВЕРТИКАЛЬ» в Петрозаводске',
en: 'Office of LLC "VERTICAL" in Petrozavodsk'
},
'contact.office.ptz.data': {
ru: '185034, г. Петрозаводск, ул. Водников (Ключевая р-н), д.5, блок-секция 4',
en: '185034, Petrozavodsk, st. Vodnikov (Klyuchevaya district), 5, block section 4'
},
phone: {
ru: 'Телефон',
en: 'Phone'
},
'phone/fax': {
ru: 'Телефон/факс',
en: 'Phone/fax'
},
'contact.klimova': {
ru: 'Генеральный директор — Климова Ольга Владимировна',
en: 'General Director — Klimova Olga Vladimirovna'
},
'contact.moscow.office': {
ru: 'Обособленное подразделение ООО «ВЕРТИКАЛЬ» в Москве',
en: 'Separate branch of VERTICAL LLC in Moscow'
},
'contact.moscow.office.address': {
ru: '105066, Москва, ул. Ольховская, д.45, стр.1',
en: '105066, Moscow, st. Olkhovskaya, 45, building 1'
},
'contact.kubota': {
ru: 'Директор ОП — Кубота Михаил Александрович',
en: 'Director of the EP — Kubota Mikhail Alexandrovich'
}
}
\ No newline at end of file
public/style/main.css
......@@ -14,33 +14,39 @@ body {
.top-menu {
display: flex;
flex-direction: row;
background: #ededed; overflow: hidden;
box-shadow: 0px 2px #bdd3b9;
background: #00000087;
overflow: hidden;
box-shadow: -2px -2px 9px 3px #5b7181;
}
.bottom {
background: #3f6848;
background: #95a6c0;
padding: 16px 28px;
color: #fff;
z-index: 2;
position: relative;
}
a {
margin: 20px 20px 13px 20px;
margin: 20px 8px 13px 20px;
padding: 2px;
color: #188111;
color: #239bbf;
position: relative;
font-size: 20px;
text-decoration: none;
white-space: nowrap;
float: right;
}
.top-menu a {
color: #fff;
}
.bottom a {
color: #fff;
margin: 0;
}
a:before {
content: ' ';
background: rgba(3, 134, 34, 0.2);
background: rgba(86, 190, 195, 0.42);;
position: absolute;
left: 0;
width: 100%;
......@@ -68,7 +74,7 @@ a:hover:before {
padding: 32px;
}
.left-line {
background: #3f6848;
background: #327bab;
top: 0;
bottom: 0;
width: 12px;
......@@ -80,31 +86,37 @@ a:hover:before {
color: #ffffff;
white-space: nowrap;
padding: 0 6px 0 14px;
background: #3f6848;
background: #25304b;;
position: relative;
margin-right: 16px;
width: 216px;
}
.ru .logo span {
position: relative;
margin-right: 8px;
top: -3px;
left: 3px;
}
.logo:before {
content: ' ';
position: absolute;
right: -15px;
top: -9px;
background: #3f6848;
background: #25304b;
width: 28px;
height: 117%;
transform: rotate(25deg);
box-shadow: 3px -4px 0px 0px #85d776;
box-shadow: 3px -4px 0px 0px #327bab;
}
.logo div {
display: inline;
display: inline-block;
}
.logo span {
/*.logo span {
transform: rotate(336deg);
display: inline-flex;
margin-right: -18px;
top: 2px;
position: relative;
}
}*/
.tns-outer button {
display: none;
}
......@@ -119,31 +131,45 @@ a:hover:before {
.company-name {
z-index: 1;
position: relative;
text-shadow: 0px 4px #66a55b;
text-shadow: 0px 4px #5b8da5;
top: -4px;
}
.ru .company-name {
font-size: 36px;
}
.inner {
padding: 32px 128px 64px 348px;
max-width: 640px;
transition: 0.5s all ease-in;
}
.left-line {
background: #3f6848;
background: #25304b;
top: 0;
bottom: 0;
width: 12px;
left: 224px;
width: 0px;
left: 236.5px;
position: absolute;
border-right: 3px solid #327bab;
transition: 0.5s all ease-in;
}
.left-img {
background: url(../img/l1.jpg);
background: url(../img/ls1.jpg);
position: absolute;
left: 0;
top: 0;
top: -2px;
height: 100%;
width: 231px;
width: 237px;
background-repeat-y: no-repeat;
background-color: #8594b5;
padding-bottom: 2px;
transition: 0.5s all ease-in;
}
.logo:after {
/*.logo:after {
content: ' ';
background: linear-gradient(89deg, #13934c, transparent);
position: absolute;
......@@ -151,16 +177,30 @@ a:hover:before {
top: 0;
height: 100%;
width: 100%;
}
}*/
.gallery {
height: 321px;
height: 373px;
position: relative;
overflow: hidden;
padding: 0 16px;
background: url(../img/v6.png);
background-position-y: -145px;
padding: 0 0px;
margin-bottom: -61px;
background: url(../img/bg4.jpg);
background-size: cover;
background-position-y: bottom;
top: -61px;
left: 0px;
z-index: -1;
}
.m-contact .gallery {
background: url(../img/bg1.jpg);
}
.m-service .gallery {
background: url(../img/bg2.jpg);
}
.m-certificate .gallery {
background: url(../img/bg3.jpg);
}
li {
margin-bottom: 16px;
}
......@@ -175,3 +215,70 @@ li {
.hidden {
display: none;
}
.lbl {
display: inline;
font-weight: bold;
}
.info a {
margin: 0 4px;
padding: 0;
float: inherit;
}
.languages {
position: absolute;
z-index: 4;
right: 0;
padding: 0px 16px;
margin-top: 4px;
top: 64px;
display: flex;
}
.language-switch {
background: #eef9fdc9;
padding: 10px 12px;
margin-bottom: 8px;
font-size: 24px;
font-weight: bold;
text-align: center;
border-radius: 0 16px;
cursor: pointer;
position: relative;
transition: 0.3s all ease;
top: 0;
color: #1a1a1a;
width: 32px;
margin-left: 12px;
border: 1px solid #787777;
}
.language-switch:hover {
background: #5c616e;
color: #fff;
top: 4px;
border-radius: 16px 0;
}
.ru .language-switch-ru:hover, .en .language-switch-en:hover {
background: #165c859e;
color: #fff;
top: 0;
border-radius: 0;
}
.ru .language-switch-ru, .en .language-switch-en {
background: #165c859e;
border-radius: 0;
color: #fff;
border-color: transparent;
}
@media screen and (max-width: 980px){
.left-img {
width: 32px;
}
.left-line {
left: 26.5px;
}
.inner {
padding-left: 64px;
padding-right: 32px;
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment