Hugging Face's logo

Spaces:
malbaix
/
lsp
Running

App Files Community
malbaix commited on
Commit
75c64c6
·
verified ·
1 Parent(s): a890413

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +297 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Lsp
3
- emoji: 💻
4
- colorFrom: indigo
5
- colorTo: indigo
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: lsp
3
+ emoji: 🐳
4
+ colorFrom: yellow
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,297 @@
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="fr">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>LSP Plomberie - Votre confort, notre expertise</title>
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
10
+ <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
11
+ <style>
12
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
13
+
14
+ body {
15
+ font-family: 'Montserrat', sans-serif;
16
+ background-color: #f8fafc;
17
+ }
18
+
19
+ .water-drop {
20
+ position: relative;
21
+ }
22
+
23
+ .water-drop::after {
24
+ content: "";
25
+ position: absolute;
26
+ width: 40px;
27
+ height: 40px;
28
+ background: linear-gradient(135deg, #3b82f6, #93c5fd);
29
+ border-radius: 50% 0 50% 50%;
30
+ transform: rotate(45deg);
31
+ top: -10px;
32
+ right: -15px;
33
+ z-index: -1;
34
+ }
35
+
36
+ .flame-icon {
37
+ color: #f97316;
38
+ text-shadow: 0 0 8px rgba(249, 115, 22, 0.4);
39
+ }
40
+
41
+ .pipe-decoration {
42
+ position: absolute;
43
+ width: 100%;
44
+ height: 20px;
45
+ background: repeating-linear-gradient(90deg,
46
+ #3b82f6,
47
+ #3b82f6 10px,
48
+ #93c5fd 10px,
49
+ #93c5fd 20px);
50
+ bottom: 0;
51
+ left: 0;
52
+ z-index: 10;
53
+ }
54
+
55
+ @media print {
56
+ body {
57
+ background-color: white !important;
58
+ }
59
+
60
+ .no-print {
61
+ display: none !important;
62
+ }
63
+
64
+ .print-margin {
65
+ margin: 0 !important;
66
+ padding: 0 !important;
67
+ }
68
+ }
69
+
70
+ @page {
71
+ size: A5;
72
+ margin: 0;
73
+ }
74
+ </style>
75
+ </head>
76
+
77
+ <body class="print-margin">
78
+ <div class="max-w-[21cm] min-h-[14.8cm] mx-auto bg-white shadow-lg overflow-hidden print:shadow-none">
79
+ <!-- Header -->
80
+ <header class="relative bg-gradient-to-r from-blue-600 to-blue-400 text-white p-6">
81
+ <div class="flex items-center justify-between">
82
+ <div class="flex items-center space-x-4">
83
+ <div class="relative">
84
+ <div class="w-16 h-16 bg-white rounded-full flex items-center justify-center">
85
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 text-blue-600" fill="none" viewBox="0 0 24 24"
86
+ stroke="currentColor">
87
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z" />
88
+ </svg>
89
+ </div>
90
+ <div class="water-drop"></div>
91
+ </div>
92
+ <div>
93
+ <h1 class="text-2xl font-bold">LSP PLOMBERIE</h1>
94
+ <p class="text-blue-100 italic">Votre confort, notre expertise</p>
95
+ </div>
96
+ </div>
97
+ <div class="hidden md:block">
98
+ <div class="flex space-x-2">
99
+ <div class="bg-blue-500 p-2 rounded-full">
100
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
101
+ stroke="currentColor">
102
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
103
+ d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
104
+ </svg>
105
+ </div>
106
+ <div class="bg-blue-500 p-2 rounded-full">
107
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
108
+ stroke="currentColor">
109
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
110
+ d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
111
+ </svg>
112
+ </div>
113
+ </div>
114
+ </div>
115
+ </div>
116
+ <div class="pipe-decoration"></div>
117
+ </header>
118
+
119
+ <!-- Promotion Banner -->
120
+ <div class="bg-gradient-to-r from-orange-500 to-red-500 text-white py-3 px-6 text-center font-bold">
121
+ <p class="text-xl">OFFRE EXCEPTIONNELLE : -10% SUR VOTRE PREMIÈRE INTERVENTION</p>
122
+ </div>
123
+
124
+ <!-- Main Content -->
125
+ <main class="p-6 grid md:grid-cols-2 gap-8">
126
+ <!-- Services Section -->
127
+ <div>
128
+ <h2 class="text-2xl font-bold text-blue-800 mb-6 border-b-2 border-blue-200 pb-2">NOS SERVICES</h2>
129
+
130
+ <div class="space-y-6">
131
+ <!-- Service 1 -->
132
+ <div class="flex items-start space-x-4">
133
+ <div class="bg-blue-100 p-3 rounded-full text-blue-600">
134
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
135
+ stroke="currentColor">
136
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
137
+ d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
138
+ </svg>
139
+ </div>
140
+ <div>
141
+ <h3 class="font-bold text-blue-700">PLOMBERIE</h3>
142
+ <p class="text-gray-600">Installation, dépannage, débouchage, entretien préventif.</p>
143
+ </div>
144
+ </div>
145
+
146
+ <!-- Service 2 -->
147
+ <div class="flex items-start space-x-4">
148
+ <div class="bg-orange-100 p-3 rounded-full text-orange-600 flame-icon">
149
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
150
+ stroke="currentColor">
151
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
152
+ d="M17.657 18.657A8 8 0 016.343 7.343S7 9 9 10c0-2 .5-5 2.986-7C14 5 16.09 5.777 17.656 7.343A7.975 7.975 0 0120 13a7.975 7.975 0 01-2.343 5.657z" />
153
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
154
+ d="M9.879 16.121A3 3 0 1012.015 11L11 14H9c0 .768.293 1.536.879 2.121z" />
155
+ </svg>
156
+ </div>
157
+ <div>
158
+ <h3 class="font-bold text-blue-700">CHAUFFAGE</h3>
159
+ <p class="text-gray-600">Installation, entretien, dépannage, désembouage de circuits, optimisation
160
+ énergétique.</p>
161
+ </div>
162
+ </div>
163
+
164
+ <!-- Service 3 -->
165
+ <div class="flex items-start space-x-4">
166
+ <div class="bg-blue-100 p-3 rounded-full text-blue-600">
167
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
168
+ stroke="currentColor">
169
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
170
+ d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
171
+ </svg>
172
+ </div>
173
+ <div>
174
+ <h3 class="font-bold text-blue-700">SALLES DE BAINS</h3>
175
+ <p class="text-gray-600">Aménagement complet, rénovation, accessibilité PMR, pose de sanitaires.</p>
176
+ </div>
177
+ </div>
178
+
179
+ <!-- Service 4 -->
180
+ <div class="flex items-start space-x-4">
181
+ <div class="bg-green-100 p-3 rounded-full text-green-600">
182
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
183
+ stroke="currentColor">
184
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
185
+ d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
186
+ </svg>
187
+ </div>
188
+ <div>
189
+ <h3 class="font-bold text-blue-700">ÉNERGIES RENOUVELABLES</h3>
190
+ <p class="text-gray-600">Pompes à chaleur, panneaux solaires, solutions écologiques.</p>
191
+ </div>
192
+ </div>
193
+ </div>
194
+ </div>
195
+
196
+ <!-- Contact & Guarantee Section -->
197
+ <div>
198
+ <!-- Guarantee -->
199
+ <div class="bg-blue-50 p-6 rounded-lg mb-6 border border-blue-100">
200
+ <h2 class="text-xl font-bold text-blue-800 mb-4">GARANTIE & QUALITÉ</h2>
201
+ <ul class="space-y-3 text-gray-700">
202
+ <li class="flex items-start">
203
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 mt-0.5" viewBox="0 0 20 20"
204
+ fill="currentColor">
205
+ <path fill-rule="evenodd"
206
+ d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
207
+ clip-rule="evenodd" />
208
+ </svg>
209
+ <span>Garantie décennale sur nos installations</span>
210
+ </li>
211
+ <li class="flex items-start">
212
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 mt-0.5" viewBox="0 0 20 20"
213
+ fill="currentColor">
214
+ <path fill-rule="evenodd"
215
+ d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
216
+ clip-rule="evenodd" />
217
+ </svg>
218
+ <span>Professionnels certifiés et assurés</span>
219
+ </li>
220
+ <li class="flex items-start">
221
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 mt-0.5" viewBox="0 0 20 20"
222
+ fill="currentColor">
223
+ <path fill-rule="evenodd"
224
+ d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
225
+ clip-rule="evenodd" />
226
+ </svg>
227
+ <span>Devis gratuit et sans engagement</span>
228
+ </li>
229
+ <li class="flex items-start">
230
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2 mt-0.5" viewBox="0 0 20 20"
231
+ fill="currentColor">
232
+ <path fill-rule="evenodd"
233
+ d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
234
+ clip-rule="evenodd" />
235
+ </svg>
236
+ <span>Service rapide et disponible 7j/7</span>
237
+ </li>
238
+ </ul>
239
+ </div>
240
+
241
+ <!-- Contact -->
242
+ <div class="bg-white p-6 rounded-lg border border-gray-200 shadow-sm">
243
+ <h2 class="text-xl font-bold text-blue-800 mb-4">BESOIN D'UN EXPERT ?</h2>
244
+ <div class="space-y-4">
245
+ <div class="flex items-center">
246
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-600 mr-3" fill="none" viewBox="0 0 24 24"
247
+ stroke="currentColor">
248
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
249
+ d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
250
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
251
+ d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
252
+ </svg>
253
+ <span>30 Rue Abbé Pierre, 18000 Bourges</span>
254
+ </div>
255
+ <div class="flex items-center">
256
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-600 mr-3" fill="none" viewBox="0 0 24 24"
257
+ stroke="currentColor">
258
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
259
+ d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
260
+ </svg>
261
+ <div>
262
+ <p>06 66 85 75 97</p>
263
+ <p>02 48 65 31 29</p>
264
+ </div>
265
+ </div>
266
+ <div class="flex items-center">
267
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-600 mr-3" fill="none" viewBox="0 0 24 24"
268
+ stroke="currentColor">
269
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
270
+ d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9" />
271
+ </svg>
272
+ <span>www.lsp-plomberie.com</span>
273
+ </div>
274
+ </div>
275
+ </div>
276
+ </div>
277
+ </main>
278
+
279
+ <!-- Footer -->
280
+ <footer class="bg-gray-50 p-4 text-center text-sm text-gray-500 border-t border-gray-200">
281
+ <p>© 2025 LSP Plomberie – Tous droits réservés</p>
282
+ <p class="mt-1">Professionnels certifiés - Disponible 7j/7 pour vos urgences</p>
283
+ </footer>
284
+ </div>
285
+
286
+ <!-- Print Button (hidden when printing) -->
287
+ <div class="no-print fixed bottom-4 right-4">
288
+ <button onclick="window.print()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-full shadow-lg transition duration-200 flex items-center">
289
+ <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
290
+ <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" />
291
+ </svg>
292
+ Imprimer ce flyer
293
+ </button>
294
+ </div>
295
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=malbaix/lsp" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
296
+
297
+ </html>