рамка Valena Алюминий/Серебряный штрих </div>
</div>
<div class="tab-pane fade card" id="specifications" role="tabpanel"
aria-labelledby="specifications-tab">
<li class="specifications-list-item">
Артикул : 770351 </li>
<li class="specifications-list-item">
Производитель : LEGRAND </li>
<li class="specifications-list-item">
Вид изделия : Рамка </li>
<li class="specifications-list-item">
Цвет : Алюминий </li>
</div>
<div class="tab-pane fade card" id="additionalMaterials" role="tabpanel"
aria-labelledby="additionalMaterials-tab">
<div class="row">
</div>
</div>
<div class="tab-pane fade card" id="reviews" role="tabpanel" aria-labelledby="reviews-tab">
<div id="soc_comments_div_12060"
class="bx_soc_comments_div bx_important bx_blue"> <div id="soc_comments_12060"
class="bx-catalog-tab-section-container">
<ul class="bx-catalog-tab-list" style="left: 0;"> <li id="soc_comments_12060BLOG"></li></ul>
<div class="bx-catalog-tab-body-container">
<div class="bx-catalog-tab-container"><div id="soc_comments_12060BLOG_cont" class="tab-off"><div id="bx-cat-soc-comments-blg_12060">Загрузка комментариев...</div></div></div>
</div>
</div>
</div>
<script type="text/javascript">
var obCatalogComments_12060 = new JCCatalogSocnetsComments({'serviceList':{'blog':true},'settings':{'blog':{'ajaxUrl':'/local/templates/kdteam/components/bitrix/catalog.comments/rozetki_comments/ajax.php?IBLOCK_ID=6&ELEMENT_ID=12060&SITE_ID=s1','ajaxParams':[],'contID':'bx-cat-soc-comments-blg_12060'}},'tabs':{'activeTabId':'BLOG','tabsContId':'soc_comments_12060','tabList':['BLOG']}});
</script> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--brands section-->
<!--<section class="brandsSlider">
<div class="container">
<div class="row">
<div class="col-12">
<div class="mainTitle">
<h2 class="titleGreenLine">Бренды</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="owl-carousel owl-theme blockBrandsSlider">
<div class="itemBrandSlide ">
<img class="owl-lazy"
data-src=""
alt="">
</div>
</div>
</div>
</div>
</div>
</section>--><!--закомментировал, т.к пока не знаю как лучше, через инклуд или в футере подключить-->
<!--feedback section-->
<!-- <section class="feedbackMain">
<div class="container gradient">
<div class="row">
<div class="col-xl-6 col-lg-6 d-flex align-items-center">
<div class="feedbackContent">
Получайте свежие новости
о новых поступлениях и брендах
</div>
</div>
<div class="col-xl-6 col-lg-6 d-flex align-items-center">
<div class="feedbackInput">
<div class="feedbackBlockInput">
<input type="text" placeholder="Ваша почта">
<button class="mainBtn primaryBtn">Отправить</button>
</div>
</div>
</div>
</div>
</div>
</section>-->
</div>
<!--feedback section-->
<section class="feedbackMain">
<div class="container">
<div class="gradient">
<div class="row">
<div class="col-12 flex-block align-items-center feedbackContentSuccessfull hide ">
<span class="closeContent b"></span>
Спасибо за подписку! <br>
Теперь вы будете получать уведомления на эту почту!
</div>
<div class="col-xl-6 col-lg-6 flex-block align-items-center hidden-block">
<div class="feedbackContent b">
Получайте свежие новости
о новых поступлениях и брендах
</div>
</div>
<div class="col-xl-6 col-lg-6 flex-block align-items-center js_del hidden-block">
<div class="feedbackInput">
<div class="feedbackBlockInput">
<form id="subscription">
<input class="email" type="email" placeholder="Ваша почта" required>
<button id="sendemail" type="button" class="mainBtn primaryBtn">Отправить</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- footer -->
<footer>
<div class="container">
<div class="row d-flex justify-content-between">
<div class="col-5 col-md-3 d-flex" >
<div class="footerLogo" itemscope itemtype="http://schema.org/Organization">
<a style="display: none" href="https://mirrozetki.ru" itemprop="url"> </a>
<a href="/" title="Мир розетки"><img src="/local/templates/kdteam/img/png/Logo_footer.png" alt="Мир розетки"></a>
</div>
</div>
<div class="col-12 col-lg-2 col-md-3 col-sm-12">
<div class="itemFooter">
<a class="titleLink" rel="nofollow">
Каталог
</a>
</div>
<div class="itemFooter">
<a href="/rozetki/">Розетки и выключатели</a>
<a href="/shchitovoe_oborudovanie/">Щитовое оборудование</a>
<a href="/tepliy_pol/">Теплые полы</a>
<a href="/ofisnoe_oborudovanie/">Решения для офисов</a>
</div>
</div>
<div class="col-12 col-lg-2 col-md-3 col-sm-12">
<div class="itemFooter">
<a class="titleLink" rel="nofollow">
Помощь
</a>
</div>
<div class="itemFooter">
<a href="/oplata/">Способы оплаты</a>
<a href="/dostavka/">Способы доставки</a>
<a href="/obmen-i-vozvrat/">Возврат товара</a>
<a href="/optovikam/">Оптовикам</a>
<a href="/tarifyi/">Тарифы</a>
</div>
</div>
<div class="col-12 col-xl-2 col-lg-3 col-md-3 col-sm-12 d-flex flex-column">
<div class="itemFooter">
<a class="titleLink" href="/">
На главную
</a>
</div>
<div class="itemFooter copyright" itemscope itemtype="http://schema.org/Organization">
<span>2019 ©<span itemprop="name">Мир Розетки</span></span>
<span>Все права защищены</span>
</div>
<div class="developers">
<span class="developers_title">Разработали сайт:</span>
<div class="developers_content">
<a href="https://kdteam.su/" target="_blank">
<svg class="developers_content_image" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210 41">
<g fill-rule="nonzero" fill="none">
<path fill="#FFFFFF" d="M25.8 5l-5-5-20 20 20 20.1 5-5-15-15.1z"></path>
<path fill="#FFFFFF" d="M25.781 24.92l14.99-14.991 5.021 5.02-14.99 14.99z"></path>
<path fill="#FFFFFF" d="M50.8 0l-5 5 15 15-15 15.1 5 5 20-20.1z"></path>
<g fill="#FFFFFF">
<path d="M90.5 30.7h-4.7V9h4.7v21.7zM97.1 9h5.5l-6.8 10.6 7.4 11.2h-5.9l-6.7-10.9v-.1L97.1 9zM105.9 9h6.8c7.1 0 10.3 3.4 10.3 10.4 0 5.5-2.2 11.3-10.2 11.3H106V9h-.1zm4.7 17.8h1.7c4.4 0 5.7-2.8 5.7-7 0-5.2-2.3-6.9-5.7-6.9h-1.7v13.9zM129.5 12.9h-5.4V9h15.5v3.9h-5.4v17.8h-4.7zM155.6 29.1c-1.4 1.1-3.1 2-6.4 2-5.5 0-8.3-3.1-8.3-9.1 0-5.7 3.2-9 8.2-9 4.5 0 7 2.8 7 7.1 0 .9 0 1.8-.2 3.1h-10.4c.1 2.8 1.3 4.3 4.3 4.3 1.9 0 3.2-.9 3.8-1.6l2 3.2zM145.5 20h6.2v-.5c0-2-.9-3.1-2.8-3.1-2.1 0-3.3 1.6-3.4 3.6zM172 18.7v7c0 1 .4 1.4 1.2 1.4h.5v3.2c-.7.5-1.5.6-2.3.6-1.7 0-2.6-.8-3.2-1.9h-.1c-.7.9-2 2-4.5 2-3.4 0-5.2-2.3-5.2-4.8 0-4 3.6-5.9 9.1-5.6v-1.4c0-2-1.1-2.5-2.5-2.5-1.7 0-2.6 1-3 2l-3.3-2.4c.7-1 2.4-3.3 6.3-3.3 4.6-.1 7 1.5 7 5.7zm-4.4 5c-3.1-.2-4.6.5-4.6 2 0 1 .7 1.7 1.9 1.7 1.1 0 2.2-.5 2.7-1.2v-2.5zM195.4 12.8c3.4 0 5.4 1.8 5.4 5.8v12.1h-4.7V19.5c0-2-1.1-2.7-2.3-2.7-1.2 0-2.4.8-2.9 2v12h-4.7v-11c0-2-.9-3.1-2.5-3.1-1.1 0-2.3.9-2.7 2.1v11.9h-4.7V13.2h3.8l.8 1.6h.1c1.1-1.4 2.9-2 4.6-2 2.7 0 3.7 1.1 4.4 2.4h.1c1.1-1.2 2.8-2.4 5.3-2.4z"></path>
</g>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- Modals -->
<!-- modal feedback -->
<div class="modal" id="modalFeedBack" tabindex="-1" role="dialog"
aria-labelledby="modalFeedBackTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title b">Обратная связь</h5>
<button type="button" class="close closeModalWriteUs" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="modalContent b">
<p>
Если у Вас есть какие-то вопросы, предложения и жалобы, пожалуйста заполните форму
</p>
<p>
Поля со звездочкой ( <span class="red">*</span> ) обязательные для заполнения
</p>
</div>
<form id="write_to_us_form" onsubmit="return false" action="">
<div class="inputFeedBack textAreaInput">
<label for="textarea">
Текст сообщения <span class="red">*</span>
</label>
<textarea required name="text" id="" rows="5"></textarea>
</div>
<div class="inputFeedBack input-style">
<label for="input">
Ваше имя <span class="red">*</span>
</label>
<input required name="name" type="text" autocomplete="off">
</div>
<div class="inputFeedBack input-style">
<label for="input">
E-mail <span class="red">*</span>
</label>
<input required name="email" type="email" autocomplete="off">
</div>
<button id="write_to_us" class="mainBtn primaryBtn" type="submit">
Отправить
</button>
</form>
</div>
</div>
</div>
</div>
<!-- modal feedback successfull -->
<div class="modal successfullModal" id="successFullModal" tabindex="-1" role="dialog"
aria-labelledby="successFullModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close closeSuccessfullModal" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modalContent">
<h5 style="font-size: 1.18rem;" class="modal-title b">Ваша заявка успешно отправлена!</h5>
</div>
</div>
</div>
</div>
<!-- modal specialist successfull -->
<div class="modal successfullModal" id="successFullModalSpecialist" tabindex="-1" role="dialog"
aria-labelledby="successFullModalSpecialistTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close closeSuccessfullModal" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modalContent">
<h5 style="font-size: 1.18rem;" class="modal-title b">Ваша заявка успешно отправлена!</h5>
<p style="margin-bottom: 0;">Наш специалист свяжется с вами в ближайшее время.</p>
</div>
</div>
</div>
</div>
<!-- modal paymet inside -->
<div class="modal fade modalPaymentInfo" id="modalInfoPayment" tabindex="-1" role="dialog"
aria-labelledby="modalInfoPaymentTittle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Заглавие способа оплаты</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Officiis perferendis velit libero optio
commodi sapiente quas. Vel, itaque. Nesciunt accusantium delectus inventore facilis doloremque
incidunt, sequi repellendus. Eos, consequuntur architecto.
</p>
</div>
</div>
</div>
</div>
<!-- Modal Search-->
<div class="modal fade" id="modalSearchMobile" tabindex="-1" role="dialog"
aria-labelledby="modalSearchMobileCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content searchHeaderInput">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body header-form-search">
<form name="search-form" action="/search/" method="get">
<div class="input-style searchInput">
<input type="text" placeholder="Поиск" name="q" class="b_header-form_search_input" required
autocomplete="off">
<div class="svg-icon">
<button type="submit" class="buttonSearch">
<img class="icon icon-search-position"
src="/local/templates/kdteam/img/svg/search.svg"
alt="company name icon">
</button>
</div>
</div>
<div class="b_header-search-results"></div>
</form>
</div>
</div>
</div>
</div>
<!-- modal under-the-order-->
<div class="expectedModal">
<div class="overlay-form"></div>
<div class="expectedModal-body">
<div class="hide-expected-form">
<img src="/local/templates/kdteam/img/svg/cancel.svg" alt="">
</div>
<div class="tittleBlock mainTitle">
<h2 class="titleGreenLine">Узнать о поступлении</h2>
<p></p>
</div>
<form id="form" method="get" action="">
<!-- Hidden Required Fields -->
<input class="hidden-id-input" type="hidden" id="" name="id" value="">
<!-- END Hidden Required Fields -->
<!-- NAME -->
<div class="input-style">
<label for="name">Ваше имя <span class="red">*</span></label>
<input id="" type="text" name="" placeholder="Введите Имя" required>
</div>
<!-- Phone -->
<div class="input-style">
<label for="phone">Контактный телефон <span class="red">*</span></label>
<input id="" type="text" name="" placeholder="Уточним детали заказа" required>
</div>
<!-- Email -->
<div class="input-style">
<label for="email">Email</label>
<input id="" type="text" name="" placeholder="Ваша электронная почта">
</div>
<!-- Product -->
<div class="input-style">
<label for="email">Название товара <span class="red">*</span></label>
<input id="" type="text" name="" placeholder="Введите название товара">
</div>
<div class="input-style">
<label for="textarea">Сообщение</label>
<textarea id="textarea" type="text" name="comment" placeholder=""></textarea>
</div>
<div class="form-footer">
<button class="mainBtn primaryBtn submit-quickBuyForm">Отправить</button>
<div>
<span class="red">*</span> Обязательно к заполнению
</div>
</div>
</form>
</div>
</div>
<div class="modal fade" id="small-basket-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Товар добавлен в корзину!</h5>
<button type="button" class="close close-basket" onclick="closeSmallBasket($(this))">
</button>
</div>
<div class="modal-body">
<div class="basket-container">
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
function lazyloadImage() {
const images = document.querySelectorAll("[data-src]");
const imagesSource = document.querySelectorAll("[data-srcset]");
function preloadImage(img) {
const src = img.getAttribute("data-src");
const dataSrc = img.getAttribute("data-srcset");
if (!src) {
img.srcset = dataSrc;
if($(".zoomer-section").length != 0 ) {
$('.zoomer-section').imagezoomsl({
magnifiersize: [250, 250],
});
}
if($(".zoomimg").length != 0 ) {
$('.zoomimg').imagezoomsl({
magnifiersize:[250,250],
});
}
}
img.src = src;
}
const imgOptions = {
threshold: 0,
rootMargin: "0px 0px 0px 0px"
};
const imgObserver = new IntersectionObserver(function (entries, imgObserver) {
entries.forEach(entrie => {
if (!entrie.isIntersecting) {
return;
} else {
entrie.target.classList.remove("lazy-kdteam");
preloadImage(entrie.target);
imgObserver.unobserve(entrie.target);
}
});
}, imgOptions);
images.forEach(image => {
imgObserver.observe(image);
});
imagesSource.forEach(image => {
imgObserver.observe(image);
});
}
lazyloadImage();
});
</script>
</body>
</html> 
Розетки электрические
Розетки телевизионные
Розетки телефонные
Розетки компьютерные
Розетки акустические
Розетки USB
Розетки HDMI
Выключатели/переключатели
Светорегуляторы
Датчики движения
Терморегуляторы
Заглушки/ Выводы кабеля
Рамки
Автоматические выключатели
Дифференциальные автоматы
Устройства защитного отключения
Рубильники
Бытовые
Нагревательные кабели
Нагревательные маты
Пленочный пол
Программируемые
Электронные
Механические
Напольные лючки
Выдвежные блоки
Колонны
LEGRAND DLP
Мини-каналы
Миниплинтуса
Крышки
Углы
Заглушки
Суппорта
2
Розетки и выключатели
Щитовое оборудование
Теплые полы
Решения для офиса
