<!DOCTYPE html><html lang="ru"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ИВАКОН - металлические стеллажи от производителя</title>
<link rel="stylesheet" href="/local/templates/ivakon/css/style.css">
<!-- Favicon img -->
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Bootstarp min css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Themify icons css -->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- All min css -->
<link rel="stylesheet" href="css/all.min.css">
<!-- Swiper bundle min css -->
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<!-- Magnigic popup css -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Nice select css -->
<link rel="stylesheet" href="css/nice-select.css">
<!-- Style css -->
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header area start here -->
<header class="header">
<div class="header-top d-none d-md-block">
<div class="container">
<div class="header-top-wrp">
<ul class="info">
<li><i class="fa-solid fa-phone"></i> <a href="tel:88003000664" onclick="ym(32161844,'reachGoal','click_tel'); return true;">8 800 300 06 64</a></li>
</ul>
<ul class="link-info">
<li class="bor-right"><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li class="bor-right"><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li class="bor-right"><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="header-section">
<div class="container">
<div class="header-wrapper">
<div class="logo-menu">
<a href="/" class="logo">
<img src="images/logo.png" alt="logo">
</a>
<a class="d-block p-0" href="tel:+79930076200" onclick="ym(32161844,'reachGoal','click_tel'); return true;"><i class="fa-solid fa-phone-volume"></i> <b>+7 993 007 62 00</b></a>
</div>
<div class="header-bar d-xl-none">
<span></span>
<span></span>
<span></span>
</div>
<ul class="main-menu">
<li>
<a href="/stellazhi/#stellazhi"> Стеллажи</a>
</li>
<li>
<a href="/"> Металлоконструкции</a>
</li>
<li>
<a href="/stroitelstvo/"> Строительство</a>
</li>
<li>
<a href="/sklady/samonesushchie-sklady/"> Склады</a>
</li>
<li>
<a href="/contacts/"> Контакты</a>
</li>
<li class="m-0 menu_info ms-0 ms-xl-3 mt-4 mt-xl-0">
<a href="#" data-toggle="modal" data-target="#modal-callback" data-animation="fadeInUp" data-delay="1.8s">
<i class="fa-solid call_ico fa-phone-volume"></i>
<div class="call_info">
<span>Заказать звонок</span></a>
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- Header area end here -->
<main>
<!-- Banner area start here -->
<section class="banner-three">
<div class="slider-info">
<div class="dot banner-dot d-none d-sm-block theme"></div>
</div>
<div class="soft-start scale-animation">
<img src="images/soft-star.png" alt="">
</div>
<div class="soft-start-light scale-animation">
<img src="images/soft-star-light.png" alt="">
</div>
<div class="gaps-theme d-none d-sm-block float-bob-x">
<img src="images/gaps-primary.png" alt="">
</div>
<div class="gaps-light d-none d-sm-block float-bob-x">
<img src="images/gaps-light.png" alt="">
</div>
<div class="swiper banner-slider3">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-bg" data-background="banner/c1.jpg"></div>
<div class="container">
<div class="content">
<h1 data-animation="fadeInUp" data-delay="1s">Металлические <br>
стеллажи <br>
под ключ
<img src="images/line.png" alt="">
</h1>
<p data-animation="fadeInUp" data-delay="0.1s">Высокая устойчивость к ударам грузоподъемной техники <br> и механическим повреждениям по сравнению с аналогами ...</p>
<a href="/o-zavode/" class="btn-one mt-65" data-animation="fadeInUp" data-delay="1.8s"><span>О компании</span> <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-bg" data-background="banner/c2.jpg"></div>
<div class="container">
<div class="content">
<h1 data-animation="fadeInUp" data-delay="1s">Изготовление <br>
стеллажей <br>
под ключ
<img src="images/line.png" alt="">
</h1>
<p data-animation="fadeInUp" data-delay="0.1s">Высокая устойчивость к ударам грузоподъемной техники <br> и механическим повреждениям по сравнению с аналогами ...</p>
<a href="/o-zavode/" class="btn-one mt-65" data-animation="fadeInUp" data-delay="1.8s"><span>О компании</span> <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="slide-bg" data-background="banner/c3.jpg"></div>
<div class="container">
<div class="content">
<h1 data-animation="fadeInUp" data-delay="1s">Производство <br>
стеллажей <br>
под ключ
<img src="images/line.png" alt="">
</h1>
<p data-animation="fadeInUp" data-delay="0.1s">Высокая устойчивость к ударам грузоподъемной техники <br> и механическим повреждениям по сравнению с аналогами ...</p>
<a href="/o-zavode/" class="btn-one mt-65" data-animation="fadeInUp" data-delay="1.8s"><span>О компании</span> <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="banner-form wow bounceInRight d-none d-lg-block">
<div class="item bg-white">
<form novalidate="novalidate" id="messageForm1" data-form-type="1" data-type="5" name="SIMPLE_FORM_2" action="/stellazhi/" method="POST" enctype="multipart/form-data">
<input type="hidden" name="WEB_FORM_ID" value="2"/>
<select class="form-control type-callback" name="form_dropdown_SIMPLE_QUESTION_506" required>
<option selected="" value="0">Выберите раздел ...</option>
<option value="9">Заказать расчет на строительство</option>
<option value="10" selected>Заказать расчет на стеллажи</option>
<option value="13">Заказать расчет на металлоконструкции</option>
</select>
<input type="text" id="form_14" name="form_text_14" placeholder="Имя" required>
<input type="text" id="form_15" name="form_text_15" placeholder="Телефон" required>
<input type="email" id="form_16" name="form_email_16" placeholder="Эл. почта">
<textarea name="form_textarea_17" placeholder="Информация о заказе ..."></textarea>
<input type="file" class="form-control" style="display: inline;" name="form_file_18" placeholder="Прикрепить файл">
<p class="modal-submit">
<input type="hidden" name="web_form_name" value="Заявка на расчет" />
<input type="hidden" name="web_form_event" value="FORM_FILLING_SIMPLE_FORM_2" />
<input type="hidden" name="request_type" value="Заявка на расчет"/>
<input type="hidden" name="page_url" value="/stellazhi/"/>
<a href="#message" class="banner_form_btn bg-image d-block send-callback-form">
Отправить расчет <i class="fa-solid fa-arrow-right"></i>
</a>
</p>
<p class="modal-error" style="display: none;"></p>
</form>
</div>
</div>
</section>
<!-- Banner area end here -->
<!-- Banner form lg area start here -->
<div class="banner-form-lg wow bounceInRight d-block d-lg-none section-padding pb-0">
<div class="container">
<div class="row">
<div class="col-lg-5">
<div class="item sub-bg">
<form novalidate="novalidate" id="messageForm4" data-form-type="4" data-type="5" name="SIMPLE_FORM_2" action="/stellazhi/" method="POST" enctype="multipart/form-data">
<input type="hidden" name="WEB_FORM_ID" value="2"/>
<select class="form-control type-callback" name="form_dropdown_SIMPLE_QUESTION_506" required>
<option selected="" value="0">Выберите раздел ...</option>
<option value="9">Заказать расчет на строительство</option>
<option value="10" selected>Заказать расчет на стеллажи</option>
<option value="13">Заказать расчет на металлоконструкции</option>
</select>
<input type="text" id="form_14" name="form_text_14" placeholder="Имя" required>
<input type="text" id="form_15" name="form_text_15" placeholder="Телефон" required>
<input type="email" id="form_16" name="form_email_16" placeholder="Эл. почта">
<textarea name="form_textarea_17" placeholder="Информация о заказе ..."></textarea>
<input type="file" class="form-control" style="display: inline;" name="form_file_18" placeholder="Прикрепить файл">
<p class="modal-submit">
<input type="hidden" name="web_form_name" value="Заявка на расчет" />
<input type="hidden" name="web_form_event" value="FORM_FILLING_SIMPLE_FORM_2" />
<input type="hidden" name="request_type" value="Заявка на расчет"/>
<input type="hidden" name="page_url" value="/stellazhi/"/>
<a href="#message" class="banner_form_btn bg-image d-block send-callback-form">
Отправить расчет <i class="fa-solid fa-arrow-right"></i>
</a>
</p>
<p class="modal-error" style="display: none;"></p>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Banner form lg area end here -->
<!-- Experience area start here -->
<section class="experience-two section-margin mb-0 experience-three section-padding">
<div class="soft-star scale-animation d-none d-lg-block">
<img src="images/soft-star.png" alt="">
</div>
<div class="star start-rotare d-none d-lg-block">
<img src="images/start.png" alt="">
</div>
<div class="container">
<div class="about-three pb-65">
<div class="row g-5 align-items-center">
<div class="col-xl-6">
<div class="section-header m-0">
<h5 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">О нас</h5>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">Ни одного обрушения</h2>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">за всю историю</h2>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">производства</h2>
</div>
</div>
<div class="col-xl-6">
<div class="content">
<p class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">Мы производим стеллажи по Швейцарской технологии «Bt».
Сварная металлическая рама с увеличенной толщиной стали до 3 мм. классической формы, жесткие болтовые соединения, дают следующие преимущества:</p>
<ul class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">
<li><span></span> устойчивость к ударам</li>
<li><span></span> запас по грузоподъемности</li>
<li><span></span> эксплуатация увеличена в 2 раза</li>
</ul>
</div>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-lg-9 wow fadeInDown" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="image">
<img src="images/03.jpg" alt="image">
<div class="stroke-text">
<h2>Производим <br> с 1999 г.</h2>
</div>
<div class="left-gap d-none d-sm-block float-bob-x"><img src="images/left-gap.png" alt=""></div>
<div class="right-gap d-none d-sm-block float-bob-x"><img src="images/right-gap.png" alt="">
</div>
</div>
</div>
<div class="col-lg-3 wow fadeInDown" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<div class="content bor-bottom pb-30">
<span>более</span>
<h2><span class="count">25</span>+</h2>
<span>лет</span>
</div>
<div class="content pt-30">
<span>около</span>
<h2>=<span class="count">18969</span></h2>
<span>проектов</span>
</div>
</div>
<div class="experience_video overlay50">
<img src="images/04.jpg" alt="image">
<div class="video-btn-wrp">
<div class="video video-pulse">
<a class="video-popup secondary-bg" href="https://www.youtube.com/watch?v=ZHO1Q-7p58I"><i class="fa-solid fa-play"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Experience area end here -->
<!-- Text slider area start here -->
<div class="marquee-wrapper text-slider primary-bg">
<div class="marquee-inner to-left">
<ul class="marqee-list d-flex">
<li class="marquee-item">
<span class="stroke-text">Ивакон</span>
Стеллажи <span class="stroke-text">Сварная рама
-</span>
Нет обрушений <span class="stroke-text">Ивакон</span> Стеллажи
<span class="stroke-text">Сварная рама</span> -
<span class="stroke-text">Нет обрушений</span> Ивакон <span class="stroke-text">Стеллажи</span>
Ивакон <span class="stroke-text">Сварная рама
</span>
- <span class="stroke-text">Нет обрушений</span> Ивакон
<span class="stroke-text">Стеллажи</span> Сварная рама
-
<span class="stroke-text">Нет обрушений</span> Ивакон <span class="stroke-text">Стеллажи</span>
Сварная рама - <span class="stroke-text">Нет обрушений
</span>
Ивакон <span class="stroke-text">Стеллажи</span>
</li>
</ul>
</div>
</div>
<!-- Text slider area end here -->
<!-- Blog area start here -->
<section id="stellazhi" class="blog-three section-padding">
<div class="shape1 d-none d-lg-block float-bob-y">
<img src="images/shape1_1.png" alt="">
</div>
<div class="shape2 d-none d-lg-block float-bob-y">
<img src="images/shape2.png" alt="">
</div>
<div class="container">
<div class="section-header text-center">
<h5 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">Металлические стеллажи</h5>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">Каталог</h2>
<a href="#" class="btn-one mt-65" data-animation="fadeInUp" data-delay="1.8s"><span>Заказать расчет</span> <i class="fa-solid fa-arrow-right"></i></a>
</div>
<div class="row g-5">
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/palletnye-frontalnye/">
<div class="image">
<img src="images/c1_1.jpg" alt="image">
<div class="content">
<h3>Паллетные</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества паллетного фронтального хранения:</p>
<p>• Универсальность</p>
<p>• Многоуровневое размещение</p>
<p>• Свободный доступ к каждой единице продукции</p>
<p>• Легкость контроля складских запасов</p>
<p>• Быстрота монтажа / демонтажа</p>
<button class="btn-two">от 11 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/konsolnye/">
<div class="image">
<img src="images/c2_1.jpg" alt="image">
<div class="content">
<h3>Консольные</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества консольных стеллажей:</p>
<p>• компактное хранение длинномерных грузов</p>
<p>• Универсальность хранимых грузов</p>
<p>• Быстрый доступ к грузу</p>
<p>• Довольно высокая плотность загрузки</p>
<p>• Быстрота монтажа / демонтажа</p>
<button class="btn-two">от 13 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/samonesushchie/">
<div class="image">
<img src="images/c3_1.jpg" alt="image">
<div class="content">
<h3>Самонесущие</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества самонесущих складов:</p>
<p>• Выдача разрешения на строительство не требуется</p>
<p>• Низкая стоимость по сравнению с обычными складскими комплексами</p>
<p>• Легкий и быстрый процесс сборки и разборки конструкции, не требующий сварочных работ</p>
<p>• Возможность оборудовать как холодный, так и тёплый склад</p>
<button class="btn-two">от 20 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/mezoniny/">
<div class="image">
<img src="images/c4_1.jpg" alt="image">
<div class="content">
<h3>Мезонинные</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества мезонинов:</p>
<p>• Рациональное использование площади</p>
<p>• Обработка грузов сразу на нескольких уровнях</p>
<p>• Разборная конструкция</p>
<button class="btn-two">от 25 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/palletnye-nabivnye/">
<div class="image">
<img src="images/c5_1.jpg" alt="image">
<div class="content">
<h3>Набивные</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества набивных стеллажей:</p>
<p>• Высокая плотность размещения грузов</p>
<p>• Длительное хранение</p>
<p>• Возможность обслуживать с двух сторон</p>
<button class="btn-two">от 15 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/polochnye/">
<div class="image">
<img src="images/c6_1.jpg" alt="image">
<div class="content">
<h3>Полочные</h3>
</div>
</div>
<div class="content-up">
<p>Конструкция среднегрузовых обеспечивает:</p>
<p>• Прямой доступ</p>
<p>• Размещать штучные или упакованные товары</p>
<p>• До 1500 кг. на полку</p>
<button class="btn-two">от 6 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/rulonnye/">
<div class="image">
<img src="images/c7_1.jpg" alt="image">
<div class="content">
<h3>Рулонные</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества рулонных стеллажей:</p>
<p>• Хранение рулонов любой длинны</p>
<p>• Размещения по высоте и в глубину</p>
<p>• Доступ для демонстрации</p>
<button class="btn-two">от 12 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/barabannye/">
<div class="image">
<img src="images/c8_1.jpg" alt="image">
<div class="content">
<h3>Барабанные</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества барабанных:</p>
<p>• Отмотка без снятия барабана</p>
<p>• Оптимальное расположение на площадях</p>
<p>• Хранение кабельной продукции</p>
<button class="btn-two">от 13 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
<div class="col-md-3 col-xl-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<a href="/stellazhi/arhivnye/">
<div class="image">
<img src="images/c10_1.jpg" alt="image">
<div class="content">
<h3>Архивные</h3>
</div>
</div>
<div class="content-up">
<p>Преимущества архивных стеллажей:</p>
<p>• Для офисных, бытовых и подсобных помещений</p>
<p>• Для хранения в коробках </p>
<p>• До 150 кг. на полку</p>
<button class="btn-two">от 2 000 руб. <i class="fa-solid fa-arrow-right"></i></button>
</div>
</a>
</div>
</div>
</div>
<div class="section-header text-center">
<a href="#" class="btn-one mt-65" data-animation="fadeInUp" data-delay="1.8s"><span>Заказать расчет</span> <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</section>
<!-- Blog area end here -->
<!-- Service area start here -->
<section class="service">
<div class="shape1">
<img src="images/shape1.png" alt="">
</div>
<div class="service-bg bg-image" style="background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(images/bg.jpg);">
</div>
<div class="container-fluid p-0">
<div class="section-header text-center">
<h5 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">Реализованные проекты</h5>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">Объекты</h2>
</div>
<div class="swiper service-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item">
<a href="/stellazhi/proekty/moreprodukt-stellazhi-nabivnye-35/" class="image d-block">
<img src="images/01.jpg" alt="image">
</a>
<div class="content">
<h3><a href="/stellazhi/proekty/moreprodukt-stellazhi-nabivnye-35/">Компания "МОРЕПРОДУКТ": стеллажи набивные</a></h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="/stellazhi/proekty/tbm-stellazhi-palletnye-na-boltah-mezonin-konsolnye-42/" class="image d-block">
<img src="images/02.jpg" alt="image">
</a>
<div class="content">
<h3><a href="/stellazhi/proekty/tbm-stellazhi-palletnye-na-boltah-mezonin-konsolnye-42/">Компания "ТБМ": стеллажи паллетные</a></h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="/stellazhi/proekty/kompaniya-karachinskij-istochnik-126/" class="image d-block">
<img src="images/03_1.jpg" alt="image">
</a>
<div class="content">
<h3><a href="/stellazhi/proekty/kompaniya-karachinskij-istochnik-126/">Компания "Карачинский источник": стеллажи набивные</a></h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="/stellazhi/proekty/kompaniya-gigiantstroj-100/" class="image d-block">
<img src="images/04_1.jpg" alt="image">
</a>
<div class="content">
<h3><a href="/stellazhi/proekty/kompaniya-gigiantstroj-100/">Компания "ГИГАНТСТРОЙ": стеллажи консольные</a></h3>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<a href="/stellazhi/proekty/yeks-stellazhi-palletnye-mezonin-barabannye-43/" class="image d-block">
<img src="images/05.jpg" alt="image">
</a>
<div class="content">
<h3><a href="/stellazhi/proekty/yeks-stellazhi-palletnye-mezonin-barabannye-43/">Компания "ЭКС": мезонины</a></h3>
</div>
</div>
</div>
</div>
</div>
<div class="section-header text-center">
<a href="#" class="btn-one mt-65" data-animation="fadeInUp" data-delay="1.8s"><span>Заказать расчет</span> <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</section>
<!-- Service area end here -->
<!-- Experience area start here -->
<section class="experience section-padding">
<div class="soft-star scale-animation d-none d-lg-block">
<img src="images/soft-star.png" alt="">
</div>
<div class="container">
<div class="row g-4">
<div class="col-lg-6">
<div class="left-item">
<div class="row g-4">
<div class="col-6 wow fadeInLeft">
<div class="item">
<img src="images/choose1.png" alt="icon">
<h4>Выезд на замеры</h4>
</div>
</div>
<div class="col-6 wow fadeInRight">
<div class="item">
<img src="images/choose2.png" alt="icon">
<h4>Проектирование</h4>
</div>
</div>
<div class="col-6 wow fadeInLeft">
<div class="item">
<img src="images/choose3.png" alt="icon">
<h4>Доставка</h4>
</div>
</div>
<div class="col-6 wow fadeInRight">
<div class="item">
<img src="images/choose4.png" alt="icon">
<h4>Монтаж</h4>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="right-item">
<div class="section-header">
<h5 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">Схема работы</h5>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">Этапы</h2>
</div>
<div class="experience-progress-wrapper">
<div class="experience-progress pb-4">
<div class="experience-title-wrapper d-flex align-items-center justify-content-between">
<h5 class="experience-title pb-2">Заключение договора</h5>
<span class="exp" style="left:10%">10%</span>
</div>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration=".8s" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="experience-progress pb-4">
<div class="experience-title-wrapper d-flex justify-content-between align-items-center">
<h5 class="experience-title pb-2">Разработка и проектирование</h5>
<span style="left:20%">20%</span>
</div>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration=".1s" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="experience-progress pb-4">
<div class="experience-title-wrapper d-flex justify-content-between align-items-center">
<h5 class="experience-title pb-2">Контроль изготовления</h5>
<span style="left:30%">30%</span>
</div>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration=".7s" role="progressbar" style="width: 70%;" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="experience-progress">
<div class="experience-title-wrapper d-flex justify-content-between align-items-center">
<h5 class="experience-title pb-2">Монтаж и установка</h5>
<span style="left:40%">40%</span>
</div>
<div class="progress">
<div class="progress-bar wow slideInLeft" data-wow-duration=".95s" role="progressbar" style="width: 95%;" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section-header text-center">
<a href="#" class="btn-one mt-65" data-animation="fadeInUp" data-delay="1.8s"><span>Заказать расчет</span> <i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
</section>
<!-- Experience area end here -->
<!-- Video-area area start here -->
<section class="video-area bg-2 bg-image section-padding">
<div class="container">
<a class="video-popup wow bounceIn" href="https://www.youtube.com/watch?v=ZHO1Q-7p58I"><i class="fa-solid fa-play"></i></a>
<h2 class="pt-65 wow fadeInDown" data-wow-duration="0.1s" data-wow-delay=".1s">
Сварная металлическая рама с увеличенной толщиной стали ...</h2>
</div>
</section>
<!-- Video-area area end here -->
<!-- Text slider area start here -->
<div class="marquee-wrapper text-slider primary-bg">
<div class="marquee-inner to-right">
<ul class="marqee-list d-flex">
<li class="marquee-item">
<span class="stroke-text">Ивакон</span>
Стеллажи <span class="stroke-text">Сварная рама
-</span>
Нет обрушений <span class="stroke-text">Ивакон</span> Стеллажи
<span class="stroke-text">Сварная рама</span> -
<span class="stroke-text">Нет обрушений</span> Ивакон <span class="stroke-text">Стеллажи</span>
Ивакон <span class="stroke-text">Сварная рама
</span>
- <span class="stroke-text">Нет обрушений</span> Ивакон
<span class="stroke-text">Стеллажи</span> Сварная рама
-
<span class="stroke-text">Нет обрушений</span> Ивакон <span class="stroke-text">Стеллажи</span>
Сварная рама - <span class="stroke-text">Нет обрушений
</span>
Ивакон <span class="stroke-text">Стеллажи</span>
</li>
</ul>
</div>
</div>
<!-- Text slider area end here -->
<!-- Portfolio area start here -->
<section class="portfolio bg-image section-padding">
<div class="container">
<div class="pb-65">
<div class="row g-5 align-items-center">
<div class="col-lg-5">
<div class="section-header mb-0">
<h5 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">Индивидуальные решения</h5>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">Вопросы - Ответы</h2>
</div>
</div>
<div class="col-lg-7">
<p class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">Мы изготовливаем как универсальные модели, так и стеллажные системы под хранение конкретной продукции.</p>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-lg-4 wow fadeInLeft" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="left-item">
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button changeImage" data-image="portfolio/03.jpg" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Стеллажи ГОСТ ?
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
Выполняя техническое задание, наши специалисты ориентируются на положения, регламентирующие эксплуатацию сборно-разборных конструкций,
согласно ГОСТ Р 55525-2017.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button changeImage collapsed" data-image="portfolio/02.jpg" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
Сроки изготовления ?
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
Стандартный срок в среднем составляет 2 недели. При больших объемах (от 1000 п/м) этот срок может увеличиться до 3 недель.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button changeImage collapsed" data-image="portfolio/01.jpg" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
Стоимость стеллажей ?
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
<div class="accordion-body">
Стоимость зависит от множества факторов, например: высоты рамы, количества уровней хранения, нагрузок на уровень, схемы расстановки и т.д.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button changeImage collapsed" data-image="portfolio/03.jpg" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
Сроки монтажа ?
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
<div class="accordion-body">
Сроки монтажа зависят от объема продукции, монтаж рассчитывается приблизительно 10% от стоимости всего объема стеллажей.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button changeImage collapsed" data-image="portfolio/02.jpg" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
Схема сборки ?
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
<div class="accordion-body">
Если у клиента возникает необходимость, то конечно предоставляется.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 wow fadeInRight" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="image">
<img id="myImage" src="portfolio/01.jpg" alt="image">
<div class="gaps-light d-none d-sm-block float-bob-x">
<img src="images/gaps-primary-fade.png" alt="">
</div>
<div class="gaps-light2 d-none d-sm-block float-bob-x">
<img src="images/gaps-primary-fade.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio area end here -->
<!-- Product area start here -->
<section class="product light section-padding">
<div class="container">
<div class="section-header text-center position-relative">
<h5 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">Клиенты и партнеры</h5>
<h2 class="wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">Сотрудничество</h2>
</div>
<div class="swiper product-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="item">
<img src="images/020.jpg" alt="image">
<div class="content">
<h4><a href="/partners/">Теплодар</a></h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/021.jpg" alt="image">
<div class="content">
<h4><a href="/partners/">Восточная техника</a></h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/022.jpg" alt="image">
<div class="content">
<h4><a href="/partners/">Межениновская</a></h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/023.jpg" alt="image">
<div class="content">
<h4><a href="/partners/">Геркулес</a></h4>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="item">
<img src="images/024.jpg" alt="image">
<div class="content">
<h4><a href="/partners/">Эликон</a></h4>
</div>
</div>
</div>
</div>
<button class="arry-prev product-arry-prev"><i class="ti-angle-left"></i></button>
<button class="arry-next product-arry-next"><i class="ti-angle-right"></i></button>
</div>
</div>
</section>
<!-- Product area end here -->
</main>
<!-- Footer area start here -->
<footer class="secondary-bg">
<div class="map">
<img src="images/map.png" alt="">
</div>
<div class="container">
<div class="chat">
<div class="row g-0 align-items-center">
<div class="col-lg-2">
<div class="chat_icon">
<img src="images/chat.png" alt="icon">
</div>
</div>
<div class="col-lg-6">
<h2>А вам какой стеллаж ?</h2>
</div>
<div class="col-lg-4">
<ul>
<li class="info">
<div class="img2 scale-animation">
<img src="images/info1.png" alt="image">
</div>
<div class="img2 scale-animation">
<img class="info_image" src="images/info2.png" alt="iamge">
</div>
</li>
<li><a href="tel:88003000664">8-800-300-06-64</a></li>
</ul>
</div>
</div>
</div>
<div class="pt-65 pb-65">
<div class="row g-4">
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".1s">
<div class="item">
<div class="logo pb-3">
<a href="#">
<img src="images/footer-logo.png" alt="logo">
</a>
</div>
<p>Завод металлических конструкций в Западной Сибири</p>
<div class="social-icon">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".4s">
<div class="item g-4">
<div class="title">
<h4>Адрес</h4>
</div>
<ul>
<li><a href="#"><i class="fa-solid fa-location-dot pe-1 text-white"></i>
630096, Россия, г. Новосибирск, ул. Станционная, д. 60/1 кор. 6
</a></li>
<li><a href="tel:+78003000664"><i class="fa-solid fa-phone-volume pe-1 text-white"></i>
+7 800 300 06 64
</a></li>
<li><a href="mailto:info@ivakon.ru"><i class="fa-solid fa-envelope pe-1 text-white"></i>
info@ivakon.ru</a></a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 wow fadeInUp" data-wow-duration="1.7s" data-wow-delay=".1s">
<div class="item">
<div class="title">
<h4>О нас</h4>
</div>
<div class="row g-2">
<div class="col-6">
<ul>
<li><a href="/o-zavode/">Завод</a></li>
<li><a href="/partners/">Партнеры</a></li>
<li><a href="/vacancy/">Вакансии</a></li>
<li><a href="/contacts/">Контакты</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-duration="0.1s" data-wow-delay=".6s">
<div class="item gallery">
<div class="title">
<h4>Документы</h4>
</div>
<div class="row g-2">
<div class="col-4">
<a href="portfolio/01.jpg" class="footer-popup image d-block">
<img src="portfolio/01.jpg" alt="image">
<div class="icon">
<i class="fa-solid fa-plus"></i>
</div>
</a>
</div>
<div class="col-4">
<a href="portfolio/02.jpg" class="footer-popup image d-block">
<img src="portfolio/02.jpg" alt="image">
<div class="icon">
<i class="fa-solid fa-plus"></i>
</div>
</a>
</div>
<div class="col-4">
<a href="portfolio/03.jpg" class="footer-popup image d-block">
<img src="portfolio/03.jpg" alt="image">
<div class="icon">
<i class="fa-solid fa-plus"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<p><strong>Copyright © 2024</strong></p>
</div>
</div>
</footer>
<!-- Footer area end here -->
<!-- Back to top area start here -->
<div class="scroll-up">
<svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"></path>
</svg>
</div>
<!-- Back to top area end here -->
<div class="modal" id="modal-callback" tabindex="-1" role="dialog" aria-labelledby="modal-callbackLabel">
<div class="modal-dialog" role="document">
<a href="#" class="modal-close" data-dismiss="modal" aria-label="Close"><img src="/local/templates/ivakon/img/close.png" alt=""></a>
<p class="modal-title">Заказ обратного звонка</p>
<form novalidate="novalidate" id="messageForm2" class="modal-form" data-form-type="2" data-type="5" name="SIMPLE_FORM_1" action="/stellazhi/" method="POST" enctype="multipart/form-data">
<input type="hidden" name="WEB_FORM_ID" value="1">
<p>
<select class="form-control type-callback" name="form_dropdown_SIMPLE_QUESTION_376" required>
<option selected="" value="0" >Выберите раздел...</option>
<!--
<option value="2">Строительство</option>
<option value="3">Металлические стеллажи</option>
<option value="4">Самонесущие склады</option>
<option value="5">Металлообработка</option>
<option value="6">Металлоконструкции</option>
-->
<option value="2">Звонок на строительство</option>
<option value="3" selected>Звонок на стеллажи</option>
<option value="6">Звонок на металлоконструкции</option>
</select>
</p>
<div class="form-fields">
<p>
<input type="text" class="callback-default" id="form_7" placeholder="Имя" name="form_text_7" required>
</p>
</div>
<div class="form-fields">
<p>
<input type="text" class="callback-default" id="form_8" placeholder="Телефон" name="form_text_8" required>
</p>
</div>
<p class="modal-submit">
<input type="hidden" name="web_form_name" value="Заказ обратного звонка" />
<input type="hidden" name="web_form_event" value="FORM_FILLING_SIMPLE_FORM_1" />
<input type="hidden" name="request_type" value="Заказ обратного звонка"/>
<input type="hidden" name="page_url" value="/stellazhi/"/>
<a href="#" class="add-to-cart-button send-callback-form">
Перезвоните мне
</a>
</p>
<p class="modal-error" style="display: none;"></p>
</form>
</div>
</div>
<!-- Jquery 3 6 0 Min Js -->
<script src="js/jquery-3.6.0.min.js"></script>
<!-- Swiper bundle min Js -->
<script src="js/swiper-bundle.min.js"></script>
<!-- Bootstrap Js -->
<script type="text/javascript" src="/js/bootstrap.js"></script>
<!-- Bootstrap min Js -->
<script src="/local/templates/ivakon/js/bootstrap.min.js"></script>
<!-- Bootstrap accordion min Js -->
<script src="js/bootstrap-accordion.min.js"></script>
<!-- Counterup min Js -->
<script src="js/jquery.counterup.min.js"></script>
<!-- Wow min Js -->
<script src="js/wow.min.js"></script>
<!-- Magnific popup min Js -->
<script src="js/magnific-popup.min.js"></script>
<!-- Nice select min Js -->
<script src="js/nice-select.min.js"></script>
<!-- Isotope pkgd min Js -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- Waypoints Js -->
<script src="js/jquery.waypoints.js"></script>
<!-- Script Js -->
<script src="js/script.js"></script>
<!-- Send Js -->
<script src="/local/templates/ivakon/js/send.js"></script>
<!-- Main Js -->
<script type="text/javascript" src="/js/main.js"></script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(32161844, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/32161844" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<link href="/bitrix/css/widget.css" rel="stylesheet">
<script>
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|BB|PlayBook|IEMobile|Windows Phone|Kindle|Silk|Opera Mini/i
.test(navigator.userAgent)) {
document.body.insertAdjacentHTML("afterbegin", `<div type='button' class='callback-bt'> <div class='text-call'> <a href='https://api.whatsapp.com/send?phone=79930076200' target='_blank'>
<i class='fa-solid fa-comments' aria-hidden='true'></i></a> <a href='https://api.whatsapp.com/send?phone=79930076200' target='_blank'>
<span>Online 3<br>WhatsApp</span> </a>
</div></div>`);
} else document.body.insertAdjacentHTML("afterbegin", `<div type='button' class='callback-bt'> <div class='text-call'> <a href='https://web.whatsapp.com/send/?phone=79930076200' target='_blank'>
<i class='fa-solid fa-comments' aria-hidden='true'></i></a> <a href='https://web.whatsapp.com/send/?phone=79930076200' target='_blank'>
<span>Online 3<br>WhatsApp</span> </a>
</div></div>`);
</script>
<!-- Begin LeadBack code {leadback_stellazhi} -->
<script>
var _emv = _emv || [];
_emv['campaign'] = '09859012c567ebe7da6f05f9';
(function() {
var em = document.createElement('script'); em.type = 'text/javascript'; em.async = true;
em.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'leadback.ru/js/leadback.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(em, s);
})();
</script>
<!-- End LeadBack code {/leadback_stellazhi} -->
</body></html>