StopTHS's picture
Redesign my website
762fa49 verified
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ЛипарКабель - Надежные кабели и провода от производителя</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Montserrat', sans-serif;
}
.hero-bg {
background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://cable.it-rockers.ru/wp-content/uploads/2025/10/about-factory-background.webp');
background-size: cover;
background-position: center;
}
.feature-card {
transition: all 0.3s ease;
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.certificate {
transition: all 0.3s ease;
}
.certificate:hover {
transform: scale(1.05);
}
</style>
</head>
<body class="bg-gray-50">
<!-- Navigation -->
<nav class="bg-white shadow-md">
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
<div class="flex items-center">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/lipark-cable-black-logo.webp" alt="ЛипарКабель" class="h-12">
</div>
<div class="hidden md:flex space-x-8">
<a href="#" class="text-gray-700 hover:text-red-600 font-medium">Главная</a>
<a href="#" class="text-gray-700 hover:text-red-600 font-medium">О компании</a>
<a href="#" class="text-gray-700 hover:text-red-600 font-medium">Каталог</a>
<a href="#" class="text-gray-700 hover:text-red-600 font-medium">Производство</a>
<a href="#" class="text-gray-700 hover:text-red-600 font-medium">Контакты</a>
</div>
<div class="flex items-center space-x-4">
<a href="tel:88007700880" class="bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded-md font-medium flex items-center">
<i data-feather="phone" class="mr-2"></i> 8 (800) 770-08-80
</a>
<button class="md:hidden">
<i data-feather="menu"></i>
</button>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-bg text-white py-20 md:py-32">
<div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Надежные кабели и провода от производителя</h1>
<p class="text-xl mb-8">Новомосковский кабельный завод «ЛипарКабель»</p>
<a href="#" class="bg-red-600 hover:bg-red-700 text-white px-8 py-3 rounded-md font-medium inline-block">Оставить заявку</a>
</div>
<div class="md:w-1/2 flex justify-center">
<div class="grid grid-cols-2 gap-4">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-left-banner-1-1.webp" alt="Кабельная продукция" class="rounded-lg shadow-lg">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-right-banner-1-1.webp" alt="Кабельная продукция" class="rounded-lg shadow-lg">
</div>
</div>
</div>
</section>
<!-- About Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/mobile-main-banner.webp" alt="О ЛипарКабель" class="rounded-lg shadow-lg w-full">
</div>
<div class="md:w-1/2 md:pl-12">
<h2 class="text-3xl font-bold mb-6">О компании</h2>
<p class="text-gray-600 mb-6">ООО «Новомосковский кабельный завод» выпускает широкий ассортимент кабельно-проводниковой продукции по ГОСТ и ТУ.</p>
<p class="text-gray-600 mb-6">Мы предлагаем силовые кабели, гибкие провода, нагревательные и специализированные решения для промышленности, энергетики, строительства и бытового применения.</p>
<p class="text-gray-600 mb-6">Прямые поставки с завода обеспечивают конкурентные цены и высокое качество, подтвержденное сертификатами.</p>
<div class="flex flex-wrap gap-4 mt-8">
<div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/sovremennoe-proizvodstvo.webp" alt="Современное производство" class="h-16 mx-auto mb-3">
<p class="font-medium">Современное производство и контроль качества</p>
</div>
<div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/gost-and-tu.webp" alt="ГОСТ и ТУ" class="h-16 mx-auto mb-3">
<p class="font-medium">Продукция по ГОСТ и ТУ</p>
</div>
</div>
<div class="flex flex-wrap gap-4 mt-4">
<div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/razrabotka-nestandart.webp" alt="Нестандартные решения" class="h-16 mx-auto mb-3">
<p class="font-medium">Разработка нестандартных решений</p>
</div>
<div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/delivery-russia.webp" alt="Доставка" class="h-16 mx-auto mb-3">
<p class="font-medium">Доставка по всей России и СНГ</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Products Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">Каталог продукции</h2>
<a href="https://cable.it-rockers.ru/catalog/" class="text-red-600 hover:text-red-700 font-medium">Смотреть все</a>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Product Item -->
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-product-demo.webp" alt="Провод ПРКС" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold mb-2">Провод ПРКС 1х0,75 (660В) ТУ 16.К71-379-2007</h3>
<a href="https://cable.it-rockers.ru/product/%d0%bf%d1%80%d0%be%d0%b2%d0%be%d0%b4-%d0%bf%d1%80%d0%ba%d1%81-1%d1%85075-660%d0%b2-%d1%82%d1%83-16-%d0%ba71-379-2007-2/" class="text-red-600 hover:text-red-700 font-medium inline-flex items-center">Подробнее <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i></a>
</div>
</div>
<!-- Repeat product items 5 more times -->
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-product-demo.webp" alt="Провод ПРКС" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold mb-2">Провод ПРКС 1х0,75 (660В) ТУ 16.К71-379-2007</h3>
<a href="https://cable.it-rockers.ru/product/%d0%bf%d1%80%d0%be%d0%b2%d0%be%d0%b4-%d0%bf%d1%80%d0%ba%d1%81-1%d1%85075-660%d0%b2-%d1%82%d1%83-16-%d0%ba71-379-2007/" class="text-red-600 hover:text-red-700 font-medium inline-flex items-center">Подробнее <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i></a>
</div>
</div>
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-product-demo.webp" alt="Провод ПРКС" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-semibold mb-2">Провод ПРКС 1х0,75 (660В) ТУ 16.К71-379-2007</h3>
<a href="https://cable.it-rockers.ru/product/%d0%bf%d1%80%d0%be%d0%b2%d0%be%d0%b4-%d0%bf%d1%80%d0%ba%d1%81-1%d1%85075-660%d0%b2-%d1%82%d1%83-16-%d0%ba71-379-2007-2/" class="text-red-600 hover:text-red-700 font-medium inline-flex items-center">Подробнее <i data-feather="arrow-right" class="ml-1 w-4 h-4"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- Certificates Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">Кабель по ГОСТ и международным стандартам</h2>
<p class="text-gray-600 max-w-2xl mx-auto">Вся продукция проходит многоступенчатый контроль качества и соответствует требованиям ГОСТ, ISO и ТУ. Мы гарантируем надежность эксплуатации даже в сложных климатических условиях. Сертификаты можно скачать в разделе «Документы».</p>
</div>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4">
<a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" alt="Сертификат" class="w-full h-auto rounded shadow hover:shadow-lg">
</a>
<a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" alt="Сертификат" class="w-full h-auto rounded shadow hover:shadow-lg">
</a>
<a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" alt="Сертификат" class="w-full h-auto rounded shadow hover:shadow-lg">
</a>
<a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-1.webp" class="certificate">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-1.webp" alt="Сертификат" class="w-full h-auto rounded shadow hover:shadow-lg">
</a>
<a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" alt="Сертификат" class="w-full h-auto rounded shadow hover:shadow-lg">
</a>
</div>
</div>
</section>
<!-- Partners Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">Наши партнеры</h2>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-8">
<div class="flex justify-center">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/kabel-rf.webp" alt="Кабель РФ" class="h-16 object-contain">
</div>
<div class="flex justify-center">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/toledo.webp" alt="Toledo" class="h-16 object-contain">
</div>
<div class="flex justify-center">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/elekonpng.webp" alt="Elekton" class="h-16 object-contain">
</div>
<div class="flex justify-center">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/intro.webp" alt="Intro" class="h-16 object-contain">
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="py-16 bg-gray-800 text-white">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row">
<div class="md:w-1/2 mb-10 md:mb-0">
<h2 class="text-3xl font-bold mb-6">Контакты</h2>
<div class="mb-8">
<h3 class="text-xl font-semibold mb-4">Телефоны</h3>
<ul class="space-y-2">
<li><a href="tel:+74876290335" class="hover:text-red-400">+7 (48762) 9-03-35, 9-83-13</a></li>
<li><a href="tel:+79109481881" class="hover:text-red-400">+7(910)948-18-81</a></li>
<li><a href="tel:+79109481881" class="hover:text-red-400">+7(910)948-18-81</a></li>
</ul>
</div>
<div>
<h3 class="text-xl font-semibold mb-4">Электронная почта</h3>
<ul class="space-y-2">
<li><a href="mailto:erop@liparcable.ru" class="hover:text-red-400">erop@liparcable.ru - отдел сбыта</a></li>
<li><a href="mailto:lora@liparcable.ru" class="hover:text-red-400">lora@liparcable.ru - отдел сбыта</a></li>
<li><a href="mailto:dm@liparcable.ru" class="hover:text-red-400">dm@liparcable.ru - отдел сбыта</a></li>
<li><a href="mailto:elena@liparcable.ru" class="hover:text-red-400">elena@liparcable.ru - отдел сбыта</a></li>
<li><a href="mailto:ruleva.nkz@gmail.com" class="hover:text-red-400">ruleva.nkz@gmail.com - отдел сбыта</a></li>
<li><a href="mailto:nkz.snab@mail.ru" class="hover:text-red-400">nkz.snab@mail.ru - отдел снабжения</a></li>
</ul>
</div>
</div>
<div class="md:w-1/2 md:pl-12">
<h3 class="text-xl font-semibold mb-6">Оптовые поставки кабеля и проводов по России и СНГ</h3>
<p class="mb-8">Мы работаем с оптовыми заказчиками, монтажными организациями и производственными компаниями.</p>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
<div class="bg-gray-700 p-6 rounded-lg">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/individ-uslovia-sotrudn.svg" alt="Индивидуальные условия" class="h-12 mx-auto mb-4">
<p class="text-center">Индивидуальные условия сотрудничества</p>
</div>
<div class="bg-gray-700 p-6 rounded-lg">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/gibkaya-sistema-cen.svg" alt="Гибкая система цен" class="h-12 mx-auto mb-4">
<p class="text-center">Гибкая система цен</p>
</div>
<div class="bg-gray-700 p-6 rounded-lg">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/skladskie-ostatki.svg" alt="Складские остатки" class="h-12 mx-auto mb-4">
<p class="text-center">Складские остатки и быстрые отгрузки</p>
</div>
<div class="bg-gray-700 p-6 rounded-lg">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/personalniy-menejer.svg" alt="Персональный менеджер" class="h-12 mx-auto mb-4">
<p class="text-center">Сопровождение персональным менеджером</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="container mx-auto px-4">
<div class="flex flex-col md:flex-row justify-between">
<div class="mb-8 md:mb-0">
<img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/lipar-cable-white-logo.webp" alt="ЛипарКабель" class="h-12 mb-4">
<p class="text-gray-400 mb-4">©2009-2025. All Rights Reserved.<br>Powered by Liparcable © 2009-2025</p>
<a href="https://cable.it-rockers.ru/privacy-policy/" class="text-gray-400 hover:text-white">Политика конфиденциальности</a>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 gap-8">
<div>
<h4 class="text-lg font-semibold mb-4">Компания</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">О компании</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Производство</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Торговый дом</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Информация</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Документы</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Доставка</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Контакты</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Свяжитесь с нами</h4>
<ul class="space-y-2">
<li><a href="tel:88007700880" class="text-gray-400 hover:text-white">8 (800) 770-08-80</a></li>
<li><a href="mailto:dm@liparcable.ru" class="text-gray-400 hover:text-white">dm@liparcable.ru</a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script>
feather.replace();
// VANTA.NET({
// el: "#vanta-bg",
// color: 0xff0000,
// backgroundColor: 0x0,
// points: 12.00,
// maxDistance: 22.00,
// spacing: 18.00
// })
</script>
</body>
</html>