marcas coches

:root { --dark: #1a1a1a; --accent: #d90429; --gray: #e9ecef; } body { font-family: 'Helvetica Neue', Arial, sans-serif; margin: 0; background-color: #f0f2f5; } header { background-color: red; color: white; padding: 40px 20px; text-align: center; } .search-box { margin-top: 20px; padding: 12px; width: 80%; max-width: 600px; border-radius: 30px; border: none; font-size: 1.1rem; outline: none; } .container { max-width: 1200px; margin: 40px auto; padding: 0 20px; } /* Parrilla de 4 columnas */ .brand-grid { display: grid; grid-template-columns: repeat(4, 1fr); /* Forzamos 4 columnas */ gap: 25px; } /* Adaptabilidad para móviles */ @media (max-width: 992px) { .brand-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .brand-grid { grid-template-columns: 1fr; } } .brand-link { text-decoration: none; color: inherit; } .brand-card { background: white; border: 1px solid #ddd; padding: 30px 15px; text-align: center; transition: all 0.3s ease; display: flex; flex-direction: column; align-items: center; height: 180px; justify-content: center; } .brand-card:hover { border-color: var(--accent); box-shadow: 0 10px 20px rgba(0,0,0,0.1); transform: translateY(-3px); } .logo-container { width: 100px; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 15px; } .logo-container img { max-width: 100%; max-height: 100%; object-fit: contain; } .brand-name { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; } #noResults { display: none; text-align: center; font-size: 1.2rem; color: #666; } Marcas de Automóviles No se encontró la marca seleccionada. // Listado extenso de marcas en Europa const marcas = [ "Abarth", "Alfa Romeo", "Alpine", "Aston Martin", "Audi", "Bentley", "BMW", "BYD", "Citroen", "Cupra", "Dacia", "DS Automobiles", "Ferrari", "Fiat", "Ford", "Foton", "Geely", "Honda", "Hyundai", "Isuzu", "Jaecoo", "Jaguar", "Jeep", "KGM", "Kia", "Lamborghini", "Land Rover", "leapmotor", "lepas", "Lexus", "LYNK &CO", "Lotus", "Maserati", "Mazda", "McLaren", "Mercedes-Benz", "MG", "MINI", "Mitsubishi", "Nissan", "Omoda", "Opel", "Peugeot", "Polestar", "Porsche", "Renault", "Rolls-Royce", "SEAT", "Skoda", "Smart", "SsangYong", "Subaru", "Suzuki", "Tesla", "Toyota", "Volkswagen", "Volvo" ]; // Directorio de logos (puedes sustituir las URLs por tus propios archivos locales) const logoBaseUrl = "https://drive.google.com/drive/folders/1Hv8RGXnFElcmv0iU3h5bNDM_2RwVpjmz"; // Mapeo manual para algunos nombres de archivo de logos que difieren del nombre de la marca const logoMapping = { "Mercedes-Benz": "mercedes", "Land Rover": "land_rover", "Alfa Romeo": "alfa_romeo", "Citroën": "citroën", "DS Automobiles": "citroen", // Usamos citroen si no hay específico "SsangYong": "ssangyong", "LYNK & CO": "lynk co", }; function generateGrid() { const grid = document.getElementById('brandGrid'); // Ordenar alfabéticamente marcas.sort().forEach(marca => { const slug = marca.toLowerCase().replace(/s+/g, '-'); const url = `https://www.nosolomotor.es/tags/${slug}/`; // Intentar adivinar el nombre del logo o usar mapping const logoFile = logoMapping[marca] || marca.toLowerCase().replace(/s+/g, '_'); const logoUrl = `${logoBaseUrl}${logoFile}.png`; const card = ` ${marca} `; grid.innerHTML += card; }); } function filterBrands() { const query = document.getElementById('brandSearch').value.toLowerCase(); const cards = document.querySelectorAll('.brand-link'); let found = false; cards.forEach(card => { if (card.getAttribute('data-name').includes(query)) { card.style.display = "block"; found = true; } else { card.style.display = "none"; } }); document.getElementById('noResults').style.display = found ? "none" : "block"; } // Inicializar generateGrid();

Ad Blocker Detected

How to disable AdBlock

marcas coches