Showing source for: https://kosox.ru/
Duration: 0.795988s
Server: nginx/1.24.0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Продажа подшипников и комплектующих в Санкт-Петербурге | kosox.ru</title>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0">
<!-- <link rel="stylesheet" href="lib/accordion.min.css" /> -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="./css/main.css"> -->
<script src="//code.jivo.ru/widget/YIcMscxWhr" async></script>
<meta name='robots' content='max-image-preview:large' />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/kosox.ru\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.3"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id='wp-emoji-styles-inline-css' type='text/css'>
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://kosox.ru/wp-includes/css/dist/block-library/style.min.css?ver=6.5.3' type='text/css' media='all' />
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://kosox.ru/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9' type='text/css' media='all' />
<style id='contact-form-7-inline-css' type='text/css'>
.wpcf7 .wpcf7-recaptcha iframe {margin-bottom: 0;}.wpcf7 .wpcf7-recaptcha[data-align="center"] > div {margin: 0 auto;}.wpcf7 .wpcf7-recaptcha[data-align="right"] > div {margin: 0 0 0 auto;}
</style>
<link rel='stylesheet' id='accordion_style-css' href='https://kosox.ru/wp-content/themes/strategy/assets/css/accordion.min.css?ver=6.5.3' type='text/css' media='all' />
<link rel='stylesheet' id='maincss-css' href='https://kosox.ru/wp-content/themes/strategy/assets/css/main.css?ver=6.5.3' type='text/css' media='all' />
<link rel="https://api.w.org/" href="https://kosox.ru/wp-json/" /><link rel="alternate" type="application/json" href="https://kosox.ru/wp-json/wp/v2/pages/7" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://kosox.ru/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.5.3" />
<link rel="canonical" href="https://kosox.ru/" />
<link rel='shortlink' href='https://kosox.ru/' />
<link rel="alternate" type="application/json+oembed" href="https://kosox.ru/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkosox.ru%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://kosox.ru/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fkosox.ru%2F&format=xml" />
<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.grecaptcha-badge{
visibility: hidden;
}
</style>
<!-- end Simple Custom CSS and JS -->
<link rel="icon" href="https://kosox.ru/wp-content/uploads/2024/03/cropped-Frame-183-32x32.png" sizes="32x32" />
<link rel="icon" href="https://kosox.ru/wp-content/uploads/2024/03/cropped-Frame-183-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://kosox.ru/wp-content/uploads/2024/03/cropped-Frame-183-180x180.png" />
<meta name="msapplication-TileImage" content="https://kosox.ru/wp-content/uploads/2024/03/cropped-Frame-183-270x270.png" />
</head>
<body class="home page-template page-template-page-main page-template-page-main-php page page-id-7">
<!-- 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(96903070, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/96903070" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<header class="header">
<div class="logo">
<a href="#"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/logo.png" alt="Logo"></a>
</div>
<nav class="navigation">
<ul>
<li><a href="#catalog">Каталог</a></li>
<li><a href="#about">О компании</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</nav>
<div class="contact-info">
<div class="contact-info-item phone">
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/phone.svg" alt="Phone">
<p><a href="tel:8(812)455-51-55">8(812)455-51-55</a></p>
</div>
<div class="contact-info-item email">
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/email.svg" alt="Email">
<p><a href="mailto:" data-real-email="[email protected]">[email protected]</a></p>
</div>
</div>
<div class="social-icons">
<div class="tel-social-icon">
<a href="tel:8(812)455-51-55"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/Group 2.svg" alt="Tel"></a>
</div>
<div class="social-icon">
<a href="viber://chat?number=+79818800222"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/viber.png" alt="Viber"></a>
</div>
<div class="social-icon">
<a href="https://api.whatsapp.com/send?phone=79818800222"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/whats-app.png" alt="WhatsApp"></a>
</div>
<div class="social-icon">
<a href="https://telegram.im/@kosox78"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/telegram.png" alt="Telegram"></a>
</div>
</div>
<div class="call-back-button">
<a href="#form"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/phone.svg" alt="Phone Icon"> Обратный звонок</a>
</div>
<div class="menu">
<a class="menu-triger" href="#"></a>
<div class="menu-popup">
<ul>
<div class="menu-logo">
<a class="logo-menu" href="#"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/logo.png" alt="Logo"></a>
</div>
<div class="menu-contact-info">
<div class="contact-info-item phone">
<a href="tel:8(812)455-51-55"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/phone.svg" alt="Phone"></a>
<p><a href="tel:8(812)455-51-55">8(812)455-51-55</a></p>
</div>
<div class="contact-info-item email">
<a href="mailto:" data-real-email="[email protected]"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/email.svg" alt="Email"></a>
<p><a href="mailto:" data-real-email="[email protected]">[email protected]</a></p>
</div>
</div>
<nav class="menu-navigation">
<ul>
<li><a href="#catalog">Каталог</a></li>
<li><a href="#about">О компании</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</nav>
</ul>
</div>
</div>
</header>
<main>
<section class="order-section">
<h2>Мы - ваша помощь<br>в промышленных работах</h2>
<p>Более 60 тысяч образцов товаров<br>с гарантией ГОСТ/ТУ/ISO качества</p>
<button><a href="#form">Оставить заявку</a></button>
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/bearings.png" alt="Image1">
</section>
<section id="catalog" class="catalog-selection">
<h2>Каталог продукции</h2>
<div class="swiper swiper1">
<div class="swiper-wrapper wrapper1">
<!-- Slides will be generated here -->
<!-- Типовой элемент -->
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/1-300x180-1.png">
<div class="carousel-content">
<h3>Двигатели для специализированной техники </h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/2-300x180-1.png">
<div class="carousel-content">
<h3>Шарикоподшипники</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/3-300x180-1.png">
<div class="carousel-content">
<h3>Втулки различных видов</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/4-1.png">
<div class="carousel-content">
<h3>Подшипники</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/5-1.png">
<div class="carousel-content">
<h3>Крепежные и стопорные элементы</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/6-1.png">
<div class="carousel-content">
<h3>Муфты различных видов</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/7-1.png">
<div class="carousel-content">
<h3>Опорные ролики</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/8-1.png">
<div class="carousel-content">
<h3>Подшипниковые опоры </h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/9-1.png">
<div class="carousel-content">
<h3>Ремни приводные </h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/10-1.png">
<div class="carousel-content">
<h3>Роликоподшипники</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/11-1.png">
<div class="carousel-content">
<h3>Системы линейного перемещения</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/12-1.png">
<div class="carousel-content">
<h3>Шарнирные головки</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/13-1.png">
<div class="carousel-content">
<h3>Шкивы для ремней</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/14-1.png">
<div class="carousel-content">
<h3>Камлоки</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/15-1.png">
<div class="carousel-content">
<h3>Опорно-поворотные устройства</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/16-1.png">
<div class="carousel-content">
<h3>Рукава и шланги</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/17-1.png">
<div class="carousel-content">
<h3>Агрегаты для специализированной техники</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/18-1.png">
<div class="carousel-content">
<h3>Станки ЧПУ</h3>
<a href="#form" class="btn">Заказать</a>
<!-- <button class="btn">Подробнее...</button> -->
</div>
</div>
<!-- <div class="swiper-slide">
<img>
<div class="carousel-content">
<h3></h3>
<button class="btn"></button>
</div>
</div> -->
</div>
<div class="swiper-pagination swiper-pagination1"></div>
</div>
<div class="type-of-bearings-carousel" id="type-of-bearings-carousel"></div>
<button class="all-units"><a href="#form">Связаться</a></button>
<div class="catalog-container">
<h2>Каталог Двигателей и Специализированной техники</h2>
<div class="grid-container" id="gridContainer">
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/11-logo-1-1.png">
<div class="card-info">
<p class="card-text">Shantui</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/10-logo-1.png">
<div class="card-info">
<p class="card-text">Weichai</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/9-logo-1.png">
<div class="card-info">
<p class="card-text">Shanghai</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/8-logo-1.png">
<div class="card-info">
<p class="card-text">Perkins</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/7-logo-1.png">
<div class="card-info">
<p class="card-text">Komatsu</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/6-logo-1.png">
<div class="card-info">
<p class="card-text">Isuzu</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/5-logo-1.png">
<div class="card-info">
<p class="card-text">Doosan</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/cdc4ade276fec5e25c568738fe3d7c0d-1-300x292-1.png">
<div class="card-info">
<p class="card-text">Deutz</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/1200px-Cummins_logo.svg-1-300x283-1.png">
<div class="card-info">
<p class="card-text">Cummins</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/2-logo-1.png">
<div class="card-info">
<p class="card-text">Caterpillar</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/1-logo-1.png">
<div class="card-info">
<p class="card-text">Baifa</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/sandvik-1-logo-png-transparent-1-300x109-1.png">
<div class="card-info">
<p class="card-text">Sandvik</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
</div>
</div>
<div class="catalog-container">
<h2>Каталог Станков ЧПУ</h2>
<div class="grid-container" id="gridContainer">
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/5b77fb79498e85518f799554-1-1-1.png">
<div class="card-info">
<p class="card-text">ShenYang</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/897ee7e39b96d46c2c77d972fd76d4ae-300x155-1.jpg">
<div class="card-info">
<p class="card-text">SMTCL</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/Без-названия-15-1.png">
<div class="card-info">
<p class="card-text">Sieg</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/logo-1-1.png">
<div class="card-info">
<p class="card-text">Yuwe</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
</div>
</div>
<div class="catalog-container">
<h2>Каталог Подшипников</h2>
<div class="grid-container" id="gridContainer">
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/NSK.jpg">
<div class="card-info">
<p class="card-text">NSK Global</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/logo-contact.jpg">
<div class="card-info">
<p class="card-text">Nachi Technology</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/Logo-CMYK-JPG.jpg">
<div class="card-info">
<p class="card-text">Timken Company</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/PEER-Bearing-Logo.jpg">
<div class="card-info">
<p class="card-text">PEER Bearing</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/IMG_20240314_093306.jpg">
<div class="card-info">
<p class="card-text">NMB</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/360_F_518902500_AxH2VzhFceK37VMHNvwQlO3vLd2ox0Lo.jpg">
<div class="card-info">
<p class="card-text">AB SKF</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/NTN-SNR_logo.jpg">
<div class="card-info">
<p class="card-text">NTN-SNR</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/255dcee0e7200bf892996ef9a9cd210d-1.jpg">
<div class="card-info">
<p class="card-text">Craft-Bearings</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/c39728c7e7889d0ff538ea46a6eeaaa4-300x180-1.jpg">
<div class="card-info">
<p class="card-text">MPZ</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/6ef84e69a7650896b78ed17e58c1eab9-300x150-1.png">
<div class="card-info">
<p class="card-text">ISB</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/Schaeffler_Group_logo-1.png">
<div class="card-info">
<p class="card-text">SCHAEFFLER</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/harp2-300x274-1.png">
<div class="card-info">
<p class="card-text">HARP</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/koyo-300x142-1.png">
<div class="card-info">
<p class="card-text">Koyo</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/new20201021_2-300x94-1.jpg">
<div class="card-info">
<p class="card-text">GPZ</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/logo-2-1-300x216-1.png">
<div class="card-info">
<p class="card-text">SPZ</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
<div class="card">
<img src="https://kosox.ru/wp-content/uploads/2024/03/f326d73489ed9cf23f6e53e616816094_XL-207x300-1.jpg">
<div class="card-info">
<p class="card-text">GPZ</p>
<a href="#form" class="card-button">Подробнее...</a>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="about-company-selection">
<div class="about-rectangle">
<p class="about-company">О компании</p>
<p class="about-company-description">Команда "KOSOX" на рынке уже десятки лет и мы отлично знаем, что нужно нашим покупателям. Предоставляя различные комплектующие для промышленности, мы также даем отличный сервис и наилучшие условия сотрудничества.<br>Наш каталог товаров представлен большим количеством образцов, а также помимо тех категорий, что вы видите, мы всегда можем поставить вам изделия под заказ от ведущих производителей рынка</p>
<p class="about-company-slogan">Оставляйте заявку на нашем сайте, с вами свяжутся наши менеджеры и мы обязательно придем к соглашению!
</p>
</div>
</section>
<section class="advantages-selection">
<h2>Преимущества компании</h2>
<div class="advantages-grid" id="advantagesGrid">
<div class="advantage">
<img src="https://kosox.ru/wp-content/uploads/2024/03/prices.png">
<div class="textDiv">
<h3 class="title">Лучшие цены </h3>
<p class="description">У нас одни из самых минимальных цен на рынке</p>
</div>
</div>
<div class="advantage">
<img src="https://kosox.ru/wp-content/uploads/2024/03/delivery.png">
<div class="textDiv">
<h3 class="title">Доступность</h3>
<p class="description">Доставляем товары по всей Российской Федерации</p>
</div>
</div>
<div class="advantage">
<img src="https://kosox.ru/wp-content/uploads/2024/03/склад.png">
<div class="textDiv">
<h3 class="title">Скорость доставки</h3>
<p class="description">На нашем складе лежит большое количество товаров уже готовых к отправке</p>
</div>
</div>
<div class="advantage">
<img src="https://kosox.ru/wp-content/uploads/2024/03/quality.png">
<div class="textDiv">
<h3 class="title">Гарантия качества</h3>
<p class="description">Все наши изделия с гарантией ГОСТ/ТУ/ISO качества</p>
</div>
</div>
<div class="advantage">
<img src="https://kosox.ru/wp-content/uploads/2024/03/поставщики.png">
<div class="textDiv">
<h3 class="title">Поставщики</h3>
<p class="description">Наши партнеры - это ведущие производители Японии, Франции, Германии, Италии, Англии, Китая</p>
</div>
</div>
<div class="advantage">
<img src="https://kosox.ru/wp-content/uploads/2024/03/удобство.png">
<div class="textDiv">
<h3 class="title">Удобство клиентов</h3>
<p class="description">Мы работаем без посредников, а значит вам не придется лишний раз переплачивать</p>
</div>
</div>
</div>
</section>
<section class ="class-of-bearings-carousel-selection">
<div class="swiper swiper3">
<div class="swiper-wrapper wrapper3">
<!-- Slides will be generated here -->
<div class="swiper-slide">
<h2 class="Name-of-category">Промышленность, в которой применяется наша техника</h2>
<div class="accordion-container accordion1">
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/1-prom.png">
<button type="button" class="ac-trigger">Добывающая промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Добывающая промышленность - отрасли промышленности, занимающиеся добычей различного сырья и энергии. Добывающая промышленность включает: получение электроэнергии; все отрасли горнодобывающей промышленности; лесозаготовку, лесные промыслы; охоту, рыболовство, добычу морского зверя. Иногда лесозаготовку и лесные промыслы рассматривают вместе с деревообработкой, выделяя лесную и деревообрабатывающую промышленность. Основные предприятия добывающей промышленности: в электроэнергетике, электростанции; в горнодобывающей промышленности, каръеры, рудники, разрезы, шахты, прииски; в лесозаготовках, леспромхозы; в охотничьем и рыболовецком промыслах, охотничьи, рыболовецкие, зверобойные хозяйства, артели.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/2-prom.png">
<button type="button" class="ac-trigger">Металлургия</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Область науки и техники, охватывающая процессы получения металлов из руд или других видов сырья, а также процессы, связанные с изменением химического состава, структуры и свойств металлических сплавов и производством разнообразных металлических изделий из них. В первоначальном, узком значении — искусство извлечения металлов из руд. В настоящее время металлургия является также отраслью промышленности.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/Black.png">
<button type="button" class="ac-trigger">Машиностроение</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Машиностроение — это отрасль тяжелой промышленности, производящая всевозможные машины, орудия, приборы, а также предметы потребления и продукцию оборонного назначения. Традиционно машиностроение делят на следующие группы отраслей: тяжелое машиностроение, общее машиностроение, среднее машиностроение, точное машиностроение, производство металлических изделий и заготовок, ремонт машин и оборудования.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/4-prom.png">
<button type="button" class="ac-trigger">Нефтеперерабатывающая промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Отрасль экономики, занимающаяся добычей, переработкой, транспортировкой, складированием и продажей полезного природного ископаемого — нефти и сопутствующих нефтепродуктов. К смежным отраслям промышленности относят: геофизику, бурение, производство нефтегазового оборудования. Основу нефтяной промышленности составляют вертикально-интегрированные нефтяные компании.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/5-prom.png">
<button type="button" class="ac-trigger">Химическая промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Химическая промышленность обеспечивает множество отраслей новыми исходными продуктами и материалами. Особенно влияет химическая индустрия на развитие строительства, автомобилестроения и сельского хозяйства. Данная отрасль является одной из самых активно продвигающихся на мировом рынке, во многом находится на уровне с машиностроением. Химический комплекс обладает высокой наукоемкостью.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/6-prom.png">
<button type="button" class="ac-trigger">Целлюлозно-бумажная промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Целлюлозно-бумажная промышленность состоит из предприятий, которые в качестве сырья для производства готовой продукции используют древесину, растения, отходы бумаги и картона, производя из них целлюлозу, бумагу, картон и другие продукты на основе растительных полимеров.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/7-prom.png">
<button type="button" class="ac-trigger">Легкая промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Одной из основных отраслей промышленного комплекса, которая производит товары народного потребления, является лёгкая промышленность. Именно она выпускает продукцию для населения, в том числе сырьё и вспомогательные материалы для других отраслей промышленности, к примеру, пищевой или машиностроения.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/8-proim.png">
<button type="button" class="ac-trigger">Пищевая промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Пищевая промышленность — группа промышленных отраслей, производящих пищевые продукты в готовом виде или в виде полуфабрикатов, а также напитки, табачные изделия .В системе агропромышленного комплекса пищевая промышленность тесно связана с сельским хозяйством как поставщиком сырья и с торговлей. Часть отраслей пищевой промышленности тяготеет к сырьевым районам, другая часть — к районам потребления. В Международной стандартной отраслевой классификации пищевые производства отнесены к разделу обрабатывающей промышленности, самостоятельными подразделами в которой выделены производство пищевых продуктов, производство напитков и производство табачных изделий</a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<h2 class="Name-of-category">Промышленность, в которой применяется наша техника</h2>
<div class="accordion-container accordion2">
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/10-prom.png">
<button type="button" class="ac-trigger">Мебельная промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Мебельная промышленность относится к наиболее быстро развивающимся отраслям перерабатывающей промышленности. Это сектор с очень высокой конкуренцией и разнообразием. Среди продуктов, которые входят в мебельную отрасль, различают: матрацы, стулья и кресла, мягкая мебель и спальни, элементы мебели и все виды мебели для офиса, магазинов, кухонь и пр. Мебельная промышленность является развитым рынком, но все же демонстрирующим очень большой потенциал развития, который генерируют, главным образом, компании, занимающиеся производством мягкой мебели, автомобильных и самолетных кресел, а также матрацев.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/11-prom.png">
<button type="button" class="ac-trigger">Микроэлектроника и нанотехнологии</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Микроэлектроника и нанотехнологии - это области науки и техники, строго необходимые для устойчивого развития стран с развитой экономикой, включающие в себя все средства и методы человеческой деятельности, необходимые для проектирования, разработки и производства электронных и оптоэлектронных устройств, устройств и интегрированных систем, микроэлектроники.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/tablets.png">
<button type="button" class="ac-trigger">Фармацевтическая промышленность</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Всеми процессами, связанными с лекарственными средствами, занимается фармацевтическая промышленность. Это отрасль промышленности, которая непосредственно изучает, разрабатывает, производит и распределяет лекарственные препараты, необходимые для профилактики, диагностики и лечения различного рода заболеваний.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stroy.png">
<button type="button" class="ac-trigger">Промышленность строительных материалов</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Представляет собой комплекс производственных направлений, предназначенных для изготовления материалов для жилищного, гражданского, промышленного, сельскохозяйственного и иных видов строительства. Именно эта отрасль обеспечивает строительную индустрию основным потоком материальных ресурсов, создавая базу для применения высокоэффективных материалов и технологий, формируя при этом непрерывный рост объёмов возводимых зданий и сооружений.</a>
</div>
</div>
<div class="ac">
<h2 class="ac-header">
<img src="https://kosox.ru/wp-content/uploads/2024/03/15-prom.png">
<button type="button" class="ac-trigger">Электроэнергетика</button>
</h2>
<div class="ac-panel">
<a href="" class="ac-text">Электроэнергетика включает в себя производство, передачу и потребление электроэнергии и является наиболее важной отраслью энергетики. Электроэнергетика используется в быту, промышленности и сельском хозяйстве и постоянно развивается. Представить без электроэнергии нашу жизнь невозможно.</a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div
class="swiper-pagination swiper-pagination3" >
</div>
</div>
</section>
<section class="conditions-section">
<h2 class="conditions-h2">Условия</h2>
<p class="conditions-p">Мы делаем всё, чтобы вам было комфортно сотрудничать с нами</p>
<div class="conditions-main-div">
<div class="conditions-div" id="conditions-div">
<div class="condition">
<img src="https://kosox.ru/wp-content/uploads/2024/03/1-icon.png">
<div class="textDiv">
<h3 class="title">Поддержка 24/7</h3>
<p class="description">Консультируем в любое время и на всех этапах работы</p>
</div>
</div>
<div class="condition">
<img src="https://kosox.ru/wp-content/uploads/2024/03/de.png">
<div class="textDiv">
<h3 class="title">Доставка</h3>
<p class="description">Вы выбираете вариант транспортировки</p>
</div>
</div>
<div class="condition">
<img src="https://kosox.ru/wp-content/uploads/2024/03/2-icon-1.png">
<div class="textDiv">
<h3 class="title">Гарантия</h3>
<p class="description">Вы 100% получите качественные образцы</p>
</div>
</div>
<div class="condition">
<img src="https://kosox.ru/wp-content/uploads/2024/03/gege.png">
<div class="textDiv">
<h3 class="title">Персональный подход</h3>
<p class="description">Скидка 15% для отдельных категорий предприятий*</p>
</div>
</div>
</div>
<img class= "details-image" src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/details.png" alt="Image2">
</div>
</section>
<section class="how-we-works-section">
<h2 class="how-we-works-h2">Как мы работаем?</h2>
<div class="steps-div">
<div class="step">
<div class="image-container">
<img src="https://kosox.ru/wp-content/uploads/2024/03/chat-communication-conversation-svgrepo-com.png">
</div>
<div class="text-container">
<h2 class="step-number">1 шаг</h2>
<p class="step-description">Вы звоните или оставляете заявку</p>
</div>
</div>
<div class="step">
<div class="image-container">
<img src="https://kosox.ru/wp-content/uploads/2024/03/1-шаг.png">
</div>
<div class="text-container">
<h2 class="step-number">2 шаг</h2>
<p class="step-description">Мы формируем ваш заказ</p>
</div>
</div>
<div class="step">
<div class="image-container">
<img src="https://kosox.ru/wp-content/uploads/2024/03/2-шаг.png">
</div>
<div class="text-container">
<h2 class="step-number">3 шаг</h2>
<p class="step-description">Вы оплачиваете выставленный вам счёт</p>
</div>
</div>
<div class="step">
<div class="image-container">
<img src="https://kosox.ru/wp-content/uploads/2024/03/3-шаг.png">
</div>
<div class="text-container">
<h2 class="step-number">4 шаг</h2>
<p class="step-description">В оговоренные сроки осуществляется отгрузка</p>
</div>
</div>
</div>
<button><a href="#form">Оставить заявку</a></button>
</section>
<section id="form" class="request-section">
<div class="request-container">
<div class="form-header">
<h2>Оставьте вашу заявку</h2>
</div>
<div class="wpcf7 no-js" id="wpcf7-f222-o1" lang="ru-RU" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/#wpcf7-f222-o1" method="post" class="wpcf7-form init" aria-label="Контактная форма" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="222" />
<input type="hidden" name="_wpcf7_version" value="5.9" />
<input type="hidden" name="_wpcf7_locale" value="ru_RU" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f222-o1" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
<input type="hidden" name="_wpcf7_posted_data_hash" value="" />
<input type="hidden" name="_wpcf7_recaptcha_response" value="" />
</div>
<p><span class="wpcf7-form-control-wrap" data-name="your-phone"><input size="40" class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel form1-phone" aria-required="true" aria-invalid="false" placeholder="Введите ваш номер" value="" type="tel" name="your-phone" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form1-phone" aria-required="true" aria-invalid="false" placeholder="Введите ваше имя" value="" type="text" name="your-name" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form1-email" aria-required="true" aria-invalid="false" placeholder="Введите вашу почту" value="" type="email" name="your-email" /></span><br />
<span class="wpcf7-form-control-wrap recaptcha" data-name="recaptcha"><span data-sitekey="6Ld2tpwpAAAAADo2DcWj2SZVbD0aGSXCw_7GViKG" data-theme="dark" class="wpcf7-form-control wpcf7-recaptcha g-recaptcha"></span>
<noscript>
<div class="grecaptcha-noscript">
<iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld2tpwpAAAAADo2DcWj2SZVbD0aGSXCw_7GViKG" frameborder="0" scrolling="no" width="310" height="430">
</iframe>
<textarea name="g-recaptcha-response" rows="3" cols="40" placeholder="Ответ reCaptcha здесь">
</textarea>
</div>
</noscript>
</span><br />
<input class="wpcf7-form-control wpcf7-submit has-spinner submit-button" type="submit" value="Отправить" />
</p><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
</div>
</section>
<section class="feedback-section">
<h2 class="feed">Отзывы</h2>
<div class="swiper swiper2">
<div class="swiper-wrapper wrapper2">
<!-- Slides will be generated here -->
<!-- ТИповой слайд -->
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stars.png">
<h3>Александр Борисов</h3>
<p>Заказывали конические однорядные подшипники, все понравилось. Нужна была крупная оптовая партия и в сжатые сроки - все доставили вовремя! Сервис понравился, будем обращаться еще.</p>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stars.png">
<h3>Дмитрий Бородин</h3>
<p>Делал большой оптовый заказ, еще и сборный - ребята все собрали, доставили как надо и со сроками полный порядок. Очень круто, буду работать и дальше.</p>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stars.png">
<h3>Тимур Киселев</h3>
<p>С компанией KOSOX работаем уже давно - качество всегда на уровне и цены приемлемые, рекомендую.</p>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stars.png">
<h3>Евгений Островерхий</h3>
<p>Срочно нужны были шарикоподшипники оптом. Заказывали первый раз, договорились про консультацию. По телефону все очень доходчиво рассказали - видно что в компании работают люди со знанием дела! Все объяснили, подобрали и доставили в срок - теперь будем брать у компании KOSOX и советовать коллегам.</p>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stars.png">
<h3>Алексей Верущенко</h3>
<p>Отличный сервис, приятные условия, доставка вовремя - все просто замечательно, благодарю KOSOX за сотрудничество.</p>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stars.png">
<h3>Михаил Каштанов</h3>
<p>На производстве понадобились Станки ЧПУ. Долго думали какого производителя выбрать и в итоге пришли к решению заказать у KOSOX. Поставили все в лучшем виде, очень довольны!</p>
</div>
<div class="swiper-slide">
<img src="https://kosox.ru/wp-content/uploads/2024/03/stars.png">
<h3>Владимир Козловский</h3>
<p>По соотношению цены и качества думаю лучше компанию не найти. Работать буду продолжать, все устраивает.</p>
</div>
</div>
<div
class="swiper-pagination swiper-pagination2" >
</div>
</div>
</section>
<section class="map-section">
<div class="map" id="map"></div>
</section>
<section id="contacts" class="contacts-section">
<div class="contact-info">
<h2>Мы всегда открыты для вас!</h2>
<h3>Вы можете связаться с нами там, где вам угодно.
Мы готовы подстраиваться под вас</h3>
<div class="info">
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/Group 18.svg">
<p><a href="tel:8812455-51-55">8 (812) 455-51-55</a></p>
</div>
<div class="info">
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/Group 19.svg">
<p>194352, г. Санкт-Петербург,<br> вн.тер.г. Муниципальный Округ <br>Сергиевское, аллея Придорожная,<br> д.8, литера А, помещ. 620</p>
</div>
<div class="info">
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/Group 20.svg">
<p><a href="mailto:">[email protected]</a></p>
</div>
</div>
<div class="form">
<h2>Отправьте нам<br>сообщение</h2>
<div class="wpcf7 no-js" id="wpcf7-f278-o2" lang="ru-RU" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/#wpcf7-f278-o2" method="post" class="wpcf7-form init" aria-label="Контактная форма" novalidate="novalidate" data-status="init">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="278" />
<input type="hidden" name="_wpcf7_version" value="5.9" />
<input type="hidden" name="_wpcf7_locale" value="ru_RU" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f278-o2" />
<input type="hidden" name="_wpcf7_container_post" value="0" />
<input type="hidden" name="_wpcf7_posted_data_hash" value="" />
<input type="hidden" name="_wpcf7_recaptcha_response" value="" />
</div>
<p><span class="wpcf7-form-control-wrap" data-name="name-form2"><input size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form2-name" aria-required="true" aria-invalid="false" placeholder="Введите ваше имя" value="" type="text" name="name-form2" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="form-email2"><input size="40" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form2-email" aria-required="true" aria-invalid="false" placeholder="Введите ваш e-mail" value="" type="email" name="form-email2" /></span><br />
<span class="wpcf7-form-control-wrap" data-name="form2-text"><textarea cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea form2-text" aria-invalid="false" placeholder="Введите ваше сообщение" name="form2-text"></textarea></span><br />
<span class="wpcf7-form-control-wrap recaptcha" data-name="recaptcha"><span data-sitekey="6Ld2tpwpAAAAADo2DcWj2SZVbD0aGSXCw_7GViKG" data-theme="dark" class="wpcf7-form-control wpcf7-recaptcha g-recaptcha"></span>
<noscript>
<div class="grecaptcha-noscript">
<iframe src="https://www.google.com/recaptcha/api/fallback?k=6Ld2tpwpAAAAADo2DcWj2SZVbD0aGSXCw_7GViKG" frameborder="0" scrolling="no" width="310" height="430">
</iframe>
<textarea name="g-recaptcha-response" rows="3" cols="40" placeholder="Ответ reCaptcha здесь">
</textarea>
</div>
</noscript>
</span><br />
<input class="wpcf7-form-control wpcf7-submit has-spinner submit-button2" type="submit" value="Отправить" />
</p><div class="wpcf7-response-output" aria-hidden="true"></div>
</form>
</div>
<p>Отправляя форму вы соглашаетесь на обработку
персональных данных в соответствии с законом № 152-ФЗ
«О персональных данных» от 27.07.2006
и принимаете условияпользовательского соглашения.</p>
</div>
</section>
</main>
<footer>
<div class="footer-content">
<div class="logo">
<a href="#"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/logo.png" alt="Logo"></a>
</div>
<nav class="navigation">
<ul>
<li><a href="#catalog">Каталог</a></li>
<li><a href="#about">О компании</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</nav>
<div class="contact-info">
<div class="contact-info-item phone">
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/phone.svg" alt="Phone">
<p><a href="tel:8(812)455-51-55">8(812)455-51-55</a></p>
</div>
<div class="contact-info-item email">
<img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/svg/email.svg" alt="Email">
<p><a href="mailto:" data-real-email="[email protected]">[email protected]</a></p>
</div>
</div>
<div class="social-icons">
<div class="social-icon">
<a href="viber://chat?number=+79818800222"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/viber.png" alt="Viber"></a>
</div>
<div class="social-icon">
<a href="https://api.whatsapp.com/send?phone=79818800222"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/whats-app.png" alt="WhatsApp"></a>
</div>
<div class="social-icon">
<a href="https://telegram.im/@kosox78"><img src="https://kosox.ru/wp-content/themes/strategy/assets/resources/img/telegram.png" alt="Telegram"></a>
</div>
</div>
</footer>
<script src="https://api-maps.yandex.ru/v3/?apikey=1d36b67a-7e6f-443a-8ca9-34abfdacd72f&lang=ru_RU"></script>
<!-- <script src="lib/jquery.min.js"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.js"></script>
<!-- <script src="js/script.js"></script> -->
<script type="text/javascript" src="https://kosox.ru/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/kosox.ru\/wp-json\/","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://kosox.ru/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://kosox.ru/wp-content/themes/strategy/assets/lib/accordion.min.js?ver=20151215" id="accordion_lib-js"></script>
<script type="text/javascript" src="https://kosox.ru/wp-content/themes/strategy/assets/js/script.js?ver=20151215" id="script-js"></script>
<script type="text/javascript" src="https://kosox.ru/wp-content/plugins/wpcf7-recaptcha/assets/js/wpcf7-recaptcha-controls.js?ver=1.2" id="wpcf7-recaptcha-controls-js"></script>
<script type="text/javascript" id="google-recaptcha-js-extra">
/* <![CDATA[ */
var wpcf7iqfix = {"recaptcha_empty":"\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0434\u043e\u043a\u0430\u0436\u0438\u0442\u0435 \u0447\u0442\u043e \u0432\u044b \u043d\u0435 \u0440\u043e\u0431\u043e\u0442.","response_err":"wpcf7-recaptcha: \u043d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u043e\u0442\u0432\u0435\u0442 reCaptcha."};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=ru_RU&onload=recaptchaCallback&render=explicit&ver=2.0" id="google-recaptcha-js"></script>
</body>
</html>