Hugging Face's logo

Spaces:
jitware
/
bedrijf-info
Running

App Files Community
jitware commited on
Commit
d897373
·
verified ·
1 Parent(s): 1731813

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +632 -19
  3. prompts.txt +3 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Bedrijf Info
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: bedrijf-info
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: yellow
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,632 @@
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="nl">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Jitware - Bedrijfsinformatie</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
12
+ }
13
+ .card-hover:hover {
14
+ transform: translateY(-5px);
15
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
16
+ }
17
+ .timeline-item:not(:last-child)::after {
18
+ content: '';
19
+ position: absolute;
20
+ left: 7px;
21
+ top: 24px;
22
+ height: calc(100% - 24px);
23
+ width: 2px;
24
+ background-color: #e5e7eb;
25
+ }
26
+ .org-chart {
27
+ display: grid;
28
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
29
+ gap: 1rem;
30
+ }
31
+ .department-card {
32
+ border-left: 4px solid;
33
+ transition: all 0.3s ease;
34
+ }
35
+ .ceo-badge {
36
+ position: absolute;
37
+ top: -10px;
38
+ right: -10px;
39
+ background-color: #3b82f6;
40
+ color: white;
41
+ border-radius: 50%;
42
+ width: 24px;
43
+ height: 24px;
44
+ display: flex;
45
+ align-items: center;
46
+ justify-content: center;
47
+ font-size: 12px;
48
+ box-shadow: 0 2px 4px rgba(0,0,0,0.2);
49
+ }
50
+ </style>
51
+ </head>
52
+ <body class="bg-gray-50 font-sans">
53
+ <!-- Header -->
54
+ <header class="gradient-bg text-white shadow-lg">
55
+ <div class="container mx-auto px-4 py-8">
56
+ <div class="flex flex-col md:flex-row justify-between items-center">
57
+ <div class="mb-6 md:mb-0">
58
+ <h1 class="text-4xl font-bold">Jitware</h1>
59
+ <p class="text-xl opacity-90">Innovatieve IT-oplossingen voor uw bedrijf</p>
60
+ </div>
61
+ <div class="flex space-x-4">
62
+ <a href="mailto:[email protected]" class="bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold hover:bg-gray-100 transition flex items-center">
63
+ <i class="fas fa-envelope mr-2"></i> Contact
64
+ </a>
65
+ </div>
66
+ </div>
67
+ </div>
68
+ </header>
69
+
70
+ <!-- Main Content -->
71
+ <main class="container mx-auto px-4 py-12">
72
+ <!-- Quick Info Cards -->
73
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-12">
74
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
75
+ <div class="flex items-center mb-4">
76
+ <div class="bg-blue-100 p-3 rounded-full mr-4">
77
+ <i class="fas fa-phone text-blue-600"></i>
78
+ </div>
79
+ <h3 class="text-lg font-semibold">Contact</h3>
80
+ </div>
81
+ <p class="text-gray-600 mb-2"><i class="fas fa-envelope mr-2 text-blue-500"></i> [email protected]</p>
82
+ <p class="text-gray-600"><i class="fas fa-mobile-alt mr-2 text-blue-500"></i> 0472 85 49 46</p>
83
+ </div>
84
+
85
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
86
+ <div class="flex items-center mb-4">
87
+ <div class="bg-purple-100 p-3 rounded-full mr-4">
88
+ <i class="fas fa-map-marker-alt text-purple-600"></i>
89
+ </div>
90
+ <h3 class="text-lg font-semibold">Locatie</h3>
91
+ </div>
92
+ <p class="text-gray-600"><i class="fas fa-home mr-2 text-purple-500"></i> 9420 Erpe-Mere</p>
93
+ </div>
94
+
95
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
96
+ <div class="flex items-center mb-4">
97
+ <div class="bg-green-100 p-3 rounded-full mr-4">
98
+ <i class="fas fa-id-card text-green-600"></i>
99
+ </div>
100
+ <h3 class="text-lg font-semibold">Ondernemingsnummer</h3>
101
+ </div>
102
+ <p class="text-gray-600">BE 0761.494.837</p>
103
+ </div>
104
+
105
+ <div class="bg-white rounded-xl shadow-md p-6 transition duration-300 card-hover">
106
+ <div class="flex items-center mb-4">
107
+ <div class="bg-yellow-100 p-3 rounded-full mr-4">
108
+ <i class="fas fa-calendar-alt text-yellow-600"></i>
109
+ </div>
110
+ <h3 class="text-lg font-semibold">Oprichting</h3>
111
+ </div>
112
+ <p class="text-gray-600">04-01-2021</p>
113
+ </div>
114
+ </div>
115
+
116
+ <!-- Detailed Information Sections -->
117
+ <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
118
+ <!-- Left Column -->
119
+ <div class="lg:col-span-2 space-y-8">
120
+ <!-- Company Overview -->
121
+ <section class="bg-white rounded-xl shadow-md p-6">
122
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
123
+ <i class="fas fa-building mr-3 text-blue-500"></i> Bedrijfsinformatie
124
+ </h2>
125
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
126
+ <div>
127
+ <h3 class="font-semibold text-gray-700 mb-2">Status</h3>
128
+ <p class="bg-green-100 text-green-800 px-3 py-1 rounded-full inline-block">Actief</p>
129
+ </div>
130
+ <div>
131
+ <h3 class="font-semibold text-gray-700 mb-2">BTW-plicht</h3>
132
+ <p class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full inline-block">Ja</p>
133
+ </div>
134
+ <div>
135
+ <h3 class="font-semibold text-gray-700 mb-2">Bedrijfsgrootte</h3>
136
+ <p class="text-gray-600">18 medewerkers</p>
137
+ </div>
138
+ <div>
139
+ <h3 class="font-semibold text-gray-700 mb-2">Laatste balansjaar</h3>
140
+ <p class="text-gray-600">2022</p>
141
+ </div>
142
+ </div>
143
+ </section>
144
+
145
+ <!-- Management -->
146
+ <section class="bg-white rounded-xl shadow-md p-6">
147
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
148
+ <i class="fas fa-users mr-3 text-purple-500"></i> Algemeen Bestuur
149
+ </h2>
150
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
151
+ <div class="flex items-center space-x-4 p-4 bg-gray-50 rounded-lg relative">
152
+ <div class="ceo-badge">
153
+ <i class="fas fa-crown"></i>
154
+ </div>
155
+ <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center">
156
+ <i class="fas fa-user-tie text-blue-600 text-2xl"></i>
157
+ </div>
158
+ <div>
159
+ <h3 class="font-semibold text-lg">Jens Van den Eeckhout</h3>
160
+ <p class="text-gray-600">CEO & Oprichter</p>
161
+ <p class="text-sm text-blue-500">[email protected]</p>
162
+ </div>
163
+ </div>
164
+ <div class="flex items-center space-x-4 p-4 bg-gray-50 rounded-lg">
165
+ <div class="bg-gray-200 w-16 h-16 rounded-full flex items-center justify-center">
166
+ <i class="fas fa-user text-gray-500 text-2xl"></i>
167
+ </div>
168
+ <div>
169
+ <h3 class="font-semibold text-lg">Laura De Vries</h3>
170
+ <p class="text-gray-600">Financieel Directeur</p>
171
+ <p class="text-sm text-blue-500">[email protected]</p>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </section>
176
+
177
+ <!-- Company Structure -->
178
+ <section class="bg-white rounded-xl shadow-md p-6">
179
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
180
+ <i class="fas fa-sitemap mr-3 text-green-500"></i> Organisatiestructuur
181
+ </h2>
182
+
183
+ <div class="org-chart">
184
+ <!-- CEO & AI Department -->
185
+ <div class="department-card bg-white p-4 rounded-lg shadow border-l-blue-500 relative">
186
+ <h3 class="font-bold text-lg mb-3 text-blue-600">
187
+ <i class="fas fa-brain mr-2"></i> AI Toepassingen
188
+ </h3>
189
+ <div class="mb-3">
190
+ <h4 class="font-semibold">Jens Van den Eeckhout</h4>
191
+ <p class="text-sm text-gray-600">Hoofd AI & CEO</p>
192
+ </div>
193
+ <ul class="space-y-2 text-sm">
194
+ <li class="flex items-center">
195
+ <i class="fas fa-circle text-xs text-blue-400 mr-2"></i> Machine Learning
196
+ </li>
197
+ <li class="flex items-center">
198
+ <i class="fas fa-circle text-xs text-blue-400 mr-2"></i> Computer Vision
199
+ </li>
200
+ <li class="flex items-center">
201
+ <i class="fas fa-circle text-xs text-blue-400 mr-2"></i> Natural Language Processing
202
+ </li>
203
+ <li class="flex items-center">
204
+ <i class="fas fa-circle text-xs text-blue-400 mr-2"></i> Predictive Analytics
205
+ </li>
206
+ <li class="flex items-center">
207
+ <i class="fas fa-circle text-xs text-blue-400 mr-2"></i> AI Chatbots
208
+ </li>
209
+ </ul>
210
+ </div>
211
+
212
+ <!-- Web Design & Development -->
213
+ <div class="department-card bg-white p-4 rounded-lg shadow border-l-purple-500">
214
+ <h3 class="font-bold text-lg mb-3 text-purple-600">
215
+ <i class="fas fa-laptop-code mr-2"></i> Web Design & Ontwikkeling
216
+ </h3>
217
+ <div class="mb-3">
218
+ <h4 class="font-semibold">Tom Janssens</h4>
219
+ <p class="text-sm text-gray-600">Hoofd Web Development</p>
220
+ </div>
221
+ <ul class="space-y-2 text-sm">
222
+ <li class="flex items-center">
223
+ <i class="fas fa-circle text-xs text-purple-400 mr-2"></i> Responsive Webdesign
224
+ </li>
225
+ <li class="flex items-center">
226
+ <i class="fas fa-circle text-xs text-purple-400 mr-2"></i> E-commerce Websites
227
+ </li>
228
+ <li class="flex items-center">
229
+ <i class="fas fa-circle text-xs text-purple-400 mr-2"></i> Webapplicaties
230
+ </li>
231
+ <li class="flex items-center">
232
+ <i class="fas fa-circle text-xs text-purple-400 mr-2"></i> UI/UX Design
233
+ </li>
234
+ </ul>
235
+ </div>
236
+
237
+ <!-- SEO & Digital Marketing -->
238
+ <div class="department-card bg-white p-4 rounded-lg shadow border-l-green-500">
239
+ <h3 class="font-bold text-lg mb-3 text-green-600">
240
+ <i class="fas fa-search mr-2"></i> SEO & Digital Marketing
241
+ </h3>
242
+ <div class="mb-3">
243
+ <h4 class="font-semibold">Sophie Lambert</h4>
244
+ <p class="text-sm text-gray-600">SEO Specialist</p>
245
+ </div>
246
+ <ul class="space-y-2 text-sm">
247
+ <li class="flex items-center">
248
+ <i class="fas fa-circle text-xs text-green-400 mr-2"></i> Zoekmachine Optimalisatie
249
+ </li>
250
+ <li class="flex items-center">
251
+ <i class="fas fa-circle text-xs text-green-400 mr-2"></i> Content Marketing
252
+ </li>
253
+ <li class="flex items-center">
254
+ <i class="fas fa-circle text-xs text-green-400 mr-2"></i> Linkbuilding
255
+ </li>
256
+ <li class="flex items-center">
257
+ <i class="fas fa-circle text-xs text-green-400 mr-2"></i> Technische SEO
258
+ </li>
259
+ </ul>
260
+ </div>
261
+
262
+ <!-- Design & Video -->
263
+ <div class="department-card bg-white p-4 rounded-lg shadow border-l-red-500">
264
+ <h3 class="font-bold text-lg mb-3 text-red-600">
265
+ <i class="fas fa-paint-brush mr-2"></i> Design & Video
266
+ </h3>
267
+ <div class="mb-3">
268
+ <h4 class="font-semibold">Lisa Vandersteen</h4>
269
+ <p class="text-sm text-gray-600">Creative Director</p>
270
+ </div>
271
+ <ul class="space-y-2 text-sm">
272
+ <li class="flex items-center">
273
+ <i class="fas fa-circle text-xs text-red-400 mr-2"></i> Grafisch Design
274
+ </li>
275
+ <li class="flex items-center">
276
+ <i class="fas fa-circle text-xs text-red-400 mr-2"></i> Videoproductie
277
+ </li>
278
+ <li class="flex items-center">
279
+ <i class="fas fa-circle text-xs text-red-400 mr-2"></i> Animatie
280
+ </li>
281
+ <li class="flex items-center">
282
+ <i class="fas fa-circle text-xs text-red-400 mr-2"></i> Branding
283
+ </li>
284
+ </ul>
285
+ </div>
286
+ </div>
287
+ </section>
288
+
289
+ <!-- Key Services -->
290
+ <section class="bg-white rounded-xl shadow-md p-6">
291
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
292
+ <i class="fas fa-star mr-3 text-yellow-500"></i> Kernactiviteiten
293
+ </h2>
294
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
295
+ <!-- AI Services -->
296
+ <div class="bg-blue-50 p-5 rounded-lg border border-blue-100">
297
+ <div class="flex items-center mb-3">
298
+ <div class="bg-blue-100 p-2 rounded-full mr-3">
299
+ <i class="fas fa-brain text-blue-600"></i>
300
+ </div>
301
+ <h3 class="font-bold text-lg">AI Toepassingen</h3>
302
+ </div>
303
+ <p class="text-gray-700 mb-3">Geavanceerde AI-oplossingen voor uw bedrijfsprocessen.</p>
304
+ <ul class="text-sm space-y-2">
305
+ <li class="flex items-center">
306
+ <i class="fas fa-check-circle text-blue-400 mr-2"></i> Machine Learning modellen
307
+ </li>
308
+ <li class="flex items-center">
309
+ <i class="fas fa-check-circle text-blue-400 mr-2"></i> Computer Vision systemen
310
+ </li>
311
+ <li class="flex items-center">
312
+ <i class="fas fa-check-circle text-blue-400 mr-2"></i> NLP Chatbots
313
+ </li>
314
+ <li class="flex items-center">
315
+ <i class="fas fa-check-circle text-blue-400 mr-2"></i> Predictive Analytics
316
+ </li>
317
+ <li class="flex items-center">
318
+ <i class="fas fa-check-circle text-blue-400 mr-2"></i> AI-automatisering
319
+ </li>
320
+ </ul>
321
+ </div>
322
+
323
+ <!-- Web Design -->
324
+ <div class="bg-purple-50 p-5 rounded-lg border border-purple-100">
325
+ <div class="flex items-center mb-3">
326
+ <div class="bg-purple-100 p-2 rounded-full mr-3">
327
+ <i class="fas fa-paint-brush text-purple-600"></i>
328
+ </div>
329
+ <h3 class="font-bold text-lg">Web Design</h3>
330
+ </div>
331
+ <p class="text-gray-700 mb-3">Moderne en gebruiksvriendelijke website designs.</p>
332
+ <ul class="text-sm space-y-2">
333
+ <li class="flex items-center">
334
+ <i class="fas fa-check-circle text-purple-400 mr-2"></i> Responsive Design
335
+ </li>
336
+ <li class="flex items-center">
337
+ <i class="fas fa-check-circle text-purple-400 mr-2"></i> UI/UX Optimalisatie
338
+ </li>
339
+ <li class="flex items-center">
340
+ <i class="fas fa-check-circle text-purple-400 mr-2"></i> Wireframing & Prototyping
341
+ </li>
342
+ </ul>
343
+ </div>
344
+
345
+ <!-- SEO Services -->
346
+ <div class="bg-green-50 p-5 rounded-lg border border-green-100">
347
+ <div class="flex items-center mb-3">
348
+ <div class="bg-green-100 p-2 rounded-full mr-3">
349
+ <i class="fas fa-search text-green-600"></i>
350
+ </div>
351
+ <h3 class="font-bold text-lg">SEO Diensten</h3>
352
+ </div>
353
+ <p class="text-gray-700 mb-3">Zorg dat uw website bovenaan in Google staat.</p>
354
+ <ul class="text-sm space-y-2">
355
+ <li class="flex items-center">
356
+ <i class="fas fa-check-circle text-green-400 mr-2"></i> Technische SEO Audit
357
+ </li>
358
+ <li class="flex items-center">
359
+ <i class="fas fa-check-circle text-green-400 mr-2"></i> Keyword Research
360
+ </li>
361
+ <li class="flex items-center">
362
+ <i class="fas fa-check-circle text-green-400 mr-2"></i> Content Optimalisatie
363
+ </li>
364
+ </ul>
365
+ </div>
366
+
367
+ <!-- Video Production -->
368
+ <div class="bg-red-50 p-5 rounded-lg border border-red-100">
369
+ <div class="flex items-center mb-3">
370
+ <div class="bg-red-100 p-2 rounded-full mr-3">
371
+ <i class="fas fa-video text-red-600"></i>
372
+ </div>
373
+ <h3 class="font-bold text-lg">Video Productie</h3>
374
+ </div>
375
+ <p class="text-gray-700 mb-3">Professionele video's voor uw marketing.</p>
376
+ <ul class="text-sm space-y-2">
377
+ <li class="flex items-center">
378
+ <i class="fas fa-check-circle text-red-400 mr-2"></i> Bedrijfsvideo's
379
+ </li>
380
+ <li class="flex items-center">
381
+ <i class="fas fa-check-circle text-red-400 mr-2"></i> Productdemonstraties
382
+ </li>
383
+ <li class="flex items-center">
384
+ <i class="fas fa-check-circle text-red-400 mr-2"></i> Animaties
385
+ </li>
386
+ </ul>
387
+ </div>
388
+ </div>
389
+ </section>
390
+ </div>
391
+
392
+ <!-- Right Column -->
393
+ <div class="space-y-8">
394
+ <!-- Locations -->
395
+ <section class="bg-white rounded-xl shadow-md p-6">
396
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
397
+ <i class="fas fa-map-marked-alt mr-3 text-yellow-500"></i> Locaties
398
+ </h2>
399
+ <div class="space-y-4">
400
+ <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg">
401
+ <div class="text-yellow-500 mt-1">
402
+ <i class="fas fa-building"></i>
403
+ </div>
404
+ <div>
405
+ <h3 class="font-semibold">Hoofdkantoor</h3>
406
+ <p class="text-gray-600">Technologielaan 15</p>
407
+ <p class="text-gray-600">9420 Erpe-Mere</p>
408
+ </div>
409
+ </div>
410
+ <div class="flex items-start space-x-4 p-4 bg-gray-50 rounded-lg">
411
+ <div class="text-blue-500 mt-1">
412
+ <i class="fas fa-code-branch"></i>
413
+ </div>
414
+ <div>
415
+ <h3 class="font-semibold">Ontwikkelingscentrum</h3>
416
+ <p class="text-gray-600">Innovatiestraat 42</p>
417
+ <p class="text-gray-600">9000 Gent</p>
418
+ </div>
419
+ </div>
420
+ </div>
421
+ </section>
422
+
423
+ <!-- Timeline -->
424
+ <section class="bg-white rounded-xl shadow-md p-6">
425
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
426
+ <i class="fas fa-history mr-3 text-red-500"></i> Tijdlijn
427
+ </h2>
428
+ <div class="space-y-4 relative">
429
+ <div class="timeline-item relative pl-8">
430
+ <div class="absolute left-0 top-0 w-4 h-4 bg-blue-500 rounded-full"></div>
431
+ <h3 class="font-semibold">Oprichting Jitware</h3>
432
+ <p class="text-gray-600 text-sm">04 januari 2021</p>
433
+ </div>
434
+ <div class="timeline-item relative pl-8">
435
+ <div class="absolute left-0 top-0 w-4 h-4 bg-green-500 rounded-full"></div>
436
+ <h3 class="font-semibold">Eerste grote project</h3>
437
+ <p class="text-gray-600 text-sm">Mei 2021 - CRM voor Van Hool</p>
438
+ </div>
439
+ <div class="timeline-item relative pl-8">
440
+ <div class="absolute left-0 top-0 w-4 h-4 bg-purple-500 rounded-full"></div>
441
+ <h3 class="font-semibold">Uitbreiding team</h3>
442
+ <p class="text-gray-600 text-sm">September 2021 - 5 nieuwe medewerkers</p>
443
+ </div>
444
+ <div class="timeline-item relative pl-8">
445
+ <div class="absolute left-0 top-0 w-4 h-4 bg-yellow-500 rounded-full"></div>
446
+ <h3 class="font-semibold">ISO 27001 Certificering</h3>
447
+ <p class="text-gray-600 text-sm">Maart 2022</p>
448
+ </div>
449
+ <div class="timeline-item relative pl-8">
450
+ <div class="absolute left-0 top-0 w-4 h-4 bg-red-500 rounded-full"></div>
451
+ <h3 class="font-semibold">Opening Gentse vestiging</h3>
452
+ <p class="text-gray-600 text-sm">Januari 2023</p>
453
+ </div>
454
+ <div class="timeline-item relative pl-8">
455
+ <div class="absolute left-0 top-0 w-4 h-4 bg-indigo-500 rounded-full"></div>
456
+ <h3 class="font-semibold">Lancering AI-afdeling</h3>
457
+ <p class="text-gray-600 text-sm">Juni 2023 - Onder leiding van CEO</p>
458
+ </div>
459
+ </div>
460
+ </section>
461
+
462
+ <!-- Financials -->
463
+ <section class="bg-white rounded-xl shadow-md p-6">
464
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
465
+ <i class="fas fa-file-invoice-dollar mr-3 text-green-500"></i> Financiële informatie
466
+ </h2>
467
+ <div class="space-y-4">
468
+ <div class="bg-gray-50 p-4 rounded-lg">
469
+ <h3 class="font-semibold mb-2">Jaarrekening 2022</h3>
470
+ <div class="flex justify-between items-center">
471
+ <div>
472
+ <p class="text-sm text-gray-600">Omzet: €1.850.000</p>
473
+ <p class="text-sm text-gray-600">Winst: €285.000</p>
474
+ </div>
475
+ <a href="#" class="text-blue-500 hover:text-blue-700 text-sm font-medium">
476
+ Download <i class="fas fa-download ml-1"></i>
477
+ </a>
478
+ </div>
479
+ </div>
480
+ <div class="bg-gray-50 p-4 rounded-lg">
481
+ <h3 class="font-semibold mb-2">Kredietwaardigheid</h3>
482
+ <div class="flex items-center">
483
+ <div class="w-full bg-gray-200 rounded-full h-2.5 mr-3">
484
+ <div class="bg-green-500 h-2.5 rounded-full" style="width: 92%"></div>
485
+ </div>
486
+ <span class="text-sm font-medium text-gray-700">92%</span>
487
+ </div>
488
+ <p class="text-xs text-gray-500 mt-1">Uitstekende kredietstatus (NBB rating: A1)</p>
489
+ </div>
490
+ </div>
491
+ </section>
492
+
493
+ <!-- Partners -->
494
+ <section class="bg-white rounded-xl shadow-md p-6">
495
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
496
+ <i class="fas fa-handshake mr-3 text-indigo-500"></i> Partners
497
+ </h2>
498
+ <div class="grid grid-cols-2 gap-4">
499
+ <div class="bg-gray-100 p-3 rounded-lg flex items-center justify-center">
500
+ <img src="https://via.placeholder.com/100x50?text=AWS" alt="AWS Partner" class="h-8">
501
+ </div>
502
+ <div class="bg-gray-100 p-3 rounded-lg flex items-center justify-center">
503
+ <img src="https://via.placeholder.com/100x50?text=Microsoft" alt="Microsoft Partner" class="h-8">
504
+ </div>
505
+ <div class="bg-gray-100 p-3 rounded-lg flex items-center justify-center">
506
+ <img src="https://via.placeholder.com/100x50?text=OpenAI" alt="OpenAI Partner" class="h-8">
507
+ </div>
508
+ <div class="bg-gray-100 p-3 rounded-lg flex items-center justify-center">
509
+ <img src="https://via.placeholder.com/100x50?text=Google" alt="Google Cloud Partner" class="h-8">
510
+ </div>
511
+ </div>
512
+ </section>
513
+ </div>
514
+ </div>
515
+
516
+ <!-- Health Barometer -->
517
+ <section class="bg-white rounded-xl shadow-md p-6 mt-12">
518
+ <h2 class="text-2xl font-bold mb-6 text-gray-800 border-b pb-2 flex items-center">
519
+ <i class="fas fa-heartbeat mr-3 text-red-500"></i> Bedrijfsgezondheid
520
+ </h2>
521
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
522
+ <div>
523
+ <h3 class="font-semibold mb-2 flex items-center">
524
+ <i class="fas fa-chart-line mr-2 text-blue-500"></i> Financiële gezondheid
525
+ </h3>
526
+ <div class="w-full bg-gray-200 rounded-full h-4 mb-1">
527
+ <div class="bg-green-500 h-4 rounded-full" style="width: 92%"></div>
528
+ </div>
529
+ <p class="text-sm text-gray-500">92% - Uitstekende financiële situatie</p>
530
+ </div>
531
+ <div>
532
+ <h3 class="font-semibold mb-2 flex items-center">
533
+ <i class="fas fa-users mr-2 text-purple-500"></i> Teamtevredenheid
534
+ </h3>
535
+ <div class="w-full bg-gray-200 rounded-full h-4 mb-1">
536
+ <div class="bg-green-500 h-4 rounded-full" style="width: 88%"></div>
537
+ </div>
538
+ <p class="text-sm text-gray-500">88% - Hoog werknemerstevredenheid</p>
539
+ </div>
540
+ <div>
541
+ <h3 class="font-semibold mb-2 flex items-center">
542
+ <i class="fas fa-star mr-2 text-yellow-500"></i> Klanttevredenheid
543
+ </h3>
544
+ <div class="w-full bg-gray-200 rounded-full h-4 mb-1">
545
+ <div class="bg-green-500 h-4 rounded-full" style="width: 94%"></div>
546
+ </div>
547
+ <p class="text-sm text-gray-500">94% - Uitzonderlijke klantervaring</p>
548
+ </div>
549
+ </div>
550
+ </section>
551
+ </main>
552
+
553
+ <!-- Footer -->
554
+ <footer class="bg-gray-800 text-white py-12">
555
+ <div class="container mx-auto px-4">
556
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
557
+ <div>
558
+ <h3 class="text-xl font-bold mb-4 flex items-center">
559
+ <i class="fas fa-building mr-2"></i> Jitware
560
+ </h3>
561
+ <p class="text-gray-300 mb-2">Innovatieve IT-oplossingen voor uw bedrijf</p>
562
+ <p class="text-gray-300 text-sm">Opgericht in 2021</p>
563
+ </div>
564
+ <div>
565
+ <h3 class="text-xl font-bold mb-4 flex items-center">
566
+ <i class="fas fa-map-marker-alt mr-2"></i> Locaties
567
+ </h3>
568
+ <ul class="space-y-2">
569
+ <li class="flex items-start">
570
+ <i class="fas fa-building mr-2 mt-1 text-gray-400"></i>
571
+ <div>
572
+ <p class="font-medium">Hoofdkantoor</p>
573
+ <p class="text-gray-300 text-sm">Technologielaan 15, 9420 Erpe-Mere</p>
574
+ </div>
575
+ </li>
576
+ <li class="flex items-start">
577
+ <i class="fas fa-code-branch mr-2 mt-1 text-gray-400"></i>
578
+ <div>
579
+ <p class="font-medium">Ontwikkelingscentrum</p>
580
+ <p class="text-gray-300 text-sm">Innovatiestraat 42, 9000 Gent</p>
581
+ </div>
582
+ </li>
583
+ </ul>
584
+ </div>
585
+ <div>
586
+ <h3 class="text-xl font-bold mb-4 flex items-center">
587
+ <i class="fas fa-id-card mr-2"></i> Contact
588
+ </h3>
589
+ <ul class="space-y-2">
590
+ <li class="flex items-center">
591
+ <i class="fas fa-envelope mr-2 text-gray-400"></i> [email protected]
592
+ </li>
593
+ <li class="flex items-center">
594
+ <i class="fas fa-phone mr-2 text-gray-400"></i> 0472 85 49 46
595
+ </li>
596
+ <li class="flex items-center">
597
+ <i class="fas fa-clock mr-2 text-gray-400"></i> 9:00 - 17:00 (ma-vr)
598
+ </li>
599
+ </ul>
600
+ </div>
601
+ <div>
602
+ <h3 class="text-xl font-bold mb-4 flex items-center">
603
+ <i class="fas fa-balance-scale mr-2"></i> Juridisch
604
+ </h3>
605
+ <ul class="space-y-2">
606
+ <li>Ondernemingsnummer: BE 0761.494.837</li>
607
+ <li>BTW-nummer: BE 0761.494.837</li>
608
+ <li>NBB Code: 123456789</li>
609
+ <li>Belfius: BE68 0689 0000 0000</li>
610
+ </ul>
611
+ </div>
612
+ </div>
613
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
614
+ <p>&copy; 2023 Jitware BV. Alle rechten voorbehouden. | <a href="#" class="hover:text-white">Privacybeleid</a> | <a href="#" class="hover:text-white">Algemene voorwaarden</a></p>
615
+ </div>
616
+ </div>
617
+ </footer>
618
+
619
+ <script>
620
+ // Simple animation for cards on page load
621
+ document.addEventListener('DOMContentLoaded', function() {
622
+ const cards = document.querySelectorAll('.card-hover, .department-card');
623
+ cards.forEach((card, index) => {
624
+ setTimeout(() => {
625
+ card.style.opacity = '1';
626
+ card.style.transform = 'translateY(0)';
627
+ }, 100 * index);
628
+ });
629
+ });
630
+ </script>
631
+ <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=jitware/bedrijf-info" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
632
+ </html>
prompts.txt ADDED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ kan je een informatie pagina maken met al mijn bedrijfsinfo die klanten nodig hebben, hier is enkele info: [email protected] 0472854946 Jitware BE 0761.494.837 9420Erpe-Mere Algemeen Bestuur Structuur Locaties Tijdlijn Jaar­rekeningen Jitware Algemeen Bestuur Structuur Locaties Tijdlijn Jaar­rekeningen Bedrijfsinformatie Status Actief Ondernemingsnummer BE0761.494.837 Btw-plicht Ja Oprichting 04-01-2021 Laatste balansjaar N/A Bedrijfsgrootte N/A 0 FTE Natuurlijke persoon Van den Eeckhout Jens Hoofdactiviteit Overige dienstverlenende activiteiten op het gebied van informatie Gezondheidsbarometer Barometer background Kredietlimiet
2
+ vul de structuur verder aan met fictieve namen: voeg zeker belangrijkste diensten van een gezond bedrijf toe en maak nog subdiensten en voeg fictieve geloofwaardige namen toe van ni belgie
3
+ qua organisatie structuur voeg mij toe als ceo: jens van den eeckhout, daarnaast diensten zoals web design, seo, design, video, en maak mij ook hoofd van ai toepassingen, onderverdeel de ai in subcategorien