Spaces:
Running
Running
File size: 8,702 Bytes
cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 191de98 cc105a0 |
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 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EA Sports FC 25 | Football Gaming Hub</title>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<style>
.fc-gradient {
background: linear-gradient(135deg, #0a1120, #1a2a42);
}
.fc-card {
background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
border: 1px solid rgba(255, 215, 0, 0.2);
}
.fc-badge {
background: linear-gradient(90deg, #ffd700, #ff8c00);
}
</style>
</head>
<body class="fc-gradient text-white min-h-screen">
<!-- Navigation -->
<nav class="container mx-auto p-6">
<div class="flex items-center justify-between">
<div class="flex items-center space-x-4">
<i data-feather="disc" class="text-yellow-500 h-8 w-8"></i>
<span class="text-2xl font-bold">EA Sports FC 25</span>
</div>
<div class="hidden md:flex space-x-8">
<a href="index.html" class="hover:text-yellow-400 transition">Accueil</a>
<a href="gaming.html" class="hover:text-yellow-400 transition">Jeux</a>
<a href="fc25.html" class="text-yellow-400">FC 25</a>
<a href="#" class="hover:text-yellow-400 transition">Tournois</a>
</div>
<div class="md:hidden">
<button id="menu-btn" class="focus:outline-none">
<i data-feather="menu" class="h-8 w-8"></i>
</button>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="container mx-auto px-6 py-20 text-center">
<div class="max-w-4xl mx-auto">
<img src="http://static.photos/sport/1200x630/701" alt="FC 25 Cover" class="w-full rounded-xl mb-8">
<h1 class="text-4xl md:text-6xl font-bold mb-6">
<span class="text-yellow-400">EA Sports FC 25</span>
</h1>
<p class="text-xl text-gray-300 mb-8">
L'expérience de football ultime avec une physique révolutionnaire et des graphismes photoréalistes.
</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<button class="px-8 py-4 bg-yellow-600 hover:bg-yellow-700 rounded-full font-semibold transition duration-300">
Précommander maintenant
</button>
<button class="px-8 py-4 bg-gray-700 hover:bg-gray-600 rounded-full font-semibold transition duration-300">
Voir la bande-annonce
</button>
</div>
</div>
</section>
<!-- Features Section -->
<section class="py-16 bg-black bg-opacity-50">
<div class="container mx-auto px-6">
<h2 class="text-3xl md:text-5xl font-bold mb-12 text-center">Nouveautés <span class="text-yellow-400">FC 25</span></h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<!-- Feature 1 -->
<div class="fc-card rounded-xl p-6 transition duration-500">
<div class="bg-yellow-500 bg-opacity-10 p-4 rounded-lg mb-4">
<i data-feather="zap" class="h-8 w-8 text-yellow-400"></i>
</div>
<h3 class="text-2xl font-bold mb-4">HyperMotionV</h3>
<p class="text-gray-300">Technologie de pointe pour une animation et une physique de jeu encore plus réalistes.</p>
</div>
<!-- Feature 2 -->
<div class="fc-card rounded-xl p-6 transition duration-500">
<div class="bg-yellow-500 bg-opacity-10 p-4 rounded-lg mb-4">
<i data-feather="users" class="h-8 w-8 text-yellow-400"></i>
</div>
<h3 class="text-2xl font-bold mb-4">Nouveau Career Mode</h3>
<p class="text-gray-300">Gérez votre club avec des options de personnalisation inédites et des défis réalistes.</p>
</div>
<!-- Feature 3 -->
<div class="fc-card rounded-xl p-6 transition duration-500">
<div class="bg-yellow-500 bg-opacity-10 p-4 rounded-lg mb-4">
<i data-feather="globe" class="h-8 w-8 text-yellow-400"></i>
</div>
<h3 class="text-2xl font-bold mb-4">Cross-Play</h3>
<p class="text-gray-300">Jouez contre vos amis quelle que soit leur plateforme (PS5, XBOX ou PC).</p>
</div>
</div>
</div>
</section>
<!-- Player Cards Section -->
<section class="py-20">
<div class="container mx-auto px-6">
<h2 class="text-3xl md:text-5xl font-bold mb-12 text-center">Joueurs <span class="text-yellow-400">Légendaires</span></h2>
<div class="grid grid-cols-2 md:grid-cols-4 gap-6">
<!-- Player 1 -->
<div class="fc-card rounded-xl p-4 text-center">
<img src="http://static.photos/sport/200x200/801" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
<h3 class="font-bold">Lionel Messi</h3>
<div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
94 OVR
</div>
</div>
<!-- Player 2 -->
<div class="fc-card rounded-xl p-4 text-center">
<img src="http://static.photos/sport/200x200/802" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
<h3 class="font-bold">Kylian Mbappé</h3>
<div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
92 OVR
</div>
</div>
<!-- Player 3 -->
<div class="fc-card rounded-xl p-4 text-center">
<img src="http://static.photos/sport/200x200/803" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
<h3 class="font-bold">Erling Haaland</h3>
<div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
91 OVR
</div>
</div>
<!-- Player 4 -->
<div class="fc-card rounded-xl p-4 text-center">
<img src="http://static.photos/sport/200x200/804" alt="Player" class="w-24 h-24 rounded-full object-cover mx-auto mb-4">
<h3 class="font-bold">Kevin De Bruyne</h3>
<div class="fc-badge text-black font-bold rounded-full px-3 py-1 text-sm inline-block mt-2">
91 OVR
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black bg-opacity-70 py-12">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row justify-between items-center">
<div class="flex items-center space-x-4 mb-6 md:mb-0">
<i data-feather="disc" class="text-yellow-500 h-8 w-8"></i>
<span class="text-2xl font-bold">Football Gaming</span>
</div>
<div class="flex space-x-6">
<a href="#" class="hover:text-yellow-400 transition">
<i data-feather="twitter"></i>
</a>
<a href="#" class="hover:text-yellow-400 transition">
<i data-feather="instagram"></i>
</a>
<a href="#" class="hover:text-yellow-400 transition">
<i data-feather="facebook"></i>
</a>
<a href="#" class="hover:text-yellow-400 transition">
<i data-feather="youtube"></i>
</a>
</div>
</div>
<div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-500">
<p>© 2023 Football Gaming Hub. Tous droits réservés.</p>
</div>
</div>
</footer>
<script>
feather.replace();
</script>
</body>
</html> |