21 lines
7.6 KiB
HTML
21 lines
7.6 KiB
HTML
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>France Femboy — Discord</title> <meta name="description" content="France Femboy est un serveur Discord francophone qui réunit tous les femboys et alliés francophones pour discuter, partager et s'amuser dans une ambiance bienveillante."> <link rel="icon" href="femboy.ico" type="image/x-icon"> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> <meta property="og:title" content="France Femboy — Discord"> <meta property="og:description" content="France Femboy est un serveur Discord francophone qui réunit tous les femboys et alliés francophones pour discuter, partager et s'amuser dans une ambiance bienveillante."> <meta property="og:image" content="background.jpg"> <meta property="og:type" content="website"> <meta property="og:url" content="https://femboyfrance.fr"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="France Femboy — Discord"> <meta name="twitter:description" content="France Femboy est un serveur Discord francophone qui réunit tous les femboys et alliés francophones pour discuter, partager et s'amuser dans une ambiance bienveillante."> <meta name="twitter:image" content="background.jpg"> <style> body { background-color: #0a0a0a; color: #fff; } .card-msg { background-color: #1f1f1f; color: #fff; } header { background-color: rgba(0,0,0,0.6); } </style> </head> <body> <!-- Navigation --> <header class="sticky top-0 z-20 backdrop-blur"> <div class="max-w-6xl mx-auto flex justify-between items-center px-4 py-4"> <div class="flex items-center gap-2 flex-shrink-0"> <img src="images.jpg" alt="Logo" class="h-9 w-9 rounded-2xl object-cover"> <span class="font-semibold whitespace-nowrap">France Femboy</span> </div> <a href="https://discord.gg/frfemboy" class="rounded-xl bg-gradient-to-r from-pink-600 to-indigo-600 px-4 py-2 text-sm font-medium text-white shadow transition hover:brightness-110"> Rejoindre le Discord </a> </div> </header> <!-- Hero --> <section class="max-w-6xl mx-auto px-4 pt-14 pb-20 grid md:grid-cols-2 gap-10"> <div> <h1 class="text-4xl md:text-6xl font-bold">La safeplace des femboys francophones</h1> <p class="mt-4 text-lg text-gray-300"> France Femboy est un serveur Discord inclusif qui réunit femboys et allié·e·s de toute la francophonie. Viens discuter, partager et t’exprimer librement. </p> <div class="mt-6 flex flex-col sm:flex-row gap-3"> <a href="https://discord.gg/frfemboy" class="rounded-2xl bg-gradient-to-r from-pink-600 to-indigo-600 px-6 py-3 text-sm font-semibold text-white shadow hover:brightness-110"> Rejoindre le Discord → </a> <a href="#a-propos" class="rounded-2xl border border-gray-700 px-6 py-3 text-sm font-semibold text-white"> En savoir plus </a> </div> <div class="mt-8 flex gap-6 text-sm text-gray-400"> <div>👥 +100 membres</div> <div>🛡️ Modération active</div> <div>📅 Événements hebdo</div> </div> </div> <!-- Mockup card --> <div class="relative p-6 rounded-3xl bg-gray-800 shadow-lg"> <div class="mt-4 space-y-3 text-sm"> <section id="discord-gif" class="bg-gray-900 rounded-3xl p-6 text-center shadow-lg max-w-md mx-auto"> <img src="boykisser.gif" alt="Boykisser qui danse" class="w-full h-65 object-cover rounded-xl shadow-lg"> </section> </div> </div> </section> <!-- Features --> <section id="a-propos" class="max-w-6xl mx-auto px-4 py-20"> <h2 class="text-3xl font-bold text-center">Un espace safe, fun et actif</h2> <div class="mt-10 grid md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="p-6 rounded-3xl bg-gray-800 shadow">🛡️ <b>Modération & sécurité</b><br>Règles claires et équipe attentive.</div> <div class="p-6 rounded-3xl bg-gray-800 shadow">👥 <b>Communauté active</b><br>Des centaines de membres connectés.</div> <div class="p-6 rounded-3xl bg-gray-800 shadow">🤝 <b>Inclusif & respectueux</b><br>Zéro tolérance pour la haine.</div> <div class="p-6 rounded-3xl bg-gray-800 shadow">💬 <b>Salons thématiques</b><br>Mode, lifestyle, entraide,etc...</div> <div class="p-6 rounded-3xl bg-gray-800 shadow">📅 <b>Événements réguliers</b><br>Soirées jeux, watch parties…</div> <div class="p-6 rounded-3xl bg-gray-800 shadow">🌍 <b>Francophonie partout</b><br>🇫🇷 France, 🇧🇪 Belgique, 🇱🇺 Luxembourg…</div> </div> </section> <!-- CTA --> <section class="max-w-6xl mx-auto px-4 py-16"> <div class="rounded-3xl bg-gradient-to-r from-pink-600 to-indigo-600 p-8 text-white shadow-lg"> <h3 class="text-2xl font-bold">Rejoins France Femboy aujourd’hui</h3> <p class="mt-2">Une communauté chaleureuse, créative et bienveillante. C’est gratuit et ça prend 10 secondes.</p> <a href="https://discord.gg/frfemboy" class="mt-4 inline-block rounded-2xl bg-white text-pink-700 font-semibold px-6 py-3"> Rejoindre le Discord → </a> </div> </section> <!-- Footer --> <footer class="border-t border-gray-700 py-10 text-center text-sm text-gray-400"> Made with ❤️ by <a href="https://spirex.me/">Spirex.</a> </footer> </body> </html>
|
||
|
||
<!--
|
||
FFFFFFFFFFFFFFFFFFFFFFEEEEEEEEEEEEEEEEEEEEEEMMMMMMMM MMMMMMMMBBBBBBBBBBBBBBBBB OOOOOOOOO YYYYYYY YYYYYYY
|
||
F::::::::::::::::::::FE::::::::::::::::::::EM:::::::M M:::::::MB::::::::::::::::B OO:::::::::OO Y:::::Y Y:::::Y
|
||
F::::::::::::::::::::FE::::::::::::::::::::EM::::::::M M::::::::MB::::::BBBBBB:::::B OO:::::::::::::OO Y:::::Y Y:::::Y
|
||
FF::::::FFFFFFFFF::::FEE::::::EEEEEEEEE::::EM:::::::::M M:::::::::MBB:::::B B:::::BO:::::::OOO:::::::OY::::::Y Y::::::Y
|
||
F:::::F FFFFFF E:::::E EEEEEEM::::::::::M M::::::::::M B::::B B:::::BO::::::O O::::::OYYY:::::Y Y:::::YYY
|
||
F:::::F E:::::E M:::::::::::M M:::::::::::M B::::B B:::::BO:::::O O:::::O Y:::::Y Y:::::Y
|
||
F::::::FFFFFFFFFF E::::::EEEEEEEEEE M:::::::M::::M M::::M:::::::M B::::BBBBBB:::::B O:::::O O:::::O Y:::::Y:::::Y
|
||
F:::::::::::::::F E:::::::::::::::E M::::::M M::::M M::::M M::::::M B:::::::::::::BB O:::::O O:::::O Y:::::::::Y
|
||
F:::::::::::::::F E:::::::::::::::E M::::::M M::::M::::M M::::::M B::::BBBBBB:::::B O:::::O O:::::O Y:::::::Y
|
||
F::::::FFFFFFFFFF E::::::EEEEEEEEEE M::::::M M:::::::M M::::::M B::::B B:::::BO:::::O O:::::O Y:::::Y
|
||
F:::::F E:::::E M::::::M M:::::M M::::::M B::::B B:::::BO:::::O O:::::O Y:::::Y
|
||
F:::::F E:::::E EEEEEEM::::::M MMMMM M::::::M B::::B B:::::BO::::::O O::::::O Y:::::Y
|
||
FF:::::::FF EE::::::EEEEEEEE:::::EM::::::M M::::::MBB:::::BBBBBB::::::BO:::::::OOO:::::::O Y:::::Y
|
||
F::::::::FF E::::::::::::::::::::EM::::::M M::::::MB:::::::::::::::::B OO:::::::::::::OO YYYY:::::YYYY
|
||
F::::::::FF E::::::::::::::::::::EM::::::M M::::::MB::::::::::::::::B OO:::::::::OO Y:::::::::::Y
|
||
FFFFFFFFFFF EEEEEEEEEEEEEEEEEEEEEEMMMMMMMM MMMMMMMMBBBBBBBBBBBBBBBBB OOOOOOOOO YYYYYYYYYYYYY
|
||
|
||
--> |