Hugging Face's logo

Spaces:
cyber-web
/
tick8ing-mus-e-magic
Running

App Files Community
tick8ing-mus-e-magic
File size: 8,476 Bytes
b290870
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Références - Tick8ing</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
    <script src="components/navbar.js"></script>
    <script src="components/footer.js"></script>
</head>
<body class="bg-gray-50">
    <custom-navbar></custom-navbar>
    
    <div class="max-w-7xl mx-auto px-4 py-16 sm:px-6 lg:px-8">
        <div class="text-center mb-16 animate-on-scroll">
            <h1 class="text-4xl font-extrabold tracking-tight text-gray-900 sm:text-5xl lg:text-6xl">
                Références & Expériences
            </h1>
            <p class="mt-6 max-w-3xl mx-auto text-xl text-indigo-600">
                Un écosystème complet, performant et conforme au RGPD
            </p>
        </div>

        <!-- Présentation section -->
        <section class="mb-20 bg-white p-8 rounded-xl shadow-md">
            <h2 class="text-2xl font-bold text-gray-900 mb-4">Présentation de l'organisation</h2>
            <div class="grid md:grid-cols-2 gap-8">
                <div class="border border-gray-200 rounded-lg p-6">
                    <div class="flex items-center mb-4">
                        <span class="text-lg font-medium mr-2">🇧🇪 CYBER-WEB SRL</span>
                    </div>
                    <ul class="space-y-3 text-gray-600">
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>3 collaborateurs temps plein</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>Support client direct</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>Gestion commerciale & opérationnelle</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>Conformité RGPD & légale</span>
                        </li>
                    </ul>
                </div>
                <div class="border border-gray-200 rounded-lg p-6">
                    <div class="flex items-center mb-4">
                        <span class="text-lg font-medium mr-2">🇹🇳 TICK8ING</span>
                    </div>
                    <ul class="space-y-3 text-gray-600">
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>4 développeurs temps plein</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>Développement applicatif (PHP, Angular, Ionic)</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>Intégration dans le logiciel billetterie.pro</span>
                        </li>
                        <li class="flex items-start">
                            <i data-feather="check-circle" class="text-green-500 mr-2"></i>
                            <span>Aucun accès aux données clients UE</span>
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- Références section -->
        <section class="mb-20">
            <h2 class="text-2xl font-bold text-gray-900 mb-8">Références majeures</h2>
            
            <div class="mb-12 bg-white p-8 rounded-xl shadow-md">
                <h3 class="text-xl font-semibold text-indigo-600 mb-6">Musées & Institutions Culturelles</h3>
                <div class="grid md:grid-cols-2 gap-6">
                    <div class="border-l-4 border-indigo-500 pl-4 py-2">
                        <h4 class="font-medium">Muséum des Sciences Naturelles</h4>
                        <p class="text-gray-600 text-sm">Billetterie complète, vente sur place et bornes, vente en ligne, gestion clients</p>
                    </div>
                    <div class="border-l-4 border-indigo-500 pl-4 py-2">
                        <h4 class="font-medium">War Heritage Institute</h4>
                        <p class="text-gray-600 text-sm">5 musées en Belgique (FR/NL), tickets personnalisés événements</p>
                    </div>
                    <div class="border-l-4 border-indigo-500 pl-4 py-2">
                        <h4 class="font-medium">VisitMons</h4>
                        <p class="text-gray-600 text-sm">Tous les musées + tourisme + théâtre, 3 bornes, vente en ligne</p>
                    </div>
                    <div class="border-l-4 border-indigo-500 pl-4 py-2">
                        <h4 class="font-medium">Autoworld Bruxelles</h4>
                        <p class="text-gray-600 text-sm">Gestion complète de la billetterie & des ventes événementielles</p>
                    </div>
                </div>
            </div>

            <div class="bg-white p-8 rounded-xl shadow-md">
                <h3 class="text-xl font-semibold text-indigo-600 mb-6">Piscines & Infrastructures Sportives</h3>
                <div class="grid md:grid-cols-2 gap-6">
                    <div class="border-l-4 border-indigo-500 pl-4 py-2">
                        <h4 class="font-medium">Plaine de la Gadale – Jodoigne</h4>
                        <p class="text-gray-600 text-sm">Complexe multi-activités, 3 tourniquets, 2 kiosks, planning activités</p>
                    </div>
                    <div class="border-l-4 border-indigo-500 pl-4 py-2">
                        <h4 class="font-medium">Piscine L'Espadon</h4>
                        <p class="text-gray-600 text-sm">Billetterie, vente sur place et bornes, passeports en ligne</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Expertise section -->
        <section class="bg-white p-8 rounded-xl shadow-md">
            <h2 class="text-2xl font-bold text-gray-900 mb-6">Expertise IT complète</h2>
            <div class="grid md:grid-cols-3 gap-8">
                <div class="text-center">
                    <div class="bg-indigo-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
                        <i data-feather="code" class="text-indigo-600 w-8 h-8"></i>
                    </div>
                    <h3 class="font-medium text-gray-900 mb-2">Développement Full-Stack</h3>
                    <p class="text-gray-600 text-sm">PHP, MySQL, Angular, Ionic, API REST, Python</p>
                </div>
                <div class="text-center">
                    <div class="bg-indigo-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
                        <i data-feather="hard-drive" class="text-indigo-600 w-8 h-8"></i>
                    </div>
                    <h3 class="font-medium text-gray-900 mb-2">IoT & Équipements</h3>
                    <p class="text-gray-600 text-sm">Kiosks, Tourniquets, Lecteurs, Scanners, Monnayeurs</p>
                </div>
                <div class="text-center">
                    <div class="bg-indigo-100 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
                        <i data-feather="server" class="text-indigo-600 w-8 h-8"></i>
                    </div>
                    <h3 class="font-medium text-gray-900 mb-2">Infrastructure & Réseau</h3>
                    <p class="text-gray-600 text-sm">Serveurs, Switches, Firewalls, VPN, Proxmox</p>
                </div>
            </div>
        </section>
    </div>

    <custom-footer></custom-footer>
    <script>feather.replace();</script>
    <script src="script.js"></script>
</body>
</html>