Hugging Face's logo

Spaces:
program67
/
gamemaster-pro-software
Running

App Files Community
program67 commited on
Commit
683cd87
·
verified ·
1 Parent(s): d4c5605

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +596 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Gamemaster Pro Software
3
- emoji: 📉
4
- colorFrom: yellow
5
- colorTo: red
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: gamemaster-pro-software
3
+ emoji: 🐳
4
+ colorFrom: blue
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,596 @@
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="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>GameMaster Pro - Ultimate PC Game Trainers</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
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#4F46E5',
15
+ secondary: '#10B981',
16
+ dark: '#1F2937',
17
+ light: '#F3F4F6',
18
+ }
19
+ }
20
+ }
21
+ }
22
+ </script>
23
+ <style>
24
+ .game-card:hover .game-overlay {
25
+ opacity: 1;
26
+ transform: translateY(0);
27
+ }
28
+ .game-overlay {
29
+ transition: all 0.3s ease;
30
+ opacity: 0;
31
+ transform: translateY(10px);
32
+ }
33
+ .search-box:focus {
34
+ box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.3);
35
+ }
36
+ .category-btn.active {
37
+ background-color: #4F46E5;
38
+ color: white;
39
+ }
40
+ .floating-download {
41
+ animation: float 3s ease-in-out infinite;
42
+ }
43
+ @keyframes float {
44
+ 0% { transform: translateY(0px); }
45
+ 50% { transform: translateY(-10px); }
46
+ 100% { transform: translateY(0px); }
47
+ }
48
+ </style>
49
+ </head>
50
+ <body class="bg-gray-100 font-sans">
51
+ <!-- Header -->
52
+ <header class="bg-dark text-white shadow-lg">
53
+ <div class="container mx-auto px-4 py-6">
54
+ <div class="flex flex-col md:flex-row justify-between items-center">
55
+ <div class="flex items-center mb-4 md:mb-0">
56
+ <i class="fas fa-gamepad text-3xl text-secondary mr-3"></i>
57
+ <h1 class="text-2xl font-bold">GameMaster <span class="text-primary">Pro</span></h1>
58
+ </div>
59
+ <div class="relative w-full md:w-64">
60
+ <input type="text" placeholder="Search trainers..." class="search-box w-full px-4 py-2 rounded-full bg-gray-800 text-white focus:outline-none">
61
+ <button class="absolute right-3 top-2 text-gray-400">
62
+ <i class="fas fa-search"></i>
63
+ </button>
64
+ </div>
65
+ </div>
66
+ </div>
67
+ </header>
68
+
69
+ <!-- Hero Section -->
70
+ <section class="bg-gradient-to-r from-dark to-primary text-white py-16">
71
+ <div class="container mx-auto px-4 text-center">
72
+ <h2 class="text-4xl md:text-5xl font-bold mb-6">Unlock Your Gaming Potential</h2>
73
+ <p class="text-xl mb-8 max-w-3xl mx-auto">The ultimate collection of game trainers for all PC game categories. Get unlimited health, ammo, money and more!</p>
74
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
75
+ <button class="bg-secondary hover:bg-green-500 text-white font-bold py-3 px-6 rounded-full transition duration-300">
76
+ <i class="fas fa-download mr-2"></i> Download All Trainers
77
+ </button>
78
+ <button class="bg-white hover:bg-gray-200 text-dark font-bold py-3 px-6 rounded-full transition duration-300">
79
+ <i class="fas fa-video mr-2"></i> Watch Tutorial
80
+ </button>
81
+ </div>
82
+ <div class="mt-12 floating-download">
83
+ <i class="fas fa-arrow-down text-3xl animate-bounce"></i>
84
+ </div>
85
+ </div>
86
+ </section>
87
+
88
+ <!-- Categories Section -->
89
+ <section class="py-12 bg-white">
90
+ <div class="container mx-auto px-4">
91
+ <h2 class="text-3xl font-bold text-center mb-12 text-dark">Game Categories</h2>
92
+ <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
93
+ <!-- Simulation -->
94
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
95
+ <div class="p-6 text-center">
96
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
97
+ <i class="fas fa-plane text-2xl"></i>
98
+ </div>
99
+ <h3 class="font-bold text-lg mb-2">Simulation</h3>
100
+ <p class="text-gray-600 text-sm">Flight, life, farming and more</p>
101
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">124 Trainers</span>
102
+ </div>
103
+ </div>
104
+
105
+ <!-- Strategy -->
106
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
107
+ <div class="p-6 text-center">
108
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
109
+ <i class="fas fa-chess text-2xl"></i>
110
+ </div>
111
+ <h3 class="font-bold text-lg mb-2">Strategy</h3>
112
+ <p class="text-gray-600 text-sm">RTS, turn-based, tactical</p>
113
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">89 Trainers</span>
114
+ </div>
115
+ </div>
116
+
117
+ <!-- Management -->
118
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
119
+ <div class="p-6 text-center">
120
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
121
+ <i class="fas fa-city text-2xl"></i>
122
+ </div>
123
+ <h3 class="font-bold text-lg mb-2">Management</h3>
124
+ <p class="text-gray-600 text-sm">City, business, hospital</p>
125
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">67 Trainers</span>
126
+ </div>
127
+ </div>
128
+
129
+ <!-- Arcade -->
130
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
131
+ <div class="p-6 text-center">
132
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
133
+ <i class="fas fa-gamepad text-2xl"></i>
134
+ </div>
135
+ <h3 class="font-bold text-lg mb-2">Arcade</h3>
136
+ <p class="text-gray-600 text-sm">Classic and modern arcade</p>
137
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">215 Trainers</span>
138
+ </div>
139
+ </div>
140
+
141
+ <!-- Sports -->
142
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
143
+ <div class="p-6 text-center">
144
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
145
+ <i class="fas fa-running text-2xl"></i>
146
+ </div>
147
+ <h3 class="font-bold text-lg mb-2">Sports</h3>
148
+ <p class="text-gray-600 text-sm">Football, basketball, racing</p>
149
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">78 Trainers</span>
150
+ </div>
151
+ </div>
152
+
153
+ <!-- Quiz & Board -->
154
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
155
+ <div class="p-6 text-center">
156
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
157
+ <i class="fas fa-dice text-2xl"></i>
158
+ </div>
159
+ <h3 class="font-bold text-lg mb-2">Quiz & Board</h3>
160
+ <p class="text-gray-600 text-sm">Trivia, card and board games</p>
161
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">42 Trainers</span>
162
+ </div>
163
+ </div>
164
+
165
+ <!-- Sandbox -->
166
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
167
+ <div class="p-6 text-center">
168
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
169
+ <i class="fas fa-cubes text-2xl"></i>
170
+ </div>
171
+ <h3 class="font-bold text-lg mb-2">Sandbox</h3>
172
+ <p class="text-gray-600 text-sm">Open world creativity</p>
173
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">53 Trainers</span>
174
+ </div>
175
+ </div>
176
+
177
+ <!-- RPG -->
178
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
179
+ <div class="p-6 text-center">
180
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
181
+ <i class="fas fa-dragon text-2xl"></i>
182
+ </div>
183
+ <h3 class="font-bold text-lg mb-2">RPG</h3>
184
+ <p class="text-gray-600 text-sm">Role-playing adventures</p>
185
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">112 Trainers</span>
186
+ </div>
187
+ </div>
188
+
189
+ <!-- FPS -->
190
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
191
+ <div class="p-6 text-center">
192
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
193
+ <i class="fas fa-gun text-2xl"></i>
194
+ </div>
195
+ <h3 class="font-bold text-lg mb-2">FPS</h3>
196
+ <p class="text-gray-600 text-sm">First-person shooters</p>
197
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">156 Trainers</span>
198
+ </div>
199
+ </div>
200
+
201
+ <!-- Adventure -->
202
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
203
+ <div class="p-6 text-center">
204
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
205
+ <i class="fas fa-map-marked-alt text-2xl"></i>
206
+ </div>
207
+ <h3 class="font-bold text-lg mb-2">Adventure</h3>
208
+ <p class="text-gray-600 text-sm">Story-driven experiences</p>
209
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">87 Trainers</span>
210
+ </div>
211
+ </div>
212
+
213
+ <!-- Horror -->
214
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
215
+ <div class="p-6 text-center">
216
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
217
+ <i class="fas fa-ghost text-2xl"></i>
218
+ </div>
219
+ <h3 class="font-bold text-lg mb-2">Horror</h3>
220
+ <p class="text-gray-600 text-sm">Survival and psychological</p>
221
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">64 Trainers</span>
222
+ </div>
223
+ </div>
224
+
225
+ <!-- Indie -->
226
+ <div class="category-card bg-light rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300">
227
+ <div class="p-6 text-center">
228
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4">
229
+ <i class="fas fa-indent text-2xl"></i>
230
+ </div>
231
+ <h3 class="font-bold text-lg mb-2">Indie</h3>
232
+ <p class="text-gray-600 text-sm">Independent creations</p>
233
+ <span class="inline-block mt-3 px-3 py-1 bg-secondary text-white text-xs rounded-full">92 Trainers</span>
234
+ </div>
235
+ </div>
236
+ </div>
237
+ </div>
238
+ </section>
239
+
240
+ <!-- Popular Trainers -->
241
+ <section class="py-12 bg-gray-100">
242
+ <div class="container mx-auto px-4">
243
+ <div class="flex justify-between items-center mb-8">
244
+ <h2 class="text-3xl font-bold text-dark">Popular Trainers</h2>
245
+ <div class="flex space-x-2">
246
+ <button class="category-btn active px-4 py-2 rounded-full bg-primary text-white text-sm">All</button>
247
+ <button class="category-btn px-4 py-2 rounded-full bg-gray-200 text-gray-700 text-sm hover:bg-gray-300">New</button>
248
+ <button class="category-btn px-4 py-2 rounded-full bg-gray-200 text-gray-700 text-sm hover:bg-gray-300">Updated</button>
249
+ </div>
250
+ </div>
251
+
252
+ <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
253
+ <!-- Trainer 1 -->
254
+ <div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300 relative">
255
+ <div class="relative">
256
+ <img src="https://via.placeholder.com/400x225/4F46E5/FFFFFF?text=Farming+Simulator" alt="Farming Simulator" class="w-full h-48 object-cover">
257
+ <div class="absolute top-2 right-2 bg-yellow-500 text-white text-xs font-bold px-2 py-1 rounded flex items-center">
258
+ <i class="fas fa-star mr-1"></i> 4.9
259
+ </div>
260
+ </div>
261
+ <div class="p-4">
262
+ <h3 class="font-bold text-lg mb-1">Farming Simulator 22</h3>
263
+ <div class="flex items-center text-sm text-gray-500 mb-3">
264
+ <span class="mr-3"><i class="fas fa-tag mr-1"></i> Simulation</span>
265
+ <span><i class="fas fa-download mr-1"></i> 12.4K</span>
266
+ </div>
267
+ <p class="text-gray-600 text-sm mb-4">Unlimited money, fast growth, unlock all vehicles and more.</p>
268
+ <div class="game-overlay absolute inset-0 bg-black bg-opacity-80 flex flex-col justify-center items-center p-4">
269
+ <button class="bg-secondary hover:bg-green-500 text-white font-bold py-2 px-4 rounded-full mb-3 transition duration-300 w-full max-w-xs">
270
+ <i class="fas fa-download mr-2"></i> Download Trainer
271
+ </button>
272
+ <button class="bg-white hover:bg-gray-200 text-dark font-bold py-2 px-4 rounded-full transition duration-300 w-full max-w-xs">
273
+ <i class="fas fa-info-circle mr-2"></i> Details
274
+ </button>
275
+ </div>
276
+ </div>
277
+ </div>
278
+
279
+ <!-- Trainer 2 -->
280
+ <div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300 relative">
281
+ <div class="relative">
282
+ <img src="https://via.placeholder.com/400x225/10B981/FFFFFF?text=Age+of+Empires" alt="Age of Empires" class="w-full h-48 object-cover">
283
+ <div class="absolute top-2 right-2 bg-yellow-500 text-white text-xs font-bold px-2 py-1 rounded flex items-center">
284
+ <i class="fas fa-star mr-1"></i> 4.8
285
+ </div>
286
+ </div>
287
+ <div class="p-4">
288
+ <h3 class="font-bold text-lg mb-1">Age of Empires IV</h3>
289
+ <div class="flex items-center text-sm text-gray-500 mb-3">
290
+ <span class="mr-3"><i class="fas fa-tag mr-1"></i> Strategy</span>
291
+ <span><i class="fas fa-download mr-1"></i> 9.7K</span>
292
+ </div>
293
+ <p class="text-gray-600 text-sm mb-4">Infinite resources, instant build, god mode and more.</p>
294
+ <div class="game-overlay absolute inset-0 bg-black bg-opacity-80 flex flex-col justify-center items-center p-4">
295
+ <button class="bg-secondary hover:bg-green-500 text-white font-bold py-2 px-4 rounded-full mb-3 transition duration-300 w-full max-w-xs">
296
+ <i class="fas fa-download mr-2"></i> Download Trainer
297
+ </button>
298
+ <button class="bg-white hover:bg-gray-200 text-dark font-bold py-2 px-4 rounded-full transition duration-300 w-full max-w-xs">
299
+ <i class="fas fa-info-circle mr-2"></i> Details
300
+ </button>
301
+ </div>
302
+ </div>
303
+ </div>
304
+
305
+ <!-- Trainer 3 -->
306
+ <div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300 relative">
307
+ <div class="relative">
308
+ <img src="https://via.placeholder.com/400x225/3B82F6/FFFFFF?text=FIFA+23" alt="FIFA 23" class="w-full h-48 object-cover">
309
+ <div class="absolute top-2 right-2 bg-yellow-500 text-white text-xs font-bold px-2 py-1 rounded flex items-center">
310
+ <i class="fas fa-star mr-1"></i> 4.7
311
+ </div>
312
+ </div>
313
+ <div class="p-4">
314
+ <h3 class="font-bold text-lg mb-1">FIFA 23</h3>
315
+ <div class="flex items-center text-sm text-gray-500 mb-3">
316
+ <span class="mr-3"><i class="fas fa-tag mr-1"></i> Sports</span>
317
+ <span><i class="fas fa-download mr-1"></i> 15.2K</span>
318
+ </div>
319
+ <p class="text-gray-600 text-sm mb-4">Unlimited coins, max stats, unlock all players and more.</p>
320
+ <div class="game-overlay absolute inset-0 bg-black bg-opacity-80 flex flex-col justify-center items-center p-4">
321
+ <button class="bg-secondary hover:bg-green-500 text-white font-bold py-2 px-4 rounded-full mb-3 transition duration-300 w-full max-w-xs">
322
+ <i class="fas fa-download mr-2"></i> Download Trainer
323
+ </button>
324
+ <button class="bg-white hover:bg-gray-200 text-dark font-bold py-2 px-4 rounded-full transition duration-300 w-full max-w-xs">
325
+ <i class="fas fa-info-circle mr-2"></i> Details
326
+ </button>
327
+ </div>
328
+ </div>
329
+ </div>
330
+
331
+ <!-- Trainer 4 -->
332
+ <div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-xl transition duration-300 relative">
333
+ <div class="relative">
334
+ <img src="https://via.placeholder.com/400x225/F59E0B/FFFFFF?text=Minecraft" alt="Minecraft" class="w-full h-48 object-cover">
335
+ <div class="absolute top-2 right-2 bg-yellow-500 text-white text-xs font-bold px-2 py-1 rounded flex items-center">
336
+ <i class="fas fa-star mr-1"></i> 4.9
337
+ </div>
338
+ </div>
339
+ <div class="p-4">
340
+ <h3 class="font-bold text-lg mb-1">Minecraft</h3>
341
+ <div class="flex items-center text-sm text-gray-500 mb-3">
342
+ <span class="mr-3"><i class="fas fa-tag mr-1"></i> Sandbox</span>
343
+ <span><i class="fas fa-download mr-1"></i> 24.8K</span>
344
+ </div>
345
+ <p class="text-gray-600 text-sm mb-4">Creative mode, item spawner, fly mode and more.</p>
346
+ <div class="game-overlay absolute inset-0 bg-black bg-opacity-80 flex flex-col justify-center items-center p-4">
347
+ <button class="bg-secondary hover:bg-green-500 text-white font-bold py-2 px-4 rounded-full mb-3 transition duration-300 w-full max-w-xs">
348
+ <i class="fas fa-download mr-2"></i> Download Trainer
349
+ </button>
350
+ <button class="bg-white hover:bg-gray-200 text-dark font-bold py-2 px-4 rounded-full transition duration-300 w-full max-w-xs">
351
+ <i class="fas fa-info-circle mr-2"></i> Details
352
+ </button>
353
+ </div>
354
+ </div>
355
+ </div>
356
+ </div>
357
+
358
+ <div class="text-center mt-10">
359
+ <button class="bg-primary hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-full transition duration-300">
360
+ View All Trainers <i class="fas fa-arrow-right ml-2"></i>
361
+ </button>
362
+ </div>
363
+ </div>
364
+ </section>
365
+
366
+ <!-- Features Section -->
367
+ <section class="py-16 bg-white">
368
+ <div class="container mx-auto px-4">
369
+ <h2 class="text-3xl font-bold text-center mb-12 text-dark">Why Choose GameMaster Pro?</h2>
370
+
371
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
372
+ <!-- Feature 1 -->
373
+ <div class="feature-card bg-light rounded-lg p-6 shadow-md hover:shadow-lg transition duration-300">
374
+ <div class="text-primary text-4xl mb-4">
375
+ <i class="fas fa-shield-alt"></i>
376
+ </div>
377
+ <h3 class="font-bold text-xl mb-3">100% Safe</h3>
378
+ <p class="text-gray-600">All our trainers are scanned with multiple antivirus programs and verified by our team before release.</p>
379
+ </div>
380
+
381
+ <!-- Feature 2 -->
382
+ <div class="feature-card bg-light rounded-lg p-6 shadow-md hover:shadow-lg transition duration-300">
383
+ <div class="text-primary text-4xl mb-4">
384
+ <i class="fas fa-sync-alt"></i>
385
+ </div>
386
+ <h3 class="font-bold text-xl mb-3">Regular Updates</h3>
387
+ <p class="text-gray-600">We update our trainers within 24 hours of game patches to ensure compatibility with the latest version.</p>
388
+ </div>
389
+
390
+ <!-- Feature 3 -->
391
+ <div class="feature-card bg-light rounded-lg p-6 shadow-md hover:shadow-lg transition duration-300">
392
+ <div class="text-primary text-4xl mb-4">
393
+ <i class="fas fa-headset"></i>
394
+ </div>
395
+ <h3 class="font-bold text-xl mb-3">Premium Support</h3>
396
+ <p class="text-gray-600">Our support team is available 24/7 to help you with any issues or questions about our trainers.</p>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ </section>
401
+
402
+ <!-- How It Works -->
403
+ <section class="py-16 bg-gray-100">
404
+ <div class="container mx-auto px-4">
405
+ <h2 class="text-3xl font-bold text-center mb-12 text-dark">How It Works</h2>
406
+
407
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
408
+ <!-- Step 1 -->
409
+ <div class="step-card text-center">
410
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4 text-2xl font-bold">1</div>
411
+ <h3 class="font-bold text-lg mb-2">Find Your Game</h3>
412
+ <p class="text-gray-600">Search or browse our extensive collection of game trainers.</p>
413
+ </div>
414
+
415
+ <!-- Step 2 -->
416
+ <div class="step-card text-center">
417
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4 text-2xl font-bold">2</div>
418
+ <h3 class="font-bold text-lg mb-2">Download Trainer</h3>
419
+ <p class="text-gray-600">Get the trainer file for your specific game version.</p>
420
+ </div>
421
+
422
+ <!-- Step 3 -->
423
+ <div class="step-card text-center">
424
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4 text-2xl font-bold">3</div>
425
+ <h3 class="font-bold text-lg mb-2">Run With Game</h3>
426
+ <p class="text-gray-600">Launch the trainer after starting your game.</p>
427
+ </div>
428
+
429
+ <!-- Step 4 -->
430
+ <div class="step-card text-center">
431
+ <div class="bg-primary text-white rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4 text-2xl font-bold">4</div>
432
+ <h3 class="font-bold text-lg mb-2">Activate Cheats</h3>
433
+ <p class="text-gray-600">Press the hotkeys to activate the cheats you want.</p>
434
+ </div>
435
+ </div>
436
+
437
+ <div class="mt-12 bg-white rounded-xl shadow-lg overflow-hidden max-w-4xl mx-auto">
438
+ <div class="md:flex">
439
+ <div class="md:w-1/2 bg-primary text-white p-8 flex items-center">
440
+ <div>
441
+ <h3 class="text-2xl font-bold mb-4">Video Tutorial</h3>
442
+ <p class="mb-6">Watch our step-by-step guide on how to use GameMaster Pro trainers effectively.</p>
443
+ <button class="bg-white text-primary font-bold py-2 px-6 rounded-full hover:bg-gray-100 transition duration-300">
444
+ <i class="fas fa-play mr-2"></i> Watch Now
445
+ </button>
446
+ </div>
447
+ </div>
448
+ <div class="md:w-1/2">
449
+ <div class="aspect-w-16 aspect-h-9">
450
+ <img src="https://via.placeholder.com/600x400/1F2937/FFFFFF?text=Video+Thumbnail" alt="Video Tutorial" class="w-full h-full object-cover">
451
+ <div class="absolute inset-0 flex items-center justify-center">
452
+ <div class="bg-white bg-opacity-80 rounded-full w-16 h-16 flex items-center justify-center">
453
+ <i class="fas fa-play text-primary text-2xl"></i>
454
+ </div>
455
+ </div>
456
+ </div>
457
+ </div>
458
+ </div>
459
+ </div>
460
+ </div>
461
+ </section>
462
+
463
+ <!-- Newsletter -->
464
+ <section class="py-16 bg-primary text-white">
465
+ <div class="container mx-auto px-4 text-center">
466
+ <h2 class="text-3xl font-bold mb-6">Get New Trainers First</h2>
467
+ <p class="text-xl mb-8 max-w-2xl mx-auto">Subscribe to our newsletter and be the first to know when we release new trainers and updates.</p>
468
+
469
+ <div class="max-w-md mx-auto flex">
470
+ <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-l-lg focus:outline-none text-dark">
471
+ <button class="bg-secondary hover:bg-green-500 px-6 py-3 rounded-r-lg font-bold transition duration-300">
472
+ Subscribe <i class="fas fa-paper-plane ml-2"></i>
473
+ </button>
474
+ </div>
475
+
476
+ <p class="mt-4 text-sm opacity-80">We respect your privacy. Unsubscribe at any time.</p>
477
+ </div>
478
+ </section>
479
+
480
+ <!-- Footer -->
481
+ <footer class="bg-dark text-white py-12">
482
+ <div class="container mx-auto px-4">
483
+ <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
484
+ <!-- About -->
485
+ <div>
486
+ <h3 class="text-xl font-bold mb-4 flex items-center">
487
+ <i class="fas fa-gamepad text-secondary mr-2"></i> GameMaster Pro
488
+ </h3>
489
+ <p class="text-gray-400 mb-4">The ultimate collection of game trainers for all PC game categories since 2010.</p>
490
+ <div class="flex space-x-4">
491
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
492
+ <i class="fab fa-facebook-f"></i>
493
+ </a>
494
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
495
+ <i class="fab fa-twitter"></i>
496
+ </a>
497
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
498
+ <i class="fab fa-discord"></i>
499
+ </a>
500
+ <a href="#" class="text-gray-400 hover:text-white transition duration-300">
501
+ <i class="fab fa-youtube"></i>
502
+ </a>
503
+ </div>
504
+ </div>
505
+
506
+ <!-- Quick Links -->
507
+ <div>
508
+ <h3 class="text-lg font-bold mb-4">Quick Links</h3>
509
+ <ul class="space-y-2">
510
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Home</a></li>
511
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">All Trainers</a></li>
512
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Request Trainer</a></li>
513
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">FAQ</a></li>
514
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Contact Us</a></li>
515
+ </ul>
516
+ </div>
517
+
518
+ <!-- Categories -->
519
+ <div>
520
+ <h3 class="text-lg font-bold mb-4">Categories</h3>
521
+ <ul class="space-y-2">
522
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Simulation</a></li>
523
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Strategy</a></li>
524
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Sports</a></li>
525
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">RPG</a></li>
526
+ <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Sandbox</a></li>
527
+ </ul>
528
+ </div>
529
+
530
+ <!-- Contact -->
531
+ <div>
532
+ <h3 class="text-lg font-bold mb-4">Contact</h3>
533
+ <ul class="space-y-2">
534
+ <li class="flex items-center">
535
+ <i class="fas fa-envelope text-secondary mr-2"></i>
536
+ <span class="text-gray-400">support@gamemasterpro.com</span>
537
+ </li>
538
+ <li class="flex items-center">
539
+ <i class="fas fa-globe text-secondary mr-2"></i>
540
+ <span class="text-gray-400">www.gamemasterpro.com</span>
541
+ </li>
542
+ </ul>
543
+
544
+ <div class="mt-6">
545
+ <button class="bg-primary hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded-full text-sm transition duration-300">
546
+ <i class="fas fa-question-circle mr-2"></i> Support Center
547
+ </button>
548
+ </div>
549
+ </div>
550
+ </div>
551
+
552
+ <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
553
+ <p class="text-gray-500 text-sm mb-4 md:mb-0">© 2023 GameMaster Pro. All rights reserved.</p>
554
+ <div class="flex space-x-6">
555
+ <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Terms of Service</a>
556
+ <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Privacy Policy</a>
557
+ <a href="#" class="text-gray-500 hover:text-white text-sm transition duration-300">Cookie Policy</a>
558
+ </div>
559
+ </div>
560
+ </div>
561
+ </footer>
562
+
563
+ <script>
564
+ // Simple script to toggle category buttons
565
+ document.addEventListener('DOMContentLoaded', function() {
566
+ const categoryBtns = document.querySelectorAll('.category-btn');
567
+
568
+ categoryBtns.forEach(btn => {
569
+ btn.addEventListener('click', function() {
570
+ // Remove active class from all buttons
571
+ categoryBtns.forEach(b => b.classList.remove('active', 'bg-primary', 'text-white'));
572
+ categoryBtns.forEach(b => b.classList.add('bg-gray-200', 'text-gray-700'));
573
+
574
+ // Add active class to clicked button
575
+ this.classList.remove('bg-gray-200', 'text-gray-700');
576
+ this.classList.add('active', 'bg-primary', 'text-white');
577
+ });
578
+ });
579
+
580
+ // Game card hover effect
581
+ const gameCards = document.querySelectorAll('.game-card');
582
+ gameCards.forEach(card => {
583
+ card.addEventListener('mouseenter', function() {
584
+ this.querySelector('.game-overlay').style.opacity = '1';
585
+ this.querySelector('.game-overlay').style.transform = 'translateY(0)';
586
+ });
587
+
588
+ card.addEventListener('mouseleave', function() {
589
+ this.querySelector('.game-overlay').style.opacity = '0';
590
+ this.querySelector('.game-overlay').style.transform = 'translateY(10px)';
591
+ });
592
+ });
593
+ });
594
+ </script>
595
+ <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=program67/gamemaster-pro-software" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
596
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ make a full game trainers for all pc game categories: Simulation, Strategy, Management, Arcade, Sports, Quiz & Board, Sandbox and more.