Hugging Face's logo

Spaces:
StopTHS
/
sparkwire-electrifying-cables
Running

App Files Community
StopTHS commited on
Commit
762fa49
·
verified ·
1 Parent(s): 9685252

Redesign my website

Browse files
Files changed (2) hide show
  1. README.md +8 -5
  2. index.html +301 -18
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Sparkwire Electrifying Cables
3
- emoji: 🐨
4
- colorFrom: yellow
5
- colorTo: pink
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
1
  ---
2
+ title: SparkWire Electrifying Cables ⚡
3
+ colorFrom: red
4
+ colorTo: green
5
+ emoji: 🐳
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite-v3
10
  ---
11
 
12
+ # Welcome to your new DeepSite project!
13
+ This project was created with [DeepSite](https://deepsite.hf.co).
index.html CHANGED
@@ -1,19 +1,302 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
+ <!DOCTYPE html>
2
+ <html lang="ru">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ЛипарКабель - Надежные кабели и провода от производителя</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <script src="https://unpkg.com/feather-icons"></script>
9
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
10
+ <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
13
+ body {
14
+ font-family: 'Montserrat', sans-serif;
15
+ }
16
+ .hero-bg {
17
+ 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');
18
+ background-size: cover;
19
+ background-position: center;
20
+ }
21
+ .feature-card {
22
+ transition: all 0.3s ease;
23
+ }
24
+ .feature-card:hover {
25
+ transform: translateY(-5px);
26
+ box-shadow: 0 10px 25px rgba(0,0,0,0.1);
27
+ }
28
+ .certificate {
29
+ transition: all 0.3s ease;
30
+ }
31
+ .certificate:hover {
32
+ transform: scale(1.05);
33
+ }
34
+ </style>
35
+ </head>
36
+ <body class="bg-gray-50">
37
+ <!-- Navigation -->
38
+ <nav class="bg-white shadow-md">
39
+ <div class="container mx-auto px-4 py-3 flex justify-between items-center">
40
+ <div class="flex items-center">
41
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/lipark-cable-black-logo.webp" alt="ЛипарКабель" class="h-12">
42
+ </div>
43
+ <div class="hidden md:flex space-x-8">
44
+ <a href="#" class="text-gray-700 hover:text-red-600 font-medium">Главная</a>
45
+ <a href="#" class="text-gray-700 hover:text-red-600 font-medium">О компании</a>
46
+ <a href="#" class="text-gray-700 hover:text-red-600 font-medium">Каталог</a>
47
+ <a href="#" class="text-gray-700 hover:text-red-600 font-medium">Производство</a>
48
+ <a href="#" class="text-gray-700 hover:text-red-600 font-medium">Контакты</a>
49
+ </div>
50
+ <div class="flex items-center space-x-4">
51
+ <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">
52
+ <i data-feather="phone" class="mr-2"></i> 8 (800) 770-08-80
53
+ </a>
54
+ <button class="md:hidden">
55
+ <i data-feather="menu"></i>
56
+ </button>
57
+ </div>
58
+ </div>
59
+ </nav>
60
+
61
+ <!-- Hero Section -->
62
+ <section class="hero-bg text-white py-20 md:py-32">
63
+ <div class="container mx-auto px-4 flex flex-col md:flex-row items-center">
64
+ <div class="md:w-1/2 mb-10 md:mb-0">
65
+ <h1 class="text-4xl md:text-5xl font-bold mb-6">Надежные кабели и провода от производителя</h1>
66
+ <p class="text-xl mb-8">Новомосковский кабельный завод «ЛипарКабель»</p>
67
+ <a href="#" class="bg-red-600 hover:bg-red-700 text-white px-8 py-3 rounded-md font-medium inline-block">Оставить заявку</a>
68
+ </div>
69
+ <div class="md:w-1/2 flex justify-center">
70
+ <div class="grid grid-cols-2 gap-4">
71
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-left-banner-1-1.webp" alt="Кабельная продукция" class="rounded-lg shadow-lg">
72
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-right-banner-1-1.webp" alt="Кабельная продукция" class="rounded-lg shadow-lg">
73
+ </div>
74
+ </div>
75
+ </div>
76
+ </section>
77
+
78
+ <!-- About Section -->
79
+ <section class="py-16 bg-white">
80
+ <div class="container mx-auto px-4">
81
+ <div class="flex flex-col md:flex-row items-center">
82
+ <div class="md:w-1/2 mb-10 md:mb-0">
83
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/mobile-main-banner.webp" alt="О ЛипарКабель" class="rounded-lg shadow-lg w-full">
84
+ </div>
85
+ <div class="md:w-1/2 md:pl-12">
86
+ <h2 class="text-3xl font-bold mb-6">О компании</h2>
87
+ <p class="text-gray-600 mb-6">ООО «Новомосковский кабельный завод» выпускает широкий ассортимент кабельно-проводниковой продукции по ГОСТ и ТУ.</p>
88
+ <p class="text-gray-600 mb-6">Мы предлагаем силовые кабели, гибкие провода, нагревательные и специализированные решения для промышленности, энергетики, строительства и бытового применения.</p>
89
+ <p class="text-gray-600 mb-6">Прямые поставки с завода обеспечивают конкурентные цены и высокое качество, подтвержденное сертификатами.</p>
90
+ <div class="flex flex-wrap gap-4 mt-8">
91
+ <div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
92
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/sovremennoe-proizvodstvo.webp" alt="Современное производство" class="h-16 mx-auto mb-3">
93
+ <p class="font-medium">Современное производство и контроль качества</p>
94
+ </div>
95
+ <div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
96
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/gost-and-tu.webp" alt="ГОСТ и ТУ" class="h-16 mx-auto mb-3">
97
+ <p class="font-medium">Продукция по ГОСТ и ТУ</p>
98
+ </div>
99
+ </div>
100
+ <div class="flex flex-wrap gap-4 mt-4">
101
+ <div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
102
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/razrabotka-nestandart.webp" alt="Нестандартные решения" class="h-16 mx-auto mb-3">
103
+ <p class="font-medium">Разработка нестандартных решений</p>
104
+ </div>
105
+ <div class="feature-card bg-gray-50 p-6 rounded-lg text-center w-full sm:w-auto">
106
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/delivery-russia.webp" alt="Доставка" class="h-16 mx-auto mb-3">
107
+ <p class="font-medium">Доставка по всей России и СНГ</p>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </div>
112
+ </div>
113
+ </section>
114
+
115
+ <!-- Products Section -->
116
+ <section class="py-16 bg-gray-50">
117
+ <div class="container mx-auto px-4">
118
+ <div class="text-center mb-12">
119
+ <h2 class="text-3xl font-bold mb-4">Каталог продукции</h2>
120
+ <a href="https://cable.it-rockers.ru/catalog/" class="text-red-600 hover:text-red-700 font-medium">Смотреть все</a>
121
+ </div>
122
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
123
+ <!-- Product Item -->
124
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
125
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-product-demo.webp" alt="Провод ПРКС" class="w-full h-48 object-cover">
126
+ <div class="p-6">
127
+ <h3 class="text-xl font-semibold mb-2">Провод ПРКС 1х0,75 (660В) ТУ 16.К71-379-2007</h3>
128
+ <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>
129
+ </div>
130
+ </div>
131
+ <!-- Repeat product items 5 more times -->
132
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
133
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-product-demo.webp" alt="Провод ПРКС" class="w-full h-48 object-cover">
134
+ <div class="p-6">
135
+ <h3 class="text-xl font-semibold mb-2">Провод ПРКС 1х0,75 (660В) ТУ 16.К71-379-2007</h3>
136
+ <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>
137
+ </div>
138
+ </div>
139
+ <div class="bg-white rounded-lg shadow-md overflow-hidden">
140
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/cable-product-demo.webp" alt="Провод ПРКС" class="w-full h-48 object-cover">
141
+ <div class="p-6">
142
+ <h3 class="text-xl font-semibold mb-2">Провод ПРКС 1х0,75 (660В) ТУ 16.К71-379-2007</h3>
143
+ <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>
144
+ </div>
145
+ </div>
146
+ </div>
147
+ </div>
148
+ </section>
149
+
150
+ <!-- Certificates Section -->
151
+ <section class="py-16 bg-white">
152
+ <div class="container mx-auto px-4">
153
+ <div class="text-center mb-12">
154
+ <h2 class="text-3xl font-bold mb-4">Кабель по ГОСТ и международным стандартам</h2>
155
+ <p class="text-gray-600 max-w-2xl mx-auto">Вся продукция проходит многоступенчатый контроль качества и соответствует требованиям ГОСТ, ISO и ТУ. Мы гарантируем надежность эксплуатации даже в сложных климатических условиях. Сертификаты можно скачать в разделе «Документы».</p>
156
+ </div>
157
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4">
158
+ <a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
159
+ <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">
160
+ </a>
161
+ <a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
162
+ <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">
163
+ </a>
164
+ <a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
165
+ <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">
166
+ </a>
167
+ <a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-1.webp" class="certificate">
168
+ <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">
169
+ </a>
170
+ <a href="https://cable.it-rockers.ru/wp-content/uploads/2025/10/demo-cert-2.webp" class="certificate">
171
+ <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">
172
+ </a>
173
+ </div>
174
+ </div>
175
+ </section>
176
+
177
+ <!-- Partners Section -->
178
+ <section class="py-16 bg-gray-50">
179
+ <div class="container mx-auto px-4">
180
+ <div class="text-center mb-12">
181
+ <h2 class="text-3xl font-bold mb-4">Наши партнеры</h2>
182
+ </div>
183
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
184
+ <div class="flex justify-center">
185
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/kabel-rf.webp" alt="Кабель РФ" class="h-16 object-contain">
186
+ </div>
187
+ <div class="flex justify-center">
188
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/toledo.webp" alt="Toledo" class="h-16 object-contain">
189
+ </div>
190
+ <div class="flex justify-center">
191
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/elekonpng.webp" alt="Elekton" class="h-16 object-contain">
192
+ </div>
193
+ <div class="flex justify-center">
194
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/intro.webp" alt="Intro" class="h-16 object-contain">
195
+ </div>
196
+ </div>
197
+ </div>
198
+ </section>
199
+
200
+ <!-- Contact Section -->
201
+ <section class="py-16 bg-gray-800 text-white">
202
+ <div class="container mx-auto px-4">
203
+ <div class="flex flex-col md:flex-row">
204
+ <div class="md:w-1/2 mb-10 md:mb-0">
205
+ <h2 class="text-3xl font-bold mb-6">Контакты</h2>
206
+ <div class="mb-8">
207
+ <h3 class="text-xl font-semibold mb-4">Телефоны</h3>
208
+ <ul class="space-y-2">
209
+ <li><a href="tel:+74876290335" class="hover:text-red-400">+7 (48762) 9-03-35, 9-83-13</a></li>
210
+ <li><a href="tel:+79109481881" class="hover:text-red-400">+7(910)948-18-81</a></li>
211
+ <li><a href="tel:+79109481881" class="hover:text-red-400">+7(910)948-18-81</a></li>
212
+ </ul>
213
+ </div>
214
+ <div>
215
+ <h3 class="text-xl font-semibold mb-4">Электронная почта</h3>
216
+ <ul class="space-y-2">
217
+ <li><a href="mailto:erop@liparcable.ru" class="hover:text-red-400">erop@liparcable.ru - отдел сбыта</a></li>
218
+ <li><a href="mailto:lora@liparcable.ru" class="hover:text-red-400">lora@liparcable.ru - отдел сбыта</a></li>
219
+ <li><a href="mailto:dm@liparcable.ru" class="hover:text-red-400">dm@liparcable.ru - отдел сбыта</a></li>
220
+ <li><a href="mailto:elena@liparcable.ru" class="hover:text-red-400">elena@liparcable.ru - отдел сбыта</a></li>
221
+ <li><a href="mailto:ruleva.nkz@gmail.com" class="hover:text-red-400">ruleva.nkz@gmail.com - отдел сбыта</a></li>
222
+ <li><a href="mailto:nkz.snab@mail.ru" class="hover:text-red-400">nkz.snab@mail.ru - отдел снабжения</a></li>
223
+ </ul>
224
+ </div>
225
+ </div>
226
+ <div class="md:w-1/2 md:pl-12">
227
+ <h3 class="text-xl font-semibold mb-6">Оптовые поставки кабеля и проводов по России и СНГ</h3>
228
+ <p class="mb-8">Мы работаем с оптовыми заказчиками, монтажными организациями и производственными компаниями.</p>
229
+ <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
230
+ <div class="bg-gray-700 p-6 rounded-lg">
231
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/individ-uslovia-sotrudn.svg" alt="Индивидуальные условия" class="h-12 mx-auto mb-4">
232
+ <p class="text-center">Индивидуальные условия сотрудничества</p>
233
+ </div>
234
+ <div class="bg-gray-700 p-6 rounded-lg">
235
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/gibkaya-sistema-cen.svg" alt="Гибкая система цен" class="h-12 mx-auto mb-4">
236
+ <p class="text-center">Гибкая система цен</p>
237
+ </div>
238
+ <div class="bg-gray-700 p-6 rounded-lg">
239
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/skladskie-ostatki.svg" alt="Складские остатки" class="h-12 mx-auto mb-4">
240
+ <p class="text-center">Складские остатки и быстрые отгрузки</p>
241
+ </div>
242
+ <div class="bg-gray-700 p-6 rounded-lg">
243
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/personalniy-menejer.svg" alt="Персональный менеджер" class="h-12 mx-auto mb-4">
244
+ <p class="text-center">Сопровождение персональным менеджером</p>
245
+ </div>
246
+ </div>
247
+ </div>
248
+ </div>
249
+ </div>
250
+ </section>
251
+
252
+ <!-- Footer -->
253
+ <footer class="bg-gray-900 text-white py-12">
254
+ <div class="container mx-auto px-4">
255
+ <div class="flex flex-col md:flex-row justify-between">
256
+ <div class="mb-8 md:mb-0">
257
+ <img src="https://cable.it-rockers.ru/wp-content/uploads/2025/10/lipar-cable-white-logo.webp" alt="ЛипарКабель" class="h-12 mb-4">
258
+ <p class="text-gray-400 mb-4">©2009-2025. All Rights Reserved.<br>Powered by Liparcable © 2009-2025</p>
259
+ <a href="https://cable.it-rockers.ru/privacy-policy/" class="text-gray-400 hover:text-white">Политика конфиденциальности</a>
260
+ </div>
261
+ <div class="grid grid-cols-2 md:grid-cols-3 gap-8">
262
+ <div>
263
+ <h4 class="text-lg font-semibold mb-4">Компания</h4>
264
+ <ul class="space-y-2">
265
+ <li><a href="#" class="text-gray-400 hover:text-white">О компании</a></li>
266
+ <li><a href="#" class="text-gray-400 hover:text-white">Производство</a></li>
267
+ <li><a href="#" class="text-gray-400 hover:text-white">Торговый дом</a></li>
268
+ </ul>
269
+ </div>
270
+ <div>
271
+ <h4 class="text-lg font-semibold mb-4">Информация</h4>
272
+ <ul class="space-y-2">
273
+ <li><a href="#" class="text-gray-400 hover:text-white">Документы</a></li>
274
+ <li><a href="#" class="text-gray-400 hover:text-white">Доставка</a></li>
275
+ <li><a href="#" class="text-gray-400 hover:text-white">Контакты</a></li>
276
+ </ul>
277
+ </div>
278
+ <div>
279
+ <h4 class="text-lg font-semibold mb-4">Свяжитесь с нами</h4>
280
+ <ul class="space-y-2">
281
+ <li><a href="tel:88007700880" class="text-gray-400 hover:text-white">8 (800) 770-08-80</a></li>
282
+ <li><a href="mailto:dm@liparcable.ru" class="text-gray-400 hover:text-white">dm@liparcable.ru</a></li>
283
+ </ul>
284
+ </div>
285
+ </div>
286
+ </div>
287
+ </div>
288
+ </footer>
289
+
290
+ <script>
291
+ feather.replace();
292
+ // VANTA.NET({
293
+ // el: "#vanta-bg",
294
+ // color: 0xff0000,
295
+ // backgroundColor: 0x0,
296
+ // points: 12.00,
297
+ // maxDistance: 22.00,
298
+ // spacing: 18.00
299
+ // })
300
+ </script>
301
+ </body>
302
  </html>