    <div class="fon-1">
        <div class="container fon-1-center1">
            <div class="banner-area pb-0">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="category-menu-wrap mb-30">
                                <h3 class="text-dark">
                                    Производители
                                </h3>
                                <div class="category-menu hidecat" style="display: block; position: inherit;">
                                    <nav>
                                        <ul>
                                            <li class="cr-dropdown"><a href="/weishaupt">Weishaupt</a></li>
                                            <li class="cr-dropdown"><a href="/dinel">Dinel</a></li>
                                            <li class="cr-dropdown"><a href="/inoxpa">Inoxpa</a></li>
                                            <li class="cr-dropdown"><a href="/process-data">Process Data</a></li>
                                            <li class="cr-dropdown"><a href="/burkert">Burkert</a></li>
                                            <li class="cr-dropdown"><a href="/belimo">Belimo</a></li>
                                            <li class="cr-dropdown"><a href="/ksr-kuebler">KSR Kuebler</a></li>
                                            <li class="cr-dropdown"><a href="/wika">Wika</a></li>
                                            <li class="cr-dropdown"><a href="/ecolab">Ecolab</a></li>
                                            <li class="cr-dropdown"><a href="/ifm-electronic">IFM electronic</a></li>
                                            <li class="cr-dropdown"><a href="/lenze">Lenze</a></li>
                                            <li class="cr-dropdown"><a href="/samson">Samson</a></li>
                                            <li class=" cr-dropdown m-0"><a href="/on" class="bg-danger pb-1 pt-3 border-radious text-center text-uppercase"><h4 class="text-white">В наличии</h4></a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-9">
                            <div class="bg-white p-5">
                                <h1 data-blade="text">IO-Link решения для заводской автоматизации</h1>
                                <article class="mt-3">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <a href="/io-link/type">
                                                <img src="/img/product/ifm-io-key-tile-teaser1680x1260.jpg" class="w-100">
                                            </a>
                                        </div>
                                        <div class="col-md-6">
                                            <h3><a href="/io-link/type" data-blade="text">IO-Link</a></h3>
                                            <div class="text">
                                                <p data-blade="text">
                                                    IO-Link, это независимая от производителя система коммуникации точка-точка, используемая для подключения датчиков и актуаторов к системе автоматизации.
                                                    <br>Система IO-Link состоит из IO-Link мастера и нескольких приборов с IO-Link. Мастер IO-Link, представляет собой интерфейс для контроллера или полевого уровня и обменивается данными с подключенными датчиками IO-Link.
                                                    <br>IO-Link способен обрабатывать коммутационные сигналы от бинарных датчиков, обрабатывать измеренные значения и параметры от аналоговых датчиков в цифровом виде на основе сигнала 24 В. Это предотвращает ошибки измеренных значений, связанные с передачей и преобразованием аналоговых сигналов.
                                                    <br>IO-Link можно использовать для передачи нескольких измеренных значений и параметров прибора одновременно, через один неэкранированный стандартный кабель.
                                                    <br>IO-Link это международный стандартизированный и независимый от полевой шины и контроллера интерфейс для автоматизации.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </article>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--<div class="product-area pt-0 pb-0">
                <div class="container">
                    <div class="section-title-tab-wrap">
                        <div class="row">
                            <div class="col-xl-6 col-lg-4 col-md-4 col-sm-4">
                                <div class="section-title-5">
                                    <h2 style="line-height: 1;">В наличии</h2>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-4 col-md-4 col-sm-4">
                                <div class="text-right">
                                    <a href="#" class="btn btn-danger text-white">Посмотреть весь асортимент в наличии</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-content jump">
                        <div id="product-6" class="tab-pane active">
                            <div class="product-slider-active owl-carousel">
                                <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                    <div class="product-img">
                                        <a href="#"><img src="img/product/pro-hm5-1.jpg" alt="product"></a>
                                    </div>
                                    <div class="product-content product-content-padding">
                                        <div class="product-content product-content-padding">
                                            <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                    <div class="product-img">
                                        <a href="#"><img src="img/product/pro-hm5-2.jpg" alt="product"></a>
                                    </div>
                                    <div class="product-content product-content-padding">
                                        <div class="product-content product-content-padding">
                                            <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                    <div class="product-img">
                                        <a href="#"><img src="img/product/pro-hm5-3.jpg" alt="product"></a>
                                    </div>
                                    <div class="product-content product-content-padding">
                                        <div class="product-content product-content-padding">
                                            <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                    <div class="product-img">
                                        <a href="#"><img src="img/product/pro-hm5-4.jpg" alt="product"></a>
                                    </div>
                                    <div class="product-content product-content-padding">
                                        <div class="product-content product-content-padding">
                                            <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-wrap product-border-3 product-img-zoom mb-20">
                                    <div class="product-img">
                                        <a href="#"><img src="img/product/pro-hm5-5.jpg" alt="product"></a>
                                    </div>
                                    <div class="product-content product-content-padding">
                                        <div class="product-content product-content-padding">
                                            <h4 class="text-center"><a href="#">Горелки газовые</a></h4>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>-->
        </div>
        <!--<div class="container-fluid">
            <div class="banner-area banner-logo pt-50 pb-0">
                <div class="banner-slider-active">
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/1.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/2.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/3.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/4.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/5.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/6.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/7.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/8.png" alt="banner"></a>
                    </div>
                    <div class="banner-wrap res-white-overly-xs res-white-overly-md res-white-overly-lg res-white-overly-xl">
                        <a href="#"><img src="img/banner/9.png" alt="banner"></a>
                    </div>
                </div>
            </div>
        </div>-->
    </div>
