Hugging Face's logo

Spaces:
CIAG
/
technova-hub
Running

App Files Community
CIAG commited on
Commit
191de98
·
verified ·
1 Parent(s): cc105a0

Ignorer et passer au contenu

Browse files

Historique de chat


Passer au plan supérieur
Vous avez dit :
crer cod fc 25
ChatGPT a dit :
Peux-tu préciser ce que tu veux dire par “créer code FC 25” ?
Tu parles de :

🎮 Un code pour FIFA / EA Sports FC 25 (comme un code de jeu, un code de triche, ou un générateur de points) ?

💻 Créer un script ou un bot pour FC 25 (ex. automatiser des actions dans le jeu, gestion d’équipe, etc.) ?

⚙️ Coder un mini-jeu style FC 25 (par exemple un jeu de foot simplifié en Python ou HTML) ?

Dis-moi ce que tu veux exactement, et je te le ferai (avec code si besoin).

Vous avez dit :
ccs
ChatGPT a dit :
Tu veux dire “créer un code CSS pour FC 25” ? 👀
Peux-tu préciser ce que tu veux faire exactement avec le CSS ?

Par exemple :

💻 Styliser une page web sur FC 25 (ex. site de fans, stats, cartes de joueurs) ?

🎨 Faire un design inspiré du thème EA Sports FC 25 (couleurs, boutons, arrière-plan) ?

🧩 Ajouter du CSS à un code HTML que tu as déjà ?

Si tu veux, je peux te donner un exemple de design FC 25 en HTML + CSS — avec un style noir/doré comme dans le jeu.
Souhaites-tu que je te montre ça ?

Vous avez dit :
crer cod vite fc25
ChatGPT a dit :

Réflexion durant 10s
Fc25 Quick Template
· html
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>FC25 — Template rapide</title>
<style>
/* Reset rapide */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
background: radial-gradient(1200px 600px at 10% 10%, #0b1220 0%, transparent 20%),
radial-gradient(900px 450px at 90% 90%, rgba(20,30,45,.6) 0%, transparent 25%),
#05060a;
color:#e6eef8;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
padding:32px;
display:flex;align-items:center;justify-content:center;gap:24px;min-height:100vh;
}

/* Container principal */
.wrap{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}

/* Carte hero */
.hero{
background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
border:1px solid rgba(255,255,255,0.05);
padding:28px;border-radius:14px;box-shadow:0 10px 30px rgba(2,6,23,0.6);
}
.hero-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.brand{display:flex;align-items:center;gap:12px}
.badge{background:linear-gradient(90deg,#ffd86b,#ff6767);padding:6px 10px;border-radius:999px;font-weight:600;color:#051022}
h1{font-size:22px;letter-spacing:0.2px}
p.lead{color:rgba(230,238,248,0.78);margin-top:8px}

.stats{display:flex;gap:12px;margin-top:16px}
.stat{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);min-width:90px;text-align:center}
.stat .num{font-size:18px;font-weight:700}
.stat .label{font-size:12px;color:rgba(230,238,248,0.6);margin-top:6px}

/* Player card (right column) */
.card{
background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
border:1px solid rgba(255,255,255,0.05);
padding:18px;border-radius:14px;box-shadow:0 8px 24px rgba(2,6,23,0.6);
display:flex;flex-direction:column;gap:12px
}
.player-top{display:flex;gap:12px;align-items:center}
.avatar{width:68px;height:68px;border-radius:10px;background:linear-gradient(135deg,#334155,#081229);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff}
.player-meta{flex:1}
.player-meta h2{font-size:18px}
.player-meta .sub{font-size:13px;color:rgba(230,238,248,0.6)}

.rating{display:flex;gap:8px;align-items:center}
.rating



Aucun fichier choisiAucun fichier choisi
ChatGPT peut faire des erreurs. Envisagez de vérifier les informations importantes.
ChatGPT est toujours en train de générer une réponse...

Files changed (3) hide show
  1. fc25.html +117 -138
  2. gaming.html +9 -9
  3. index.html +96 -333
fc25.html CHANGED
@@ -3,27 +3,20 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>TechNova Hub - FC25</title>
7
  <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://unpkg.com/feather-icons"></script>
10
  <style>
11
  .fc-gradient {
12
- background: linear-gradient(135deg, #0b1220 0%, #1a2a42 50%, #0b1220 100%);
13
  }
14
- .player-card {
15
- background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
16
- border: 1px solid rgba(255, 215, 0, 0.1);
17
- transition: all 0.3s ease;
18
  }
19
- .player-card:hover {
20
- transform: translateY(-5px);
21
- box-shadow: 0 10px 20px rgba(255, 215, 0, 0.1);
22
- border-color: rgba(255, 215, 0, 0.3);
23
- }
24
- .rating-badge {
25
- background: linear-gradient(135deg, #ffd700, #ff9900);
26
- color: #0b1220;
27
  }
28
  </style>
29
  </head>
@@ -32,165 +25,151 @@
32
  <nav class="container mx-auto p-6">
33
  <div class="flex items-center justify-between">
34
  <div class="flex items-center space-x-4">
35
- <a href="index.html">
36
- <i data-feather="cpu" class="text-indigo-500 h-8 w-8"></i>
37
- </a>
38
- <a href="index.html" class="text-2xl font-bold gradient-text">TechNova</a>
39
  </div>
40
  <div class="hidden md:flex space-x-8">
41
- <a href="index.html" class="hover:text-indigo-400 transition">Accueil</a>
42
- <a href="#" class="hover:text-indigo-400 transition">Technologies</a>
43
- <a href="#" class="hover:text-indigo-400 transition">Articles</a>
44
- <a href="fc25.html" class="text-yellow-400 hover:text-yellow-300 transition">FC25</a>
45
- <a href="#" class="hover:text-indigo-400 transition">Contact</a>
 
 
 
 
46
  </div>
47
  </div>
48
  </nav>
49
 
50
- <!-- FC25 Content -->
51
- <section class="container mx-auto px-6 py-12">
52
- <div class="text-center mb-16">
 
53
  <h1 class="text-4xl md:text-6xl font-bold mb-6">
54
- <span class="text-yellow-400">FC25</span> - L'avenir du football virtuel
55
  </h1>
56
- <p class="text-xl text-gray-300 max-w-3xl mx-auto">
57
- Découvrez les dernières innovations, les meilleurs joueurs et les tactiques qui révolutionnent le jeu.
58
  </p>
 
 
 
 
 
 
 
 
59
  </div>
 
60
 
61
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-16">
62
- <!-- Player Card 1 -->
63
- <div class="player-card rounded-xl p-6">
64
- <div class="flex justify-between items-center mb-4">
65
- <div class="rating-badge px-4 py-1 rounded-full font-bold text-sm">92 OVR</div>
66
- <div class="text-gray-400 text-sm">PSG</div>
67
- </div>
68
- <img src="http://static.photos/sport/320x240/101" alt="Player" class="w-full rounded-lg mb-4">
69
- <h3 class="text-2xl font-bold mb-1">Kylian Mbappé</h3>
70
- <p class="text-yellow-400 mb-4">Attaquant</p>
71
- <div class="grid grid-cols-3 gap-2 text-center">
72
- <div>
73
- <p class="text-sm text-gray-400">Vitesse</p>
74
- <p class="text-lg font-bold">97</p>
75
- </div>
76
- <div>
77
- <p class="text-sm text-gray-400">Tir</p>
78
- <p class="text-lg font-bold">90</p>
79
- </div>
80
- <div>
81
- <p class="text-sm text-gray-400">Dribble</p>
82
- <p class="text-lg font-bold">92</p>
83
  </div>
 
 
84
  </div>
85
- </div>
86
 
87
- <!-- Player Card 2 -->
88
- <div class="player-card rounded-xl p-6">
89
- <div class="flex justify-between items-center mb-4">
90
- <div class="rating-badge px-4 py-1 rounded-full font-bold text-sm">91 OVR</div>
91
- <div class="text-gray-400 text-sm">Manchester City</div>
92
- </div>
93
- <img src="http://static.photos/sport/320x240/102" alt="Player" class="w-full rounded-lg mb-4">
94
- <h3 class="text-2xl font-bold mb-1">Erling Haaland</h3>
95
- <p class="text-yellow-400 mb-4">Attaquant</p>
96
- <div class="grid grid-cols-3 gap-2 text-center">
97
- <div>
98
- <p class="text-sm text-gray-400">Force</p>
99
- <p class="text-lg font-bold">94</p>
100
- </div>
101
- <div>
102
- <p class="text-sm text-gray-400">Tir</p>
103
- <p class="text-lg font-bold">93</p>
104
- </div>
105
- <div>
106
- <p class="text-sm text-gray-400">Tête</p>
107
- <p class="text-lg font-bold">89</p>
108
  </div>
 
 
109
  </div>
110
- </div>
111
 
112
- <!-- Player Card 3 -->
113
- <div class="player-card rounded-xl p-6">
114
- <div class="flex justify-between items-center mb-4">
115
- <div class="rating-badge px-4 py-1 rounded-full font-bold text-sm">90 OVR</div>
116
- <div class="text-gray-400 text-sm">Real Madrid</div>
117
- </div>
118
- <img src="http://static.photos/sport/320x240/103" alt="Player" class="w-full rounded-lg mb-4">
119
- <h3 class="text-2xl font-bold mb-1">Jude Bellingham</h3>
120
- <p class="text-yellow-400 mb-4">Milieu</p>
121
- <div class="grid grid-cols-3 gap-2 text-center">
122
- <div>
123
- <p class="text-sm text-gray-400">Passe</p>
124
- <p class="text-lg font-bold">88</p>
125
- </div>
126
- <div>
127
- <p class="text-sm text-gray-400">Dribble</p>
128
- <p class="text-lg font-bold">86</p>
129
- </div>
130
- <div>
131
- <p class="text-sm text-gray-400">Physique</p>
132
- <p class="text-lg font-bold">84</p>
133
  </div>
 
 
134
  </div>
135
  </div>
136
  </div>
 
137
 
138
- <!-- Features Section -->
139
- <div class="bg-gray-800/50 rounded-xl p-8 mb-16">
140
- <h2 class="text-3xl font-bold mb-8 text-center">Nouveautés FC25</h2>
141
- <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
142
- <div>
143
- <div class="flex items-center gap-4 mb-4">
144
- <div class="bg-yellow-400/10 p-3 rounded-full">
145
- <i data-feather="play" class="text-yellow-400 h-6 w-6"></i>
146
- </div>
147
- <h3 class="text-xl font-bold">HyperMotion V</h3>
 
 
148
  </div>
149
- <p class="text-gray-400">
150
- Une technologie révolutionnaire qui capture le mouvement en temps réel pour un gameplay plus réaliste que jamais.
151
- </p>
152
  </div>
153
- <div>
154
- <div class="flex items-center gap-4 mb-4">
155
- <div class="bg-yellow-400/10 p-3 rounded-full">
156
- <i data-feather="users" class="text-yellow-400 h-6 w-6"></i>
157
- </div>
158
- <h3 class="text-xl font-bold">PlayStyles optimisés</h3>
 
159
  </div>
160
- <p class="text-gray-400">
161
- Des styles de jeu uniques qui reflètent parfaitement les caractéristiques réelles des joueurs.
162
- </p>
163
  </div>
164
- <div>
165
- <div class="flex items-center gap-4 mb-4">
166
- <div class="bg-yellow-400/10 p-3 rounded-full">
167
- <i data-feather="award" class="text-yellow-400 h-6 w-6"></i>
168
- </div>
169
- <h3 class="text-xl font-bold">Career Mode amélioré</h3>
 
170
  </div>
171
- <p class="text-gray-400">
172
- Plus de profondeur dans la gestion avec de nouvelles fonctionnalités pour les managers et joueurs.
173
- </p>
174
  </div>
175
- <div>
176
- <div class="flex items-center gap-4 mb-4">
177
- <div class="bg-yellow-400/10 p-3 rounded-full">
178
- <i data-feather="globe" class="text-yellow-400 h-6 w-6"></i>
179
- </div>
180
- <h3 class="text-xl font-bold">Cross-Play étendu</h3>
 
181
  </div>
182
- <p class="text-gray-400">
183
- Jouez avec vos amis quelle que soit leur plateforme dans plus de modes de jeu.
184
- </p>
185
  </div>
186
  </div>
187
  </div>
188
  </section>
189
 
190
  <!-- Footer -->
191
- <footer class="bg-gray-900/80 py-8">
192
- <div class="container mx-auto px-6 text-center">
193
- <p class="text-gray-400">&copy; 2023 TechNova Hub - FC25 n'est pas affilié à EA Sports</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
194
  </div>
195
  </footer>
196
 
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>EA Sports FC 25 | Football Gaming Hub</title>
7
  <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
  <script src="https://cdn.tailwindcss.com"></script>
9
  <script src="https://unpkg.com/feather-icons"></script>
10
  <style>
11
  .fc-gradient {
12
+ background: linear-gradient(135deg, #0a1120, #1a2a42);
13
  }
14
+ .fc-card {
15
+ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
16
+ border: 1px solid rgba(255, 215, 0, 0.2);
 
17
  }
18
+ .fc-badge {
19
+ background: linear-gradient(90deg, #ffd700, #ff8c00);
 
 
 
 
 
 
20
  }
21
  </style>
22
  </head>
 
25
  <nav class="container mx-auto p-6">
26
  <div class="flex items-center justify-between">
27
  <div class="flex items-center space-x-4">
28
+ <i data-feather="disc" class="text-yellow-500 h-8 w-8"></i>
29
+ <span class="text-2xl font-bold">EA Sports FC 25</span>
 
 
30
  </div>
31
  <div class="hidden md:flex space-x-8">
32
+ <a href="index.html" class="hover:text-yellow-400 transition">Accueil</a>
33
+ <a href="gaming.html" class="hover:text-yellow-400 transition">Jeux</a>
34
+ <a href="fc25.html" class="text-yellow-400">FC 25</a>
35
+ <a href="#" class="hover:text-yellow-400 transition">Tournois</a>
36
+ </div>
37
+ <div class="md:hidden">
38
+ <button id="menu-btn" class="focus:outline-none">
39
+ <i data-feather="menu" class="h-8 w-8"></i>
40
+ </button>
41
  </div>
42
  </div>
43
  </nav>
44
 
45
+ <!-- Hero Section -->
46
+ <section class="container mx-auto px-6 py-20 text-center">
47
+ <div class="max-w-4xl mx-auto">
48
+ <img src="http://static.photos/sport/1200x630/701" alt="FC 25 Cover" class="w-full rounded-xl mb-8">
49
  <h1 class="text-4xl md:text-6xl font-bold mb-6">
50
+ <span class="text-yellow-400">EA Sports FC 25</span>
51
  </h1>
52
+ <p class="text-xl text-gray-300 mb-8">
53
+ L'expérience de football ultime avec une physique révolutionnaire et des graphismes photoréalistes.
54
  </p>
55
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
56
+ <button class="px-8 py-4 bg-yellow-600 hover:bg-yellow-700 rounded-full font-semibold transition duration-300">
57
+ Précommander maintenant
58
+ </button>
59
+ <button class="px-8 py-4 bg-gray-700 hover:bg-gray-600 rounded-full font-semibold transition duration-300">
60
+ Voir la bande-annonce
61
+ </button>
62
+ </div>
63
  </div>
64
+ </section>
65
 
66
+ <!-- Features Section -->
67
+ <section class="py-16 bg-black bg-opacity-50">
68
+ <div class="container mx-auto px-6">
69
+ <h2 class="text-3xl md:text-5xl font-bold mb-12 text-center">Nouveautés <span class="text-yellow-400">FC 25</span></h2>
70
+
71
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
72
+ <!-- Feature 1 -->
73
+ <div class="fc-card rounded-xl p-6 transition duration-500">
74
+ <div class="bg-yellow-500 bg-opacity-10 p-4 rounded-lg mb-4">
75
+ <i data-feather="zap" class="h-8 w-8 text-yellow-400"></i>
 
 
 
 
 
 
 
 
 
 
 
 
76
  </div>
77
+ <h3 class="text-2xl font-bold mb-4">HyperMotionV</h3>
78
+ <p class="text-gray-300">Technologie de pointe pour une animation et une physique de jeu encore plus réalistes.</p>
79
  </div>
 
80
 
81
+ <!-- Feature 2 -->
82
+ <div class="fc-card rounded-xl p-6 transition duration-500">
83
+ <div class="bg-yellow-500 bg-opacity-10 p-4 rounded-lg mb-4">
84
+ <i data-feather="users" class="h-8 w-8 text-yellow-400"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
85
  </div>
86
+ <h3 class="text-2xl font-bold mb-4">Nouveau Career Mode</h3>
87
+ <p class="text-gray-300">Gérez votre club avec des options de personnalisation inédites et des défis réalistes.</p>
88
  </div>
 
89
 
90
+ <!-- Feature 3 -->
91
+ <div class="fc-card rounded-xl p-6 transition duration-500">
92
+ <div class="bg-yellow-500 bg-opacity-10 p-4 rounded-lg mb-4">
93
+ <i data-feather="globe" class="h-8 w-8 text-yellow-400"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
94
  </div>
95
+ <h3 class="text-2xl font-bold mb-4">Cross-Play</h3>
96
+ <p class="text-gray-300">Jouez contre vos amis quelle que soit leur plateforme (PS5, XBOX ou PC).</p>
97
  </div>
98
  </div>
99
  </div>
100
+ </section>
101
 
102
+ <!-- Player Cards Section -->
103
+ <section class="py-20">
104
+ <div class="container mx-auto px-6">
105
+ <h2 class="text-3xl md:text-5xl font-bold mb-12 text-center">Joueurs <span class="text-yellow-400">Légendaires</span></h2>
106
+
107
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
108
+ <!-- Player 1 -->
109
+ <div class="fc-card rounded-xl p-4 text-center">
110
+ <img src="http://static.photos/sport/200x200/801" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
111
+ <h3 class="font-bold">Lionel Messi</h3>
112
+ <div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
113
+ 94 OVR
114
  </div>
 
 
 
115
  </div>
116
+
117
+ <!-- Player 2 -->
118
+ <div class="fc-card rounded-xl p-4 text-center">
119
+ <img src="http://static.photos/sport/200x200/802" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
120
+ <h3 class="font-bold">Kylian Mbappé</h3>
121
+ <div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
122
+ 92 OVR
123
  </div>
 
 
 
124
  </div>
125
+
126
+ <!-- Player 3 -->
127
+ <div class="fc-card rounded-xl p-4 text-center">
128
+ <img src="http://static.photos/sport/200x200/803" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
129
+ <h3 class="font-bold">Erling Haaland</h3>
130
+ <div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
131
+ 91 OVR
132
  </div>
 
 
 
133
  </div>
134
+
135
+ <!-- Player 4 -->
136
+ <div class="fc-card rounded-xl p-4 text-center">
137
+ <img src="http://static.photos/sport/200x200/804" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
138
+ <h3 class="font-bold">Kevin De Bruyne</h3>
139
+ <div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
140
+ 91 OVR
141
  </div>
 
 
 
142
  </div>
143
  </div>
144
  </div>
145
  </section>
146
 
147
  <!-- Footer -->
148
+ <footer class="bg-black bg-opacity-70 py-12">
149
+ <div class="container mx-auto px-6">
150
+ <div class="flex flex-col md:flex-row justify-between items-center">
151
+ <div class="flex items-center space-x-4 mb-6 md:mb-0">
152
+ <i data-feather="disc" class="text-yellow-500 h-8 w-8"></i>
153
+ <span class="text-2xl font-bold">Football Gaming</span>
154
+ </div>
155
+ <div class="flex space-x-6">
156
+ <a href="#" class="hover:text-yellow-400 transition">
157
+ <i data-feather="twitter"></i>
158
+ </a>
159
+ <a href="#" class="hover:text-yellow-400 transition">
160
+ <i data-feather="instagram"></i>
161
+ </a>
162
+ <a href="#" class="hover:text-yellow-400 transition">
163
+ <i data-feather="facebook"></i>
164
+ </a>
165
+ <a href="#" class="hover:text-yellow-400 transition">
166
+ <i data-feather="youtube"></i>
167
+ </a>
168
+ </div>
169
+ </div>
170
+ <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
171
+ <p>© 2023 Football Gaming Hub. Tous droits réservés.</p>
172
+ </div>
173
  </div>
174
  </footer>
175
 
gaming.html CHANGED
@@ -31,9 +31,10 @@
31
  <div class="hidden md:flex space-x-8">
32
  <a href="index.html" class="hover:text-green-400 transition">Accueil</a>
33
  <a href="gaming.html" class="text-green-400">Jeux</a>
 
34
  <a href="#" class="hover:text-green-400 transition">Tournois</a>
35
  <a href="#" class="hover:text-green-400 transition">Communauté</a>
36
- </div>
37
  <div class="md:hidden">
38
  <button id="menu-btn" class="focus:outline-none">
39
  <i data-feather="menu" class="h-8 w-8"></i>
@@ -63,22 +64,21 @@
63
  <h2 class="text-3xl md:text-5xl font-bold mb-12 text-center">Nos <span class="gradient-text">jeux</span></h2>
64
 
65
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
66
- <!-- FIFA 23 -->
67
  <div class="game-card bg-gray-700 rounded-xl p-6 transition duration-500 ease-in-out">
68
- <img src="http://static.photos/sport/640x360/501" alt="FIFA 23" class="w-full h-48 object-cover rounded-lg mb-4">
69
- <h3 class="text-2xl font-bold mb-2">FIFA 23</h3>
70
  <div class="flex items-center gap-2 text-sm text-gray-400 mb-4">
71
  <span>EA Sports</span>
72
  <span>•</span>
73
  <span>PS5, XBOX, PC</span>
74
  </div>
75
- <p class="text-gray-300 mb-6">Le dernier opus de la franchise FIFA avec des graphismes et une physique améliorée.</p>
76
- <button class="w-full py-3 bg-green-600 hover:bg-green-700 rounded-lg font-semibold transition">
77
  Voir détails
78
- </button>
79
  </div>
80
-
81
- <!-- eFootball -->
82
  <div class="game-card bg-gray-700 rounded-xl p-6 transition duration-500 ease-in-out">
83
  <img src="http://static.photos/sport/640x360/502" alt="eFootball" class="w-full h-48 object-cover rounded-lg mb-4">
84
  <h3 class="text-2xl font-bold mb-2">eFootball 2023</h3>
 
31
  <div class="hidden md:flex space-x-8">
32
  <a href="index.html" class="hover:text-green-400 transition">Accueil</a>
33
  <a href="gaming.html" class="text-green-400">Jeux</a>
34
+ <a href="fc25.html" class="hover:text-green-400 transition">FC 25</a>
35
  <a href="#" class="hover:text-green-400 transition">Tournois</a>
36
  <a href="#" class="hover:text-green-400 transition">Communauté</a>
37
+ </div>
38
  <div class="md:hidden">
39
  <button id="menu-btn" class="focus:outline-none">
40
  <i data-feather="menu" class="h-8 w-8"></i>
 
64
  <h2 class="text-3xl md:text-5xl font-bold mb-12 text-center">Nos <span class="gradient-text">jeux</span></h2>
65
 
66
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
67
+ <!-- FC 25 -->
68
  <div class="game-card bg-gray-700 rounded-xl p-6 transition duration-500 ease-in-out">
69
+ <img src="http://static.photos/sport/640x360/701" alt="FC 25" class="w-full h-48 object-cover rounded-lg mb-4">
70
+ <h3 class="text-2xl font-bold mb-2">EA Sports FC 25</h3>
71
  <div class="flex items-center gap-2 text-sm text-gray-400 mb-4">
72
  <span>EA Sports</span>
73
  <span>•</span>
74
  <span>PS5, XBOX, PC</span>
75
  </div>
76
+ <p class="text-gray-300 mb-6">La nouvelle ère du football avec des innovations révolutionnaires.</p>
77
+ <a href="fc25.html" class="w-full py-3 bg-green-600 hover:bg-green-700 rounded-lg font-semibold transition block text-center">
78
  Voir détails
79
+ </a>
80
  </div>
81
+ <!-- eFootball -->
 
82
  <div class="game-card bg-gray-700 rounded-xl p-6 transition duration-500 ease-in-out">
83
  <img src="http://static.photos/sport/640x360/502" alt="eFootball" class="w-full h-48 object-cover rounded-lg mb-4">
84
  <h3 class="text-2xl font-bold mb-2">eFootball 2023</h3>
index.html CHANGED
@@ -1,343 +1,106 @@
1
- <!DOCTYPE html>
2
- <html lang="fr">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>TechNova Hub - L'avenir en un clic</title>
7
- <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
- <script src="https://cdn.tailwindcss.com"></script>
9
- <script src="https://unpkg.com/feather-icons"></script>
10
- <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
11
- <script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script>
12
- <style>
13
- .gradient-text {
14
- background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
15
- -webkit-background-clip: text;
16
- background-clip: text;
17
- color: transparent;
18
- }
19
- .tech-card:hover {
20
- transform: translateY(-10px);
21
- box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
22
- }
23
- #vanta-bg {
24
- position: absolute;
25
- top: 0;
26
- left: 0;
27
- width: 100%;
28
- height: 100%;
29
- z-index: -1;
30
- }
31
- </style>
32
- </head>
33
- <body class="bg-gray-900 text-white min-h-screen overflow-x-hidden">
34
- <div id="vanta-bg"></div>
35
-
36
- <!-- Navigation -->
37
- <nav class="relative container mx-auto p-6">
38
- <div class="flex items-center justify-between">
39
- <div class="flex items-center space-x-4">
40
- <i data-feather="cpu" class="text-indigo-500 h-8 w-8"></i>
41
- <span class="text-2xl font-bold gradient-text">TechNova</span>
42
- </div>
43
- <div class="hidden md:flex space-x-8">
44
- <a href="#" class="hover:text-indigo-400 transition">Accueil</a>
45
- <a href="#" class="hover:text-indigo-400 transition">Technologies</a>
46
- <a href="#" class="hover:text-indigo-400 transition">Articles</a>
47
- <a href="#" class="hover:text-indigo-400 transition">FC25</a>
48
- <a href="#" class="hover:text-indigo-400 transition">Contact</a>
49
- </div>
50
- <div class="md:hidden">
51
- <button id="menu-btn" class="focus:outline-none">
52
- <i data-feather="menu" class="h-8 w-8"></i>
53
- </button>
54
- </div>
55
- </div>
56
- <!-- Mobile Menu -->
57
- <div id="mobile-menu" class="hidden absolute flex-col items-center self-end py-8 mt-10 space-y-6 font-bold bg-gray-800 sm:w-auto sm:self-center left-6 right-6 drop-shadow-md">
58
- <a href="#" class="hover:text-indigo-400 transition">Accueil</a>
59
- <a href="#" class="hover:text-indigo-400 transition">Technologies</a>
60
- <a href="#" class="hover:text-indigo-400 transition">Articles</a>
61
- <a href="#" class="hover:text-indigo-400 transition">FC25</a>
62
- <a href="#" class="hover:text-indigo-400 transition">Contact</a>
63
- </div>
64
- </nav>
65
 
66
- <!-- Hero Section -->
67
- <section class="container mx-auto px-6 py-32">
68
- <div class="max-w-4xl mx-auto text-center">
69
- <h1 class="text-5xl md:text-7xl font-bold mb-6">
70
- Explorez le futur <span class="gradient-text">technologique</span>
71
- </h1>
72
- <p class="text-xl md:text-2xl text-gray-300 mb-12">
73
- Découvrez les dernières innovations qui façonnent notre monde numérique. Des tendances émergentes aux technologies révolutionnaires.
74
- </p>
75
- <div class="flex flex-col sm:flex-row justify-center gap-4">
76
- <button class="px-8 py-4 bg-indigo-600 hover:bg-indigo-700 rounded-full font-semibold transition duration-300 transform hover:scale-105">
77
- Commencer l'exploration
78
- </button>
79
- <button class="px-8 py-4 bg-transparent border-2 border-indigo-500 hover:bg-indigo-500/10 rounded-full font-semibold transition duration-300 transform hover:scale-105">
80
- <span class="flex items-center justify-center gap-2">
81
- <i data-feather="play-circle"></i> Voir la vidéo
82
- </span>
83
- </button>
84
- </div>
85
- </div>
86
- </section>
87
 
88
- <!-- Tech Trends Section -->
89
- <section class="py-20 bg-gradient-to-b from-gray-900 to-gray-800">
90
- <div class="container mx-auto px-6">
91
- <div class="text-center mb-16">
92
- <h2 class="text-3xl md:text-5xl font-bold mb-4">Tendances <span class="gradient-text">2023</span></h2>
93
- <p class="max-w-2xl mx-auto text-gray-400">Les technologies qui vont transformer notre quotidien</p>
94
- </div>
95
-
96
- <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
97
- <!-- AI Card -->
98
- <div class="tech-card bg-gray-800 rounded-xl p-8 transition duration-500 ease-in-out">
99
- <div class="bg-indigo-500/10 p-4 rounded-full w-fit mb-6">
100
- <i data-feather="activity" class="h-6 w-6 text-indigo-400"></i>
101
- </div>
102
- <h3 class="text-2xl font-bold mb-4">Intelligence Artificielle</h3>
103
- <p class="text-gray-400 mb-6">L'IA continue de progresser avec des modèles plus puissants et accessibles.</p>
104
- <a href="#" class="text-indigo-400 hover:text-indigo-300 flex items-center gap-2">
105
- En savoir plus <i data-feather="arrow-right" class="h-4 w-4"></i>
106
- </a>
107
- </div>
108
-
109
- <!-- Web3 Card -->
110
- <div class="tech-card bg-gray-800 rounded-xl p-8 transition duration-500 ease-in-out">
111
- <div class="bg-purple-500/10 p-4 rounded-full w-fit mb-6">
112
- <i data-feather="database" class="h-6 w-6 text-purple-400"></i>
113
- </div>
114
- <h3 class="text-2xl font-bold mb-4">Web3 & Blockchain</h3>
115
- <p class="text-gray-400 mb-6">L'évolution vers un internet décentralisé et plus sécurisé.</p>
116
- <a href="#" class="text-purple-400 hover:text-purple-300 flex items-center gap-2">
117
- En savoir plus <i data-feather="arrow-right" class="h-4 w-4"></i>
118
- </a>
119
- </div>
120
-
121
- <!-- Quantum Card -->
122
- <div class="tech-card bg-gray-800 rounded-xl p-8 transition duration-500 ease-in-out">
123
- <div class="bg-blue-500/10 p-4 rounded-full w-fit mb-6">
124
- <i data-feather="zap" class="h-6 w-6 text-blue-400"></i>
125
- </div>
126
- <h3 class="text-2xl font-bold mb-4">Informatique Quantique</h3>
127
- <p class="text-gray-400 mb-6">Une révolution dans la puissance de calcul et la cryptographie.</p>
128
- <a href="#" class="text-blue-400 hover:text-blue-300 flex items-center gap-2">
129
- En savoir plus <i data-feather="arrow-right" class="h-4 w-4"></i>
130
- </a>
131
- </div>
132
- </div>
133
- </div>
134
- </section>
135
 
136
- <!-- Latest Articles -->
137
- <section class="py-20">
138
- <div class="container mx-auto px-6">
139
- <div class="text-center mb-16">
140
- <h2 class="text-3xl md:text-5xl font-bold mb-4">Nos <span class="gradient-text">derniers articles</span></h2>
141
- <p class="max-w-2xl mx-auto text-gray-400">Restez informé avec nos analyses et perspectives technologiques</p>
142
- </div>
143
-
144
- <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
145
- <!-- Article 1 -->
146
- <div class="bg-gray-800 rounded-xl overflow-hidden transition duration-500 ease-in-out hover:shadow-xl">
147
- <img src="http://static.photos/technology/640x360/101" alt="Article image" class="w-full h-48 object-cover">
148
- <div class="p-6">
149
- <div class="flex items-center gap-2 text-sm text-gray-400 mb-4">
150
- <span>25 Mai 2023</span>
151
- <span>•</span>
152
- <span>8 min read</span>
153
- </div>
154
- <h3 class="text-xl font-bold mb-3">L'avenir de l'IA générative</h3>
155
- <p class="text-gray-400 mb-4">Comment les modèles comme GPT-4 vont transformer la création de contenu.</p>
156
- <a href="#" class="text-indigo-400 hover:text-indigo-300 flex items-center gap-2 text-sm">
157
- Lire l'article <i data-feather="arrow-right" class="h-4 w-4"></i>
158
- </a>
159
- </div>
160
- </div>
161
-
162
- <!-- Article 2 -->
163
- <div class="bg-gray-800 rounded-xl overflow-hidden transition duration-500 ease-in-out hover:shadow-xl">
164
- <img src="http://static.photos/abstract/640x360/201" alt="Article image" class="w-full h-48 object-cover">
165
- <div class="p-6">
166
- <div class="flex items-center gap-2 text-sm text-gray-400 mb-4">
167
- <span>18 Mai 2023</span>
168
- <span>•</span>
169
- <span>6 min read</span>
170
- </div>
171
- <h3 class="text-xl font-bold mb-3">Métavers : réalité ou fiction ?</h3>
172
- <p class="text-gray-400 mb-4">Analyse des promesses et défis des mondes virtuels persistants.</p>
173
- <a href="#" class="text-indigo-400 hover:text-indigo-300 flex items-center gap-2 text-sm">
174
- Lire l'article <i data-feather="arrow-right" class="h-4 w-4"></i>
175
- </a>
176
- </div>
177
- </div>
178
-
179
- <!-- Article 3 -->
180
- <div class="bg-gray-800 rounded-xl overflow-hidden transition duration-500 ease-in-out hover:shadow-xl">
181
- <img src="http://static.photos/science/640x360/301" alt="Article image" class="w-full h-48 object-cover">
182
- <div class="p-6">
183
- <div class="flex items-center gap-2 text-sm text-gray-400 mb-4">
184
- <span>10 Mai 2023</span>
185
- <span>•</span>
186
- <span>10 min read</span>
187
- </div>
188
- <h3 class="text-xl font-bold mb-3">Les promesses du calcul quantique</h3>
189
- <p class="text-gray-400 mb-4">Comment les qubits pourraient résoudre des problèmes impossibles aujourd'hui.</p>
190
- <a href="#" class="text-indigo-400 hover:text-indigo-300 flex items-center gap-2 text-sm">
191
- Lire l'article <i data-feather="arrow-right" class="h-4 w-4"></i>
192
- </a>
193
- </div>
194
- </div>
195
- </div>
196
-
197
- <div class="text-center mt-12">
198
- <button class="px-8 py-3 bg-transparent border-2 border-indigo-500 hover:bg-indigo-500/10 rounded-full font-semibold transition duration-300 transform hover:scale-105">
199
- Voir tous les articles
200
- </button>
201
- </div>
202
- </div>
203
- </section>
204
 
205
- <!-- Newsletter -->
206
- <section class="py-20 bg-gradient-to-r from-gray-800 to-gray-900">
207
- <div class="container mx-auto px-6 max-w-4xl">
208
- <div class="bg-gray-800 rounded-xl p-8 md:p-12 shadow-xl">
209
- <div class="text-center mb-8">
210
- <h2 class="text-3xl md:text-4xl font-bold mb-4">Restez connecté</h2>
211
- <p class="text-gray-400">Abonnez-vous à notre newsletter pour recevoir les dernières actualités technologiques directement dans votre boîte mail.</p>
212
- </div>
213
- <form class="flex flex-col sm:flex-row gap-4">
214
- <input type="email" placeholder="Votre email" class="flex-grow px-6 py-4 bg-gray-700 rounded-full focus:outline-none focus:ring-2 focus:ring-indigo-500">
215
- <button type="submit" class="px-8 py-4 bg-indigo-600 hover:bg-indigo-700 rounded-full font-semibold transition duration-300 transform hover:scale-105 whitespace-nowrap">
216
- S'abonner
217
- </button>
218
- </form>
219
- </div>
220
- </div>
221
- </section>
222
 
223
- <!-- Footer -->
224
- <footer class="bg-gray-900 py-12">
225
- <div class="container mx-auto px-6">
226
- <div class="flex flex-col md:flex-row justify-between items-center">
227
- <div class="flex items-center space-x-4 mb-6 md:mb-0">
228
- <i data-feather="cpu" class="text-indigo-500 h-8 w-8"></i>
229
- <span class="text-2xl font-bold gradient-text">TechNova</span>
230
- </div>
231
- <div class="flex space-x-6">
232
- <a href="#" class="hover:text-indigo-400 transition">
233
- <i data-feather="twitter"></i>
234
- </a>
235
- <a href="#" class="hover:text-indigo-400 transition">
236
- <i data-feather="linkedin"></i>
237
- </a>
238
- <a href="#" class="hover:text-indigo-400 transition">
239
- <i data-feather="github"></i>
240
- </a>
241
- <a href="#" class="hover:text-indigo-400 transition">
242
- <i data-feather="youtube"></i>
243
- </a>
244
- </div>
245
- </div>
246
- <div class="border-t border-gray-800 mt-8 pt-8 grid grid-cols-1 md:grid-cols-4 gap-8">
247
- <div>
248
- <h3 class="text-lg font-semibold mb-4">Navigation</h3>
249
- <ul class="space-y-2">
250
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Accueil</a></li>
251
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Technologies</a></li>
252
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Articles</a></li>
253
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">FC25</a></li>
254
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Contact</a></li>
255
- </ul>
256
- </div>
257
- <div>
258
- <h3 class="text-lg font-semibold mb-4">Ressources</h3>
259
- <ul class="space-y-2">
260
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Documentation</a></li>
261
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Tutoriels</a></li>
262
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">API</a></li>
263
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Outils</a></li>
264
- </ul>
265
- </div>
266
- <div>
267
- <h3 class="text-lg font-semibold mb-4">Entreprise</h3>
268
- <ul class="space-y-2">
269
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">À propos</a></li>
270
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Carrières</a></li>
271
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Presse</a></li>
272
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Blog</a></li>
273
- </ul>
274
- </div>
275
- <div>
276
- <h3 class="text-lg font-semibold mb-4">Légal</h3>
277
- <ul class="space-y-2">
278
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Mentions légales</a></li>
279
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Confidentialité</a></li>
280
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Cookies</a></li>
281
- <li><a href="#" class="text-gray-400 hover:text-indigo-400 transition">Conditions</a></li>
282
- </ul>
283
- </div>
284
- </div>
285
- <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
286
- <p>© 2023 TechNova Hub. Tous droits réservés.</p>
287
- </div>
288
- </div>
289
- </footer>
290
 
291
- <script>
292
- // Vanta.js background
293
- VANTA.NET({
294
- el: "#vanta-bg",
295
- mouseControls: true,
296
- touchControls: true,
297
- gyroControls: false,
298
- minHeight: 200.00,
299
- minWidth: 200.00,
300
- scale: 1.00,
301
- scaleMobile: 1.00,
302
- color: 0x3b82f6,
303
- backgroundColor: 0x111827,
304
- points: 12.00,
305
- maxDistance: 22.00,
306
- spacing: 18.00
307
- });
308
 
309
- // Mobile menu toggle
310
- const btn = document.getElementById('menu-btn');
311
- const menu = document.getElementById('mobile-menu');
312
 
313
- btn.addEventListener('click', () => {
314
- menu.classList.toggle('hidden');
315
- menu.classList.toggle('flex');
316
- });
317
 
318
- // Feather icons
319
- feather.replace();
320
 
321
- // Animation on scroll
322
- document.addEventListener('DOMContentLoaded', () => {
323
- const techCards = document.querySelectorAll('.tech-card');
324
-
325
- techCards.forEach((card, index) => {
326
- card.style.opacity = '0';
327
- card.style.transform = 'translateY(20px)';
328
-
329
- setTimeout(() => {
330
- anime({
331
- targets: card,
332
- opacity: 1,
333
- translateY: 0,
334
- duration: 800,
335
- easing: 'easeOutQuad',
336
- delay: index * 100
337
- });
338
- }, 300);
339
- });
340
- });
341
- </script>
342
- </body>
343
- </html>
 
1
+ Ignorer et passer au contenu
2
+ Historique de chat
3
+
4
+
5
+ Passer au plan supérieur
6
+ Vous avez dit :
7
+ crer cod fc 25
8
+ ChatGPT a dit :
9
+ Peux-tu préciser ce que tu veux dire par “créer code FC 25” ?
10
+ Tu parles de :
11
+
12
+ 🎮 Un code pour FIFA / EA Sports FC 25 (comme un code de jeu, un code de triche, ou un générateur de points) ?
13
+
14
+ 💻 Créer un script ou un bot pour FC 25 (ex. automatiser des actions dans le jeu, gestion d’équipe, etc.) ?
15
+
16
+ ⚙️ Coder un mini-jeu style FC 25 (par exemple un jeu de foot simplifié en Python ou HTML) ?
17
+
18
+ Dis-moi ce que tu veux exactement, et je te le ferai (avec code si besoin).
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
 
20
+ Vous avez dit :
21
+ ccs
22
+ ChatGPT a dit :
23
+ Tu veux dire “créer un code CSS pour FC 25” ? 👀
24
+ Peux-tu préciser ce que tu veux faire exactement avec le CSS ?
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
25
 
26
+ Par exemple :
27
+
28
+ 💻 Styliser une page web sur FC 25 (ex. site de fans, stats, cartes de joueurs) ?
29
+
30
+ 🎨 Faire un design inspiré du thème EA Sports FC 25 (couleurs, boutons, arrière-plan) ?
31
+
32
+ 🧩 Ajouter du CSS à un code HTML que tu as déjà ?
33
+
34
+ Si tu veux, je peux te donner un exemple de design FC 25 en HTML + CSS — avec un style noir/doré comme dans le jeu.
35
+ Souhaites-tu que je te montre ça ?
36
+
37
+ Vous avez dit :
38
+ crer cod vite fc25
39
+ ChatGPT a dit :
40
+
41
+ Réflexion durant 10s
42
+ Fc25 Quick Template
43
+ · html
44
+ <!doctype html>
45
+ <html lang="fr">
46
+ <head>
47
+ <meta charset="utf-8" />
48
+ <meta name="viewport" content="width=device-width,initial-scale=1" />
49
+ <title>FC25 — Template rapide</title>
50
+ <style>
51
+ /* Reset rapide */
52
+ *{box-sizing:border-box;margin:0;padding:0}
53
+ html,body{height:100%}
54
+ body{
55
+ font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
56
+ background: radial-gradient(1200px 600px at 10% 10%, #0b1220 0%, transparent 20%),
57
+ radial-gradient(900px 450px at 90% 90%, rgba(20,30,45,.6) 0%, transparent 25%),
58
+ #05060a;
59
+ color:#e6eef8;
60
+ -webkit-font-smoothing:antialiased;
61
+ -moz-osx-font-smoothing:grayscale;
62
+ padding:32px;
63
+ display:flex;align-items:center;justify-content:center;gap:24px;min-height:100vh;
64
+ }
 
 
 
 
 
 
 
 
65
 
66
+ /* Container principal */
67
+ .wrap{max-width:1100px;width:100%;display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
68
 
69
+ /* Carte hero */
70
+ .hero{
71
+ background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
72
+ border:1px solid rgba(255,255,255,0.05);
73
+ padding:28px;border-radius:14px;box-shadow:0 10px 30px rgba(2,6,23,0.6);
74
+ }
75
+ .hero-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
76
+ .brand{display:flex;align-items:center;gap:12px}
77
+ .badge{background:linear-gradient(90deg,#ffd86b,#ff6767);padding:6px 10px;border-radius:999px;font-weight:600;color:#051022}
78
+ h1{font-size:22px;letter-spacing:0.2px}
79
+ p.lead{color:rgba(230,238,248,0.78);margin-top:8px}
 
 
 
 
 
 
80
 
81
+ .stats{display:flex;gap:12px;margin-top:16px}
82
+ .stat{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,0.03);min-width:90px;text-align:center}
83
+ .stat .num{font-size:18px;font-weight:700}
84
+ .stat .label{font-size:12px;color:rgba(230,238,248,0.6);margin-top:6px}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
85
 
86
+ /* Player card (right column) */
87
+ .card{
88
+ background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
89
+ border:1px solid rgba(255,255,255,0.05);
90
+ padding:18px;border-radius:14px;box-shadow:0 8px 24px rgba(2,6,23,0.6);
91
+ display:flex;flex-direction:column;gap:12px
92
+ }
93
+ .player-top{display:flex;gap:12px;align-items:center}
94
+ .avatar{width:68px;height:68px;border-radius:10px;background:linear-gradient(135deg,#334155,#081229);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#fff}
95
+ .player-meta{flex:1}
96
+ .player-meta h2{font-size:18px}
97
+ .player-meta .sub{font-size:13px;color:rgba(230,238,248,0.6)}
 
 
 
 
 
98
 
99
+ .rating{display:flex;gap:8px;align-items:center}
100
+ .rating
 
101
 
 
 
 
 
102
 
 
 
103
 
104
+ Aucun fichier choisiAucun fichier choisi
105
+ ChatGPT peut faire des erreurs. Envisagez de vérifier les informations importantes.
106
+ ChatGPT est toujours en train de générer une réponse...