Skip to content

V
vertical
Commit 332fff88 by Иван Кубота
Options

Initial commit

parents
Showing with 485 additions and 0 deletions
.idea/.gitignore 0 → 100644
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
.idea/encodings.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="Encoding" addBOMForNewFiles="with NO BOM" />
</project>
\ No newline at end of file
.idea/misc.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="MarkdownProjectSettings">
<PreviewSettings splitEditorLayout="SPLIT" splitEditorPreview="PREVIEW" useGrayscaleRendering="false" zoomFactor="1.0" maxImageWidth="0" showGitHubPageIfSynced="false" allowBrowsingInPreview="false" synchronizePreviewPosition="true" highlightPreviewType="NONE" highlightFadeOut="5" highlightOnTyping="true" synchronizeSourcePosition="true" verticallyAlignSourceAndPreviewSyncPosition="true" showSearchHighlightsInPreview="false" showSelectionInPreview="true">
<PanelProvider>
<provider providerId="com.vladsch.idea.multimarkdown.editor.swing.html.panel" providerName="Default - Swing" />
</PanelProvider>
</PreviewSettings>
<ParserSettings gitHubSyntaxChange="false">
<PegdownExtensions>
<option name="ABBREVIATIONS" value="false" />
<option name="ANCHORLINKS" value="true" />
<option name="ASIDE" value="false" />
<option name="ATXHEADERSPACE" value="true" />
<option name="AUTOLINKS" value="true" />
<option name="DEFINITIONS" value="false" />
<option name="DEFINITION_BREAK_DOUBLE_BLANK_LINE" value="false" />
<option name="FENCED_CODE_BLOCKS" value="true" />
<option name="FOOTNOTES" value="false" />
<option name="HARDWRAPS" value="false" />
<option name="INSERTED" value="false" />
<option name="QUOTES" value="false" />
<option name="RELAXEDHRULES" value="true" />
<option name="SMARTS" value="false" />
<option name="STRIKETHROUGH" value="true" />
<option name="SUBSCRIPT" value="false" />
<option name="SUPERSCRIPT" value="false" />
<option name="SUPPRESS_HTML_BLOCKS" value="false" />
<option name="SUPPRESS_INLINE_HTML" value="false" />
<option name="TABLES" value="true" />
<option name="TASKLISTITEMS" value="true" />
<option name="TOC" value="false" />
<option name="WIKILINKS" value="true" />
</PegdownExtensions>
<ParserOptions>
<option name="COMMONMARK_LISTS" value="true" />
<option name="DUMMY" value="false" />
<option name="EMOJI_SHORTCUTS" value="true" />
<option name="FLEXMARK_FRONT_MATTER" value="false" />
<option name="GFM_LOOSE_BLANK_LINE_AFTER_ITEM_PARA" value="false" />
<option name="GFM_TABLE_RENDERING" value="true" />
<option name="GITBOOK_URL_ENCODING" value="false" />
<option name="GITHUB_EMOJI_URL" value="false" />
<option name="GITHUB_LISTS" value="false" />
<option name="GITHUB_WIKI_LINKS" value="true" />
<option name="JEKYLL_FRONT_MATTER" value="false" />
<option name="SIM_TOC_BLANK_LINE_SPACER" value="true" />
</ParserOptions>
</ParserSettings>
<HtmlSettings headerTopEnabled="false" headerBottomEnabled="false" bodyTopEnabled="false" bodyBottomEnabled="false" embedUrlContent="false" addPageHeader="true">
<GeneratorProvider>
<provider providerId="com.vladsch.idea.multimarkdown.editor.swing.html.generator" providerName="Default Swing HTML Generator" />
</GeneratorProvider>
<headerTop />
<headerBottom />
<bodyTop />
<bodyBottom />
</HtmlSettings>
<CssSettings previewScheme="UI_SCHEME" cssUri="" isCssUriEnabled="false" isCssTextEnabled="false" isDynamicPageWidth="true">
<StylesheetProvider>
<provider providerId="com.vladsch.idea.multimarkdown.editor.swing.html.css" providerName="Default Swing Stylesheet" />
</StylesheetProvider>
<ScriptProviders />
<cssText />
</CssSettings>
<HtmlExportSettings updateOnSave="false" parentDir="$ProjectFileDir$" targetDir="$ProjectFileDir$" cssDir="" scriptDir="" plainHtml="false" imageDir="" copyLinkedImages="false" imageUniquifyType="0" targetExt="" useTargetExt="false" noCssNoScripts="false" linkToExportedHtml="true" exportOnSettingsChange="true" regenerateOnProjectOpen="false" />
<LinkMapSettings>
<textMaps />
</LinkMapSettings>
</component>
</project>
\ No newline at end of file
.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/vertical.iml" filepath="$PROJECT_DIR$/.idea/vertical.iml" />
</modules>
</component>
</project>
\ No newline at end of file
.idea/vertical.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
public/img/v2.png 0 → 100644
This diff is collapsed. Click to expand it.
public/img/v3.png 0 → 100644
This diff is collapsed. Click to expand it.
public/img/v4.png 0 → 100644
This diff is collapsed. Click to expand it.
public/img/v6.png 0 → 100644
This diff is collapsed. Click to expand it.
public/img/v7.png 0 → 100644
This diff is collapsed. Click to expand it.
public/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jura:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.4/tiny-slider.css">
<link rel="icon" type="image/png" href="img/logo-v.png"/>
<meta charset="UTF-8">
<title>Vertical</title>
</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>
<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>
</div>
<div class="content">
<div class="gallery-wrap">
<div class="gallery"></div>
</div>
<div class="left-img"></div>
<div class="left-line"></div>
<div class="inner">
<div class="page page-about">
<h1 data-t="menu.about">О компании</h1>
<p data-t="text.about">
Компания «ВЕРТИКАЛЬ» обеспечивает поставку широкого спектра авиационной техники, оборудования, расходных материалов, а также послепродажное обслуживание всем заинтересованным партнерам на территории Российской Федерации, СНГ и дальнего зарубежья.
</p>
</div>
<div class="page page-service">
<h1 data-t="menu.service">Услуги</h1>
<p data-t="text.service">
Основные виды услуг предоставляемых партнерам компанией «ВЕРТИКАЛЬ»:
<ul>
<li>поставка оборудования, запасных частей, расходных материалов и других авиационных товаров для всех типов гражданских самолетов и вертолетов России и стран СНГ;</li>
<li>поставка оборудования аэродромных служб для обслуживания воздушных судов;</li>
<li>поставка оборудования для обеспечения полетов воздушных судов;</li>
<li>поставка спасательных, учебных, запасных, спортивных и специальных парашютов и систем;</li>
<li>поставка расходных и других материалов для обслуживания авиационной техники;</li>
</ul>
</p>
<p>
Богатый опыт нашей компании позволяет нам рассматривать запросы на оказание других видов требуемых услуг.
</p>
</div>
<div class="page page-certificate">
<h1 data-t="menu.certificate">Сертификаты</h1>
<p>Компанией «ВЕРТИКАЛЬ» имеет все необходимые для предоставления услуг сертификаты.</p>
<div class="certs">
<img src="file/image1.jpg">
<img src="file/image2.jpg">
<img src="file/image3.jpg">
<img src="file/image4.jpg">
</div>
<script>
[].slice.call(document.querySelectorAll('.certs img')).forEach(function(el){
el.addEventListener('click', function(){
el.classList.toggle('active')
});
})
</script>
</div>
<div class="page page-privacy">
<h1 data-t="menu.privacy">Политика конфеденциальности</h1>
<h2>Summary</h2>
<p>We do not collect any personal information.</p>
<p>We use 3rd party services which use cookies.
<p>We use 3rd party services which collect website usage data.
<h2>3rd Party Services</h2>
<p>Google Tag Manager</p>
<p>Google Analytics</p>
<h2>Website Visitors</h2>
<p>Like most website operators, Vertical.re collects non-personally-identifying information of the sort that web browsers and servers typically make available, such as the browser type, language preference, referring site, and the date and time of each visitor request. Vertical.re's purpose in collecting non-personally identifying information is to better understand how Vertical.re's visitors use its website. From time to time, Vertical.re may release non-personally-identifying information in the aggregate, e.g., by publishing a report on trends in the usage of its website.</p>
<h2>Aggregated Statistics</h2>
<p>Vertical.re may collect statistics about the behavior of visitors to its website. For instance, Vertical.re may monitor the most popular pages on vertical.re. Vertical.re may display this information publicly or provide it to others. However, Vertical.re does not disclose personally-identifying information.</p>
<h2>Cookies</h2>
<p>A cookie is a string of information that a website stores on a visitor's computer, and that the visitor's browser provides to the website each time the visitor returns. Vertical.re uses cookies to help Vertical.re identify and track visitors, their usage of Vertical.re website, and their website access preferences. Vertical.re visitors who do not wish to have cookies placed on their computers should set their browsers to refuse cookies before using Vertical.re's website, with the drawback that certain features of vertical.re's websites may not function properly without the aid of cookies.</p>
</div>
<div class="page page-contact">
<h1 data-t="menu.contact">Контакты</h1>
<div id="map" style="width:100%; height:400px"></div>
<p>ООО «Русинтех» зарегистрировано:</p>
<ol>
<li>ИНН 1001304282 КПП 100101001; ОКПО 24823769</li>
<li>ОГРН 1151001016154 от 23.12.2015г.;</li>
<li>Генеральный директор — Климова Ольга Владимировна;</li>
<li>ОКВЭД 46.69.1 — оптовая торговля транспортными средствами и оборудованием;</li>
<li>Открыты расчётные счета:<br>
<p>ПАО "БАНК УРАЛСИБ", Москва, БИК: 044525787<br>
Корр. счет: 30101810100000000787<br>
Расчетный счет: 40702810200200001036</p>
</li>
<li>Юридический адрес: 185034, г.Петрозаводск, ул.Водников (Ключевая р-н), д.5, блок-секция 4
Тел. +7 814 2521066</li>
<li>Обособленное подразделение: 105066, Москва, ул.Ольховская, д.45, стр.1
КПП 770845001</li>
<li>Тел./факс: +7 499 763 3394, +7 499 256 7658</li>
<li>Директор ОП — Кубота Михаил Александрович
Тел. +7 916 225 3193</li>
</ol>
</div>
</div>
<div id="customize-controls" style="display: none"></div>
<div id="customize-thumbnails" style="display: none"></div>
</div>
<div class="bottom">
<a href="/privacy" data-t="menu.privacy" class="menu-item">Privacy policy</a>
Vertical Copyright 2015-2022
</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",
"items": 2,
"mouseDrag": true,
loop: true,
"slideBy": "page",
"swipeAngle": false,
"controls": false,
"speed": 2000,
"autoplay": true,
"autoplayTimeout": 5000,
"controlsContainer": "#customize-controls",
})*/
</script>
</body>
</html>
\ No newline at end of file
public/js/translations.js 0 → 100644
var locale = {
'menu.about': {
ru: 'О компании',
en: 'About us'
},
'menu.service': {
ru: 'Услуги',
en: 'Our service'
},
'menu.contact': {
ru: 'Контакты',
en: 'Contacts'
},
'menu.certificate': {
ru: 'Сертификаты',
en: 'Certificates'
}
}
\ No newline at end of file
public/style/main.css 0 → 100644
* {
font-family: 'Jura', sans-serif;
}
.content {
line-height: 1.6em;
}
body {
margin: 0;
padding: 0;
min-height: 100vh;
}
.top-menu {
display: flex;
flex-direction: row;
background: #ededed; overflow: hidden;
box-shadow: 0px 2px #bdd3b9;
}
.bottom {
background: #3f6848;
padding: 16px 28px;
color: #fff;
}
a {
margin: 20px 20px 13px 20px;
padding: 2px;
color: #188111;
position: relative;
font-size: 20px;
text-decoration: none;
white-space: nowrap;
float: right;
}
.bottom a {
color: #fff;
margin: 0;
}
a:before {
content: ' ';
background: rgba(3, 134, 34, 0.2);
position: absolute;
left: 0;
width: 100%;
bottom: 0;
height: 4px;
transition: all 0.5s ease-out;
}
a:hover:before {
right: auto;
width: 4px;
left: -6px;
height: 100%;
}
.bottom a:before {
background: rgba(255, 255, 255, 0.52);
}
.content {
position: relative;
}
.inner {
padding: 32px;
}
.left-line {
background: #3f6848;
top: 0;
bottom: 0;
width: 12px;
left: 0px;
position: absolute;
}
.logo {
font-size: 52px;
color: #ffffff;
white-space: nowrap;
padding: 0 6px 0 14px;
background: #3f6848;
position: relative;
margin-right: 8px;
}
.logo:before {
content: ' ';
position: absolute;
right: -15px;
top: -9px;
background: #3f6848;
width: 28px;
height: 117%;
transform: rotate(25deg);
box-shadow: 3px -4px 0px 0px #85d776;
}
.logo div {
display: inline;
}
.logo span {
transform: rotate(336deg);
display: inline-flex;
margin-right: -18px;
top: 2px;
position: relative;
}
.tns-outer button {
display: none;
}
.gallery-wrap {
/*padding: 32px 0 32px 12px;*/
}
.gallery img {
border: 8px solid #ededed;
border-bottom-style: dotted;
}
.company-name {
z-index: 1;
position: relative;
text-shadow: 0px 4px #66a55b;
top: -4px;
}
.inner {
padding: 32px 128px 64px 348px;
max-width: 640px;
}
.left-line {
background: #3f6848;
top: 0;
bottom: 0;
width: 12px;
left: 224px;
position: absolute;
}
.left-img {
background: url(../img/l1.jpg);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 231px;
}
.logo:after {
content: ' ';
background: linear-gradient(89deg, #13934c, transparent);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.gallery {
height: 321px;
position: relative;
overflow: hidden;
padding: 0 16px;
background: url(../img/v6.png);
background-position-y: -145px;
}
li {
margin-bottom: 16px;
}
.certs img {
max-height: 192px;
transition: 0.5s all ease-in;
}
.certs img.active {
max-height: 75vh;
max-width: 60vw;
}
.hidden {
display: none;
}
\ 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