WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
annuaires de voitures
1318
Metehan
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
14 May 2024
Titre de l'animation
17 May 2025
Formulaire de connexion moderne + barre latérale coulissante
28 June 2025
Modèle HTML de page d'erreur 404
HTML
Copy
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Dünya Araba Markaları Rehberi</title> <script src="https://cdn.tailwindcss.com"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> </head> <body class="bg-gray-100"> <div class="container mx-auto px-4"> <header class="text-center py-8"> <h1 class="text-4xl font-bold text-blue-800">Dünya Araba Markaları</h1> </header> <div class="grid grid-cols-1 md:grid-cols-3 gap-6"> <!-- Mercedes-Benz --> <div class="bg-white rounded-lg shadow-lg p-6 transform transition hover:scale-105"> <div class="flex items-center mb-4"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Mercedes-Benz_Logo_2010.svg/300px-Mercedes-Benz_Logo_2010.svg.png" alt="Mercedes-Benz Logo" class="w-20 h-20 object-contain mr-4"> <h2 class="text-2xl font-bold text-gray-800">Mercedes-Benz</h2> </div> <div class="mb-4"> <p class="text-gray-600"><strong>Ülke:</strong> Almanya</p> </div> <div class="flex justify-between items-center"> <div class="social-links flex space-x-4"> <a href="https://www.facebook.com/MercedesBenzTR/" target="_blank" class="text-blue-600 hover:text-blue-800"> <i class="fab fa-facebook-f text-2xl"></i> </a> <a href="https://www.instagram.com/mercedesbenztr/" target="_blank" class="text-pink-600 hover:text-pink-800"> <i class="fab fa-instagram text-2xl"></i> </a> <a href="https://twitter.com/MercedesBenzTR" target="_blank" class="text-blue-400 hover:text-blue-600"> <i class="fab fa-twitter text-2xl"></i> </a> </div> <a href="https://www.mercedes-benz.com/tr/" target="_blank" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> Web Sitesi </a> </div> </div> <!-- BMW --> <div class="bg-white rounded-lg shadow-lg p-6 transform transition hover:scale-105"> <div class="flex items-center mb-4"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/BMW_Logo.svg/300px-BMW_Logo.svg.png" alt="BMW Logo" class="w-20 h-20 object-contain mr-4"> <h2 class="text-2xl font-bold text-gray-800">BMW</h2> </div> <div class="mb-4"> <p class="text-gray-600"><strong>Ülke:</strong> Almanya</p> </div> <div class="flex justify-between items-center"> <div class="social-links flex space-x-4"> <a href="https://www.facebook.com/BMWTR/" target="_blank" class="text-blue-600 hover:text-blue-800"> <i class="fab fa-facebook-f text-2xl"></i> </a> <a href="https://www.instagram.com/bmwturkiye/" target="_blank" class="text-pink-600 hover:text-pink-800"> <i class="fab fa-instagram text-2xl"></i> </a> <a href="https://twitter.com/BMW_TR" target="_blank" class="text-blue-400 hover:text-blue-600"> <i class="fab fa-twitter text-2xl"></i> </a> </div> <a href="https://www.bmw.com.tr/" target="_blank" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> Web Sitesi </a> </div> </div> <!-- Audi --> <div class="bg-white rounded-lg shadow-lg p-6 transform transition hover:scale-105"> <div class="flex items-center mb-4"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Audi-Logo_2016.svg/300px-Audi-Logo_2016.svg.png" alt="Audi Logo" class="w-20 h-20 object-contain mr-4"> <h2 class="text-2xl font-bold text-gray-800">Audi</h2> </div> <div class="mb-4"> <p class="text-gray-600"><strong>Ülke:</strong> Almanya</p> </div> <div class="flex justify-between items-center"> <div class="social-links flex space-x-4"> <a href="https://www.facebook.com/AudiTR/" target="_blank" class="text-blue-600 hover:text-blue-800"> <i class="fab fa-facebook-f text-2xl"></i> </a> <a href="https://www.instagram.com/auditr/" target="_blank" class="text-pink-600 hover:text-pink-800"> <i class="fab fa-instagram text-2xl"></i> </a> <a href="https://twitter.com/AudiTR" target="_blank" class="text-blue-400 hover:text-blue-600"> <i class="fab fa-twitter text-2xl"></i> </a> </div> <a href="https://www.audi.com.tr/" target="_blank" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> Web Sitesi </a> </div> </div> <!-- Toyota --> <div class="bg-white rounded-lg shadow-lg p-6 transform transition hover:scale-105"> <div class="flex items-center mb-4"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Toyota_Log.svg/300px-Toyota_Log.svg.png" alt="Toyota Logo" class="w-20 h-20 object-contain mr-4"> <h2 class="text-2xl font-bold text-gray-800">Toyota</h2> </div> <div class="mb-4"> <p class="text-gray-600"><strong>Ülke:</strong> Japonya</p> </div> <div class="flex justify-between items-center"> <div class="social-links flex space-x-4"> <a href="https://www.facebook.com/ToyotaTurkiye/" target="_blank" class="text-blue-600 hover:text-blue-800"> <i class="fab fa-facebook-f text-2xl"></i> </a> <a href="https://www.instagram.com/toyotaturkiye/" target="_blank" class="text-pink-600 hover:text-pink-800"> <i class="fab fa-instagram text-2xl"></i> </a> <a href="https://twitter.com/ToyotaTR" target="_blank" class="text-blue-400 hover:text-blue-600"> <i class="fab fa-twitter text-2xl"></i> </a> </div> <a href="https://www.toyota.com.tr/" target="_blank" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> Web Sitesi </a> </div> </div> <!-- Volkswagen --> <div class="bg-white rounded-lg shadow-lg p-6 transform transition hover:scale-105"> <div class="flex items-center mb-4"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6d/Volkswagen_logo.svg/300px-Volkswagen_logo.svg.png" alt="Volkswagen Logo" class="w-20 h-20 object-contain mr-4"> <h2 class="text-2xl font-bold text-gray-800">Volkswagen</h2> </div> <div class="mb-4"> <p class="text-gray-600"><strong>Ülke:</strong> Almanya</p> </div> <div class="flex justify-between items-center"> <div class="social-links flex space-x-4"> <a href="https://www.facebook.com/VolkswagenTurkiye/" target="_blank" class="text-blue-600 hover:text-blue-800"> <i class="fab fa-facebook-f text-2xl"></i> </a> <a href="https://www.instagram.com/volkswagentr/" target="_blank" class="text-pink-600 hover:text-pink-800"> <i class="fab fa-instagram text-2xl"></i> </a> <a href="https://twitter.com/VolkswagenTR" target="_blank" class="text-blue-400 hover:text-blue-600"> <i class="fab fa-twitter text-2xl"></i> </a> </div> <a href="https://www.volkswagen.com.tr/" target="_blank" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> Web Sitesi </a> </div> </div> <!-- Renault --> <div class="bg-white rounded-lg shadow-lg p-6 transform transition hover:scale-105"> <div class="flex items-center mb-4"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Renault_logo.svg/300px-Renault_logo.svg.png" alt="Renault Logo" class="w-20 h-20 object-contain mr-4"> <h2 class="text-2xl font-bold text-gray-800">Renault</h2> </div> <div class="mb-4"> <p class="text-gray-600"><strong>Ülke:</strong> Fransa</p> </div> <div class="flex justify-between items-center"> <div class="social-links flex space-x-4"> <a href="https://www.facebook.com/RenaultTurkiye/" target="_blank" class="text-blue-600 hover:text-blue-800"> <i class="fab fa-facebook-f text-2xl"></i> </a> <a href="https://www.instagram.com/renaultturkiye/" target="_blank" class="text-pink-600 hover:text-pink-800"> <i class="fab fa-instagram text-2xl"></i> </a> <a href="https://twitter.com/RenaultTR" target="_blank" class="text-blue-400 hover:text-blue-600"> <i class="fab fa-twitter text-2xl"></i> </a> </div> <a href="https://www.renault.com.tr/" target="_blank" class="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"> Web Sitesi </a> </div> </div> </div> </div> </body> </html>
CSS
Copy
<!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
