Skip to content

V
volga
Commit 3d0dfc5a authored by dagalkova's avatar dagalkova
Browse files
Options

update

parent 3173cc5f
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1743 additions and 160 deletions
.DS_Store
View file @ 3d0dfc5a
No preview for this file type
career.html 0 → 100644
View file @ 3d0dfc5a
This diff is collapsed.
company.html
View file @ 3d0dfc5a
...@@ -284,7 +284,10 @@ ...@@ -284,7 +284,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
...@@ -358,10 +361,14 @@ ...@@ -358,10 +361,14 @@
</div> </div>
<div class="company-video company-video-subpage"> <div class="company-video company-video-subpage">
</div> </div>
<a class="company-button company-button-subpage" href="#"> <div class="company-button company-button-subpage">
<img class="company-button__icon" src="img/video_button.png" alt="wacth video icon"> <a class="company-button-link" href="#">
<img class="company-button__text" src="img/video_button_text.png" alt="wacth video text"> <img class="company-button__icon company-button__icon--normal" src="img/video_button.svg" alt="wacth video">
</a> <img class="company-button__icon company-button__icon--hover" src="img/video_button_hover.svg" alt="wacth video">
<img class="company-button__icon company-button__icon--active" src="img/video_button_active.svg" alt="wacth video">
<img class="company-button__text" src="img/video_button_text.png" alt="wacth video text">
</a>
</div>
<div class="company-top"> <div class="company-top">
<div class="company-top-item"> <div class="company-top-item">
<span class="company-top-item__num">Топ-100</span> <span class="company-top-item__num">Топ-100</span>
......
corp_politica.html
View file @ 3d0dfc5a
...@@ -284,7 +284,10 @@ ...@@ -284,7 +284,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
......
head.html
View file @ 3d0dfc5a
...@@ -284,7 +284,10 @@ ...@@ -284,7 +284,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
......
history.html
View file @ 3d0dfc5a
...@@ -284,7 +284,10 @@ ...@@ -284,7 +284,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
...@@ -476,20 +479,20 @@ ...@@ -476,20 +479,20 @@
</div> </div>
</div> </div>
</div> </div>
<a href="#0" class="timeline-content-line-wrapper-events__prev"> <a href="#" class="timeline-content-line-wrapper-events__prev"></a>
<img src="img/prev.png" alt="prev"> <a href="#" class="timeline-content-line-wrapper-events__next"></a>
</a>
<a href="#0" class="timeline-content-line-wrapper-events__next">
<img src="img/next.png" alt="next">
</a>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="history-video"> <section class="history-video">
<div class="history-video-button"> <div class="history-video-button">
<img class="history-video-button__icon" src="img/video_button.png" alt="watch video icon"> <a class="company-button-link" href="#">
<img class="history-video-button__text" src="img/video_button_text_white.png" alt="watch video text"> <img class="history-video-button__icon company-button__icon company-button__icon--normal" src="img/video_button.svg" alt="wacth video">
<img class="history-video-button__icon company-button__icon company-button__icon--hover" src="img/video_button_hover.svg" alt="wacth video">
<img class="history-video-button__icon company-button__icon company-button__icon--active" src="img/video_button_active.svg" alt="wacth video">
<img class="history-video-button__text company-button__text" src="img/video_button_text_white.png" alt="watch video text">
</a>
</div> </div>
<div class="history-video-about"> <div class="history-video-about">
<p class="history-video-about__title">Предприятие сегодня</p> <p class="history-video-about__title">Предприятие сегодня</p>
......
img/next.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.2" y="0.729736" width="40" height="40" fill="#029745"/>
<path d="M20 10.7297L18.6 12.1297L26.2 19.7297H10V21.7297H26.2L18.6 29.3297L20 30.7297C23.7 27.0297 26.5 24.2297 30 20.7297C26 16.7297 28.8 19.5297 20 10.7297Z" fill="white"/>
</svg>
img/next_hover.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="1" y="0.729736" width="40" height="40" fill="#029745"/>
<path d="M20 10.7297L18.6 12.1297L26.2 19.7297H10V21.7297H26.2L18.6 29.3297L20 30.7297C23.7 27.0297 26.5 24.2297 30 20.7297C26 16.7297 28.8 19.5297 20 10.7297Z" fill="white"/>
</svg>
img/prev.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="0.2" width="40" height="40" transform="matrix(-1 0 0 1 40 0.729736)" fill="#029745"/>
<path d="M20 10.7297L21.4 12.1297L13.8 19.7297H30V21.7297H13.8L21.4 29.3297L20 30.7297C16.3 27.0297 13.5 24.2297 10 20.7297C14 16.7297 11.2 19.5297 20 10.7297Z" fill="white"/>
</svg>
img/prev_hover.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="40" height="41" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect opacity="1" width="40" height="40" transform="matrix(-1 0 0 1 40 0.729736)" fill="#029745"/>
<path d="M20 10.7297L21.4 12.1297L13.8 19.7297H30V21.7297H13.8L21.4 29.3297L20 30.7297C16.3 27.0297 13.5 24.2297 10 20.7297C14 16.7297 11.2 19.5297 20 10.7297Z" fill="white"/>
</svg>
img/product1.png
View replaced file @ 3173cc5f View file @ 3d0dfc5a
img/product1.png

59.7 KB | W: | H:

img/product1.png

58.6 KB | W: | H:

img/product1.png
img/product1.png
img/product1.png
img/product1.png
  • 2-up
  • Swipe
  • Onion skin
img/product2.png
View replaced file @ 3173cc5f View file @ 3d0dfc5a
img/product2.png

116 KB | W: | H:

img/product2.png

115 KB | W: | H:

img/product2.png
img/product2.png
img/product2.png
img/product2.png
  • 2-up
  • Swipe
  • Onion skin
img/product3.png
View replaced file @ 3173cc5f View file @ 3d0dfc5a
img/product3.png

86.4 KB | W: | H:

img/product3.png

85.1 KB | W: | H:

img/product3.png
img/product3.png
img/product3.png
img/product3.png
  • 2-up
  • Swipe
  • Onion skin
img/search_close.svg
View file @ 3d0dfc5a
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="0" height="0" class="hidden">
<rect x="14.3652" y="0.721802" width="2" height="20" transform="rotate(45 14.3652 0.721802)" fill="#16291F"/> <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 17" id="search_close">
<rect width="2" height="20" transform="matrix(-0.707107 0.707107 0.707107 0.707107 1.41406 0.721802)" fill="#16291F"/> <path d="M14.365.722l1.414 1.414L1.637 16.278.223 14.864z"></path>
</svg> <path d="M1.414.722L0 2.136l14.142 14.142 1.414-1.414z"></path>
</symbol>
</svg>
\ No newline at end of file
img/vac+.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="0" height="0" class="hidden">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 35" id="vac+">
<path d="M17 1.73v32m16-16H1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
img/vac-.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="0" height="0" class="hidden">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 3" id="vac-">
<path d="M33 1.23H1" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</symbol>
</svg>
\ No newline at end of file
img/vac_call.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="0" height="0" class="hidden">
<symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 13" id="vac_call">
<path d="M11.974 10.027c-.034-.102-.25-.253-.648-.451a19.927 19.927 0 00-.46-.256 23.334 23.334 0 01-.997-.562 11.22 11.22 0 00-.213-.15 2.395 2.395 0 00-.303-.183.558.558 0 00-.243-.06c-.113 0-.255.081-.426.243a4.15 4.15 0 00-.468.529 5.18 5.18 0 01-.452.528c-.159.162-.29.243-.392.243a.58.58 0 01-.192-.042 1.99 1.99 0 01-.175-.073c-.04-.02-.107-.06-.204-.12a5.25 5.25 0 00-.162-.097 8.956 8.956 0 01-2.003-1.483A8.951 8.951 0 013.153 6.09a4.92 4.92 0 00-.098-.162 3.08 3.08 0 01-.12-.205 1.845 1.845 0 01-.071-.174.577.577 0 01-.043-.192c0-.102.08-.233.243-.392.162-.16.338-.31.528-.452.19-.142.367-.298.529-.468.162-.17.242-.313.242-.426 0-.08-.02-.16-.06-.243a2.247 2.247 0 00-.182-.303c-.083-.12-.133-.19-.15-.213a18.751 18.751 0 01-.264-.456 43.06 43.06 0 01-.298-.541 20.245 20.245 0 00-.256-.46c-.198-.398-.349-.614-.451-.648a.477.477 0 00-.18-.026c-.153 0-.353.029-.6.086a3.375 3.375 0 00-.584.179c-.284.119-.585.466-.903 1.04C.145 2.566 0 3.095 0 3.617a3.291 3.291 0 00.136.938c.052.182.093.317.124.405.031.088.09.245.175.473.085.227.136.366.153.417a7.72 7.72 0 00.707 1.492c.449.727 1.061 1.479 1.837 2.254.775.776 1.527 1.388 2.254 1.837.437.272.935.508 1.492.707.05.017.19.068.417.154.227.085.385.143.473.174.088.032.223.073.405.124a3.268 3.268 0 00.937.137c.523 0 1.052-.145 1.585-.435.574-.318.92-.62 1.04-.904a3.35 3.35 0 00.179-.584 2.8 2.8 0 00.085-.6c0-.08-.008-.14-.025-.18z"></path>
</symbol>
</svg>
img/valid.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5954 0.956947C19.1954 0.656947 18.4954 0.656947 18.1954 1.05695L6.39536 15.7569L2.19536 11.5569C1.79536 11.1569 1.19536 11.1569 0.795361 11.5569C0.395361 11.9569 0.395361 12.5569 0.795361 12.9569L5.79536 17.9569C5.99536 18.1569 6.19536 18.2569 6.49536 18.2569C6.79536 18.2569 7.09536 18.1569 7.29536 17.8569L19.7954 2.35695C20.0954 1.95695 20.0954 1.35695 19.5954 0.956947Z" fill="white"/>
</svg>
img/video_button.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="154" height="154" viewBox="0 0 154 154" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="77" y="34.5735" width="60" height="60" transform="rotate(45 77 34.5735)" fill="#029745"/>
<rect x="77" y="25.8751" width="72.3014" height="72.3014" transform="rotate(45 77 25.8751)" stroke="#029745"/>
<rect y="-0.707107" width="88.6148" height="88.6148" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 76.5 139.16)" stroke="#029745" stroke-opacity="0.7"/>
<rect y="-0.707107" width="107.894" height="107.894" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 76.5 152.793)" stroke="#029745" stroke-opacity="0.3"/>
<path d="M88 77.0735L72 86.5735L72 67.5735L88 77.0735Z" fill="white"/>
</svg>
img/video_button_active.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="154" height="154" viewBox="0 0 154 154" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="77" y="34.5735" width="60" height="60" transform="rotate(45 77 34.5735)" fill="#077F3D"/>
<rect x="77" y="25.8751" width="72.3014" height="72.3014" transform="rotate(45 77 25.8751)" stroke="#077F3D"/>
<rect y="-0.707107" width="88.6148" height="88.6148" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 76.5 139.16)" stroke="#077F3D" stroke-opacity="0.7"/>
<rect y="-0.707107" width="107.894" height="107.894" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 76.5 152.793)" stroke="#077F3D" stroke-opacity="0.3"/>
<path d="M88 77.0735L72 86.5735L72 67.5735L88 77.0735Z" fill="white"/>
</svg>
\ No newline at end of file
img/video_button_hover.svg 0 → 100644
View file @ 3d0dfc5a
<svg width="154" height="154" viewBox="0 0 154 154" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="77" y="34.5735" width="60" height="60" transform="rotate(45 77 34.5735)" fill="#28be4a"/>
<rect x="77" y="25.8751" width="72.3014" height="72.3014" transform="rotate(45 77 25.8751)" stroke="#28be4a"/>
<rect y="-0.707107" width="88.6148" height="88.6148" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 76.5 139.16)" stroke="#28be4a" stroke-opacity="0.7"/>
<rect y="-0.707107" width="107.894" height="107.894" transform="matrix(0.707107 -0.707107 -0.707107 -0.707107 76.5 152.793)" stroke="#28be4a" stroke-opacity="0.3"/>
<path d="M88 77.0735L72 86.5735L72 67.5735L88 77.0735Z" fill="white"/>
</svg>
\ No newline at end of file
index.html
View file @ 3d0dfc5a
...@@ -285,7 +285,10 @@ ...@@ -285,7 +285,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
...@@ -379,11 +382,10 @@ ...@@ -379,11 +382,10 @@
<a class="production__link" href="#">Перейти в каталог</a> <a class="production__link" href="#">Перейти в каталог</a>
</div> </div>
<div class="production-list"> <div class="production-list">
<div class="production-list-item"> <div class="production-list-item" style="background-image: url(img/product1.png);">
<img class="production-list-item__image" src="img/product1.png" alt="product image"> <svg class="production-list-item__arrow">
<svg class="production-list-item__arrow"> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
<use xlink:href="img/production_arrow.svg#production_arrow"></use> </svg>
</svg>
<h4 class="production-list-item__title">Бумага для печати</h4> <h4 class="production-list-item__title">Бумага для печати</h4>
<ul class="production-list-item__points"> <ul class="production-list-item__points">
<a class="production-list-item__descr" href="#"> <a class="production-list-item__descr" href="#">
...@@ -403,8 +405,7 @@ ...@@ -403,8 +405,7 @@
</a> </a>
</ul> </ul>
</div> </div>
<div class="production-list-item"> <div class="production-list-item" style="background-image: url(img/product2.png);">
<img class="production-list-item__image" src="img/product2.png" alt="product image">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
...@@ -421,8 +422,7 @@ ...@@ -421,8 +422,7 @@
</a> </a>
</ul> </ul>
</div> </div>
<div class="production-list-item"> <div class="production-list-item" style="background-image: url(img/product3.png);">
<img class="production-list-item__image" src="img/product3.png" alt="product image">
<svg class="production-list-item__arrow"> <svg class="production-list-item__arrow">
<use xlink:href="img/production_arrow.svg#production_arrow"></use> <use xlink:href="img/production_arrow.svg#production_arrow"></use>
</svg> </svg>
...@@ -472,10 +472,14 @@ ...@@ -472,10 +472,14 @@
</div> </div>
<div class="company-video"> <div class="company-video">
</div> </div>
<a class="company-button" href="#"> <div class="company-button">
<img class="company-button__icon" src="img/video_button.png" alt="wacth video icon"> <a class="company-button-link" href="#">
<img class="company-button__text" src="img/video_button_text.png" alt="wacth video text"> <img class="company-button__icon company-button__icon--normal" src="img/video_button.svg" alt="wacth video">
</a> <img class="company-button__icon company-button__icon--hover" src="img/video_button_hover.svg" alt="wacth video">
<img class="company-button__icon company-button__icon--active" src="img/video_button_active.svg" alt="wacth video">
<img class="company-button__text" src="img/video_button_text.png" alt="wacth video text">
</a>
</div>
<div class="company-tour"> <div class="company-tour">
<p class="company-tour__text"> <p class="company-tour__text">
АО «Волга» входит в рейтинги «Топ-200 крупнейших АО «Волга» входит в рейтинги «Топ-200 крупнейших
...@@ -556,15 +560,11 @@ ...@@ -556,15 +560,11 @@
</div> </div>
<div class="press-content-main"> <div class="press-content-main">
<div class="press-wrapper"> <div class="press-wrapper">
<a href="#"> <div class="press-wrapper__button" data-tabs-handler="1">ПРЕСС-РЕЛИЗЫ</div>
<div class="press-wrapper__button">ПРЕСС-РЕЛИЗЫ</div> <div class="press-wrapper__button press-wrapper__button--disabled" data-tabs-handler="2">КОРПОРАТИВНЫЕ СМИ</div>
</a>
<a href="#">
<div class="press-wrapper__button press-wrapper__button--disabled">КОРПОРАТИВНЫЕ СМИ</div>
</a>
<a class="press-wrapper__link" href="#">Перейти в раздел</a> <a class="press-wrapper__link" href="#">Перейти в раздел</a>
</div> </div>
<div class="press-content-news"> <div class="press-content-news" data-tabs-field="1">
<a href="#" class="press-content-news-item"> <a href="#" class="press-content-news-item">
<div class="press-content-news-item__text"> <div class="press-content-news-item__text">
<img class="press-content-news-item__icon" src="img/news_list.svg" alt="list icon"> <img class="press-content-news-item__icon" src="img/news_list.svg" alt="list icon">
...@@ -599,6 +599,41 @@ ...@@ -599,6 +599,41 @@
</div> </div>
</a> </a>
</div> </div>
<div class="press-content-news press-content-news--hidden" data-tabs-field="2">
<a href="#" class="press-content-news-item">
<div class="press-content-news-item__text">
<img class="press-content-news-item__icon" src="img/news_list.svg" alt="list icon">
Три вида продукции АО «Волга» вошли в список «100 лучших товаров России» в 2020 году
</div>
<span class="press-content-news-item__date">04.12.2020</span>
<div class="press-content-news-item-img">
<img class="press-content-news-item-img__photo" src="img/news2.png" alt="news1 photo">
<img class="press-content-news-item-img__arrow" src="img/news_arrow.svg" alt="news arrow">
</div>
</a>
<a href="#" class="press-content-news-item">
<div class="press-content-news-item__text">
<img class="press-content-news-item__icon" src="img/news_list.svg" alt="list icon">
Три вида продукции АО «Волга» вошли в список «100 лучших товаров России» в 2020 году
</div>
<span class="press-content-news-item__date">04.12.2020</span>
<div class="press-content-news-item-img">
<img class="press-content-news-item-img__photo" src="img/news3.png" alt="news2 photo">
<img class="press-content-news-item-img__arrow" src="img/news_arrow.svg" alt="news arrow">
</div>
</a>
<a href="#" class="press-content-news-item">
<div class="press-content-news-item__text">
<img class="press-content-news-item__icon" src="img/news_list.svg" alt="list icon">
Три вида продукции АО «Волга» вошли в список «100 лучших товаров России» в 2020 году
</div>
<span class="press-content-news-item__date">04.12.2020</span>
<div class="press-content-news-item-img">
<img class="press-content-news-item-img__photo" src="img/news1.png" alt="news3 photo">
<img class="press-content-news-item-img__arrow" src="img/news_arrow.svg" alt="news arrow">
</div>
</a>
</div>
</div> </div>
<a class="press__moblink" href="#">Перейти в раздел</a> <a class="press__moblink" href="#">Перейти в раздел</a>
</div> </div>
...@@ -641,9 +676,7 @@ ...@@ -641,9 +676,7 @@
</div> </div>
</section> </section>
<section class="contacts"> <section class="contacts">
<div class="contacts-map" id="map"> <div class="contacts-map" id="map"></div>
</div>
<div class="contacts-info"> <div class="contacts-info">
<div class="contacts-info-item"> <div class="contacts-info-item">
<span class="contacts-info-item__title">Нижегородский офис АО «Волга»</span> <span class="contacts-info-item__title">Нижегородский офис АО «Волга»</span>
...@@ -667,9 +700,9 @@ ...@@ -667,9 +700,9 @@
<span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span> <span class="form-ui-inner-heading__text">Оставьте свои контакты и мы свяжемся с Вами!</span>
</div> </div>
<div class="form-ui-inner-content"> <div class="form-ui-inner-content">
<input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя"> <input class="form-ui-inner-content__input" type="text" placeholder="Ваше имя" required>
<input class="form-ui-inner-content__input" type="tel" placeholder="Телефон"> <input class="form-ui-inner-content__input" type="tel" placeholder="Телефон" pattern="(\+?\d[- .]*){7,13}" required>
<input class="form-ui-inner-content__input" type="email" placeholder="E-mail"> <input class="form-ui-inner-content__input" type="email" placeholder="E-mail" pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required>
<input class="form-ui-inner-content__input" type="text" placeholder="Сообщение"> <input class="form-ui-inner-content__input" type="text" placeholder="Сообщение">
<input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ"> <input class="form-ui-inner-content__button" type="submit" value="ОТПРАВИТЬ">
</div> </div>
...@@ -728,7 +761,8 @@ ...@@ -728,7 +761,8 @@
</footer> </footer>
<script defer src="js/index.js"></script> <script defer src="js/index.js"></script>
<script defer src="js/menu.js"></script> <script defer src="js/menu.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=<6d05ea4e-5eb3-4409-88a3-d4f809c991d9>" type="text/javascript"></script> <script defer src="js/tabs.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU&amp;apikey=6d05ea4e-5eb3-4409-88a3-d4f809c991d9" type="text/javascript"></script>
<script defer src="js/map_icon.js"></script> <script defer src="js/map_icon.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
js/index.js
View file @ 3d0dfc5a
document.querySelector('.navbar-burger').addEventListener('click', () => { document.querySelector('.navbar-burger').addEventListener('click', () => {
document.querySelector('.menu-hidden').classList.add('menu-hidden--active'); document.querySelector('.menu-hidden').classList.add('menu-hidden--active');
document.querySelector('html').style.overflow = 'hidden'; document.querySelector('html').style.overflow = 'hidden';
...@@ -12,6 +11,7 @@ document.querySelector('.menu-hidden-mob__close').addEventListener('click', () = ...@@ -12,6 +11,7 @@ document.querySelector('.menu-hidden-mob__close').addEventListener('click', () =
document.querySelector('html').style.overflowY = 'visible'; document.querySelector('html').style.overflowY = 'visible';
}); });
//+/- menu
let titles = document.querySelectorAll('.menu-hidden-main-block__title'); let titles = document.querySelectorAll('.menu-hidden-main-block__title');
let mores = document.querySelectorAll('.menu-hidden-main-block__more'); let mores = document.querySelectorAll('.menu-hidden-main-block__more');
let wrappers = document.querySelectorAll('.menu-hidden-main-block__wrapper'); let wrappers = document.querySelectorAll('.menu-hidden-main-block__wrapper');
...@@ -32,23 +32,74 @@ let menuItems = document.querySelectorAll('.menu-item'); ...@@ -32,23 +32,74 @@ let menuItems = document.querySelectorAll('.menu-item');
let secondMenuItems = document.querySelectorAll('.second-menu-item'); let secondMenuItems = document.querySelectorAll('.second-menu-item');
let submenus = document.querySelectorAll('.submenu'); let submenus = document.querySelectorAll('.submenu');
let secondSubmenus = document.querySelectorAll('.second-submenu'); let secondSubmenus = document.querySelectorAll('.second-submenu');
for (let i = 0; i < menuItems.length; i++) { for (let i = 0; i < menuItems.length; i++) {
menuItems[i].addEventListener('mouseenter', () => { menuItems[i].addEventListener('mouseenter', () => {
submenus[i].classList.add('submenu--active'); if (search.style.opacity !== '1') {
}); if (window.innerWidth > 1670) {
if (pageYOffset < 680) {
document.querySelector('.header').style.opacity = 1;
}
}
else {
if (pageYOffset < 540) {
document.querySelector('.header').style.opacity = 1;
}
}
submenus[i].classList.add('submenu--active');
}
})
menuItems[i].addEventListener('mouseleave', () => { menuItems[i].addEventListener('mouseleave', () => {
submenus[i].classList.remove('submenu--active'); if (search.style.opacity !== '1') {
}); if (window.innerWidth > 1670) {
if (pageYOffset < 680) {
document.querySelector('.header').style.opacity = 0.99;
}
}
else {
if (pageYOffset < 540) {
document.querySelector('.header').style.opacity = 0.99;
}
}
submenus[i].classList.remove('submenu--active');
}
})
} }
for (let i = 0; i < secondMenuItems.length; i++) { for (let i = 0; i < secondMenuItems.length; i++) {
secondMenuItems[i].addEventListener('mouseenter', () => { secondMenuItems[i].addEventListener('mouseenter', () => {
secondSubmenus[i - 1].classList.add('submenu--active'); if (search.style.opacity !== '1') {
}); secondSubmenus[i - 1].classList.add('submenu--active');
if (window.innerWidth > 1670) {
if (pageYOffset < 680) {
document.querySelector('.header').style.opacity = 1;
}
}
else {
if (pageYOffset < 540) {
document.querySelector('.header').style.opacity = 1;
}
}
}
})
secondMenuItems[i].addEventListener('mouseleave', () => { secondMenuItems[i].addEventListener('mouseleave', () => {
secondSubmenus[i - 1].classList.remove('submenu--active'); if (search.style.opacity !== '1') {
}); secondSubmenus[i - 1].classList.remove('submenu--active');
if (window.innerWidth > 1670) {
if (pageYOffset < 680) {
document.querySelector('.header').style.opacity = 0.99;
}
}
else {
if (pageYOffset < 540) {
document.querySelector('.header').style.opacity = 0.99;
}
}
}
})
} }
//search
let search = document.querySelector('.search'); let search = document.querySelector('.search');
let searchClose = document.querySelector('.search-close'); let searchClose = document.querySelector('.search-close');
let searchLink = document.querySelector('.search-link'); let searchLink = document.querySelector('.search-link');
...@@ -57,10 +108,57 @@ searchClose.addEventListener('click', (e) => { ...@@ -57,10 +108,57 @@ searchClose.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
search.style.opacity = '0'; search.style.opacity = '0';
search.style.visibility = 'hidden'; search.style.visibility = 'hidden';
document.querySelector('.header').style.opacity = 0.99;
for (let point of points) {
point.style.display = 'flex';
}
}); });
searchLink.addEventListener('click', (e) => { searchLink.addEventListener('click', (e) => {
e.preventDefault(); e.preventDefault();
search.style.opacity = '1'; if (search.style.opacity == '1') {
search.style.visibility = 'visible'; search.style.opacity = '0';
search.style.visibility = 'hidden';
document.querySelector('.header').style.opacity = 0.99;
for (let point of points) {
point.style.display = 'flex';
}
}
else {
search.style.opacity = '1';
search.style.visibility = 'visible';
if (pageYOffset > 400) {
document.querySelector('.header').style.opacity = 1;
for (let point of points) {
point.style.display = 'none';
}
}
}
});
//videobutton
let videoButton = document.querySelector('.company-button-link');
let videoButtonNormal = document.querySelector('.company-button__icon--normal');
let videoButtonHover = document.querySelector('.company-button__icon--hover');
let videoButtonActive = document.querySelector('.company-button__icon--active');
videoButton.addEventListener('mouseenter', () => {
videoButtonHover.style.opacity = '1';
videoButtonHover.style.visibility = 'visible';
}); });
videoButton.addEventListener('mouseleave', () => {
videoButtonHover.style.opacity = '0';
videoButtonHover.style.visibility = 'hidden';
});
videoButton.addEventListener('mousedown', () => {
videoButtonActive.style.opacity = '1';
videoButtonActive.style.visibility = 'visible';
});
videoButton.addEventListener('mouseup', () => {
videoButtonActive.style.opacity = '0';
videoButtonActive.style.visibility = 'hidden';
});
\ No newline at end of file
js/map_icon.js
View file @ 3d0dfc5a
...@@ -8,14 +8,14 @@ ymaps.ready(function () { ...@@ -8,14 +8,14 @@ ymaps.ready(function () {
myPlacemark = new ymaps.Placemark([55.763001, 37.619737], { myPlacemark = new ymaps.Placemark([55.763001, 37.619737], {
}, { }, {
iconLayout: 'default#image', iconLayout: 'default#image',
iconImageHref: '../img/map_icon.png', iconImageHref: 'img/map_icon.png',
iconImageSize: [50, 70], iconImageSize: [50, 70],
iconImageOffset: [-25, -65] iconImageOffset: [-25, -65]
}), }),
myPlacemark2 = new ymaps.Placemark([56.529327, 43.560287], { myPlacemark2 = new ymaps.Placemark([56.529327, 43.560287], {
}, { }, {
iconLayout: 'default#image', iconLayout: 'default#image',
iconImageHref: '../img/map_icon.png', iconImageHref: 'img/map_icon.png',
iconImageSize: [50, 70], iconImageSize: [50, 70],
iconImageOffset: [-25, -65] iconImageOffset: [-25, -65]
}); });
...@@ -23,4 +23,5 @@ ymaps.ready(function () { ...@@ -23,4 +23,5 @@ ymaps.ready(function () {
myMap.geoObjects myMap.geoObjects
.add(myPlacemark) .add(myPlacemark)
.add(myPlacemark2); .add(myPlacemark2);
});
\ No newline at end of file });
js/menu.js
View file @ 3d0dfc5a
...@@ -6,6 +6,7 @@ let navbarBurgerTitle = document.querySelector('.navbar-burger__title'); ...@@ -6,6 +6,7 @@ let navbarBurgerTitle = document.querySelector('.navbar-burger__title');
let menuItemLink = document.querySelectorAll('.menu-item__link'); let menuItemLink = document.querySelectorAll('.menu-item__link');
let secondMenuItemLink = document.querySelectorAll('.second-menu-item__link'); let secondMenuItemLink = document.querySelectorAll('.second-menu-item__link');
let secondMenuItemLinkIcon = document.querySelectorAll('.second-menu-item__link__icon'); let secondMenuItemLinkIcon = document.querySelectorAll('.second-menu-item__link__icon');
let points = document.querySelectorAll('.point-item-wrapper');
window.addEventListener('scroll', () => { window.addEventListener('scroll', () => {
let y = pageYOffset; let y = pageYOffset;
...@@ -39,9 +40,61 @@ window.addEventListener('scroll', () => { ...@@ -39,9 +40,61 @@ window.addEventListener('scroll', () => {
item.classList.remove('second-menu-scroll-item__link__icon'); item.classList.remove('second-menu-scroll-item__link__icon');
} }
} }
if (y > 720) {
document.querySelector('.header').style.opacity = 1; if (window.innerWidth > 1670) {
} else { if (search.style.opacity == '1') {
document.querySelector('.header').style.opacity = 0.99; if (y > 470) {
document.querySelector('.header').style.opacity = 1;
for (let point of points) {
point.style.display = 'none';
}
} else {
document.querySelector('.header').style.opacity = 0.99;
for (let point of points) {
point.style.display = 'flex';
}
}
}
else {
if (y > 680) {
document.querySelector('.header').style.opacity = 1;
for (let point of points) {
point.style.display = 'none';
}
} else {
document.querySelector('.header').style.opacity = 0.99;
for (let point of points) {
point.style.display = 'flex';
}
}
}
}
else {
if (search.style.opacity == '1') {
if (y > 340) {
document.querySelector('.header').style.opacity = 1;
for (let point of points) {
point.style.display = 'none';
}
} else {
document.querySelector('.header').style.opacity = 0.99;
for (let point of points) {
point.style.display = 'flex';
}
}
}
else {
if (y > 540) {
document.querySelector('.header').style.opacity = 1;
for (let point of points) {
point.style.display = 'none';
}
} else {
document.querySelector('.header').style.opacity = 0.99;
for (let point of points) {
point.style.display = 'flex';
}
}
}
} }
}); });
\ No newline at end of file
js/menu_subpage.js
View file @ 3d0dfc5a
...@@ -8,6 +8,7 @@ let secondMenuItemLink = document.querySelectorAll('.second-menu-item__link'); ...@@ -8,6 +8,7 @@ let secondMenuItemLink = document.querySelectorAll('.second-menu-item__link');
let secondMenuItemLinkIcon = document.querySelectorAll('.second-menu-item__link__icon'); let secondMenuItemLinkIcon = document.querySelectorAll('.second-menu-item__link__icon');
window.addEventListener('scroll', () => { window.addEventListener('scroll', () => {
document.querySelector('.header').style.opacity = 1;
let y = pageYOffset; let y = pageYOffset;
if (y > 5) { if (y > 5) {
navbarLogo.setAttribute('src', 'img/logo_scroll.svg'); navbarLogo.setAttribute('src', 'img/logo_scroll.svg');
......
js/smothScroll.js
View file @ 3d0dfc5a
...@@ -3,9 +3,14 @@ const smoothScrollElems = document.querySelectorAll('a[href^="#"]:not(a[href="#" ...@@ -3,9 +3,14 @@ const smoothScrollElems = document.querySelectorAll('a[href^="#"]:not(a[href="#"
smoothScrollElems.forEach(link => { smoothScrollElems.forEach(link => {
link.addEventListener('click', (event) => { link.addEventListener('click', (event) => {
event.preventDefault(); event.preventDefault();
const id = link.getAttribute('href').substring(1); let href = link.getAttribute('href').substring(1);
document.getElementById(id).scrollIntoView({ const scrollTarget = document.getElementById(href);
const topOffset = document.querySelector('.navbar').offsetHeight + 10;
const elementPosition = scrollTarget.getBoundingClientRect().top;
const offsetPosition = elementPosition - topOffset;
window.scrollBy({
top: offsetPosition,
behavior: 'smooth' behavior: 'smooth'
}); });
}) })
}) })
\ No newline at end of file
js/tabs.js 0 → 100644
View file @ 3d0dfc5a
const tabsHandlerElems = document.querySelectorAll('[data-tabs-handler]');
const tabsFieldElems = document.querySelectorAll('[data-tabs-field]');
for (const tab of tabsHandlerElems) {
tab.addEventListener('click', () => {
tabsHandlerElems.forEach(item => {
if (tab === item) {
item.classList.remove('press-wrapper__button--disabled');
} else {
item.classList.add('press-wrapper__button--disabled');
}
})
tabsFieldElems.forEach(item => {
if (item.dataset.tabsField === tab.dataset.tabsHandler) {
item.classList.remove('press-content-news--hidden');
} else {
item.classList.add('press-content-news--hidden');
}
})
})
}
\ No newline at end of file
js/vac.js 0 → 100644
View file @ 3d0dfc5a
let plus = document.querySelectorAll('.vac__plus');
let minus = document.querySelectorAll('.vac__minus');
let inner = document.querySelectorAll('.vac-all-item-inner');
for (let i = 0; i < plus.length; i++) {
plus[i].addEventListener('click', () => {
plus[i].style.display = 'none';
minus[i].style.display = 'block';
inner[i].classList.add('vac-all-item-inner--active');
});
}
for (let i = 0; i < minus.length; i++) {
minus[i].addEventListener('click', () => {
minus[i].style.display = 'none';
plus[i].style.display = 'block';
inner[i].classList.remove('vac-all-item-inner--active');
});
}
\ No newline at end of file
production.html
View file @ 3d0dfc5a
...@@ -284,7 +284,10 @@ ...@@ -284,7 +284,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
......
strategy.html
View file @ 3d0dfc5a
...@@ -284,7 +284,10 @@ ...@@ -284,7 +284,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
......
styles/style.css
View file @ 3d0dfc5a
This diff is collapsed.
styles/style.css.map
View file @ 3d0dfc5a
This source diff could not be displayed because it is too large. You can view the blob instead.
styles/style.scss
View file @ 3d0dfc5a
This diff is collapsed.
technology.html
View file @ 3d0dfc5a
...@@ -284,7 +284,10 @@ ...@@ -284,7 +284,10 @@
</nav> </nav>
<div class="search"> <div class="search">
<a class="search-close" href="#"> <a class="search-close" href="#">
Закрыть<img class="search-close__icon" src="img/search_close.svg" alt="close"> Закрыть
<svg class="search-close__icon">
<use xlink:href="img/search_close.svg#search_close"></use>
</svg>
</a> </a>
<input class="search__field" type="search" placeholder="Поиск по сайту"> <input class="search__field" type="search" placeholder="Поиск по сайту">
<input class="search__button" type="submit" value="НАЙТИ"> <input class="search__button" type="submit" value="НАЙТИ">
......
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