Los iconos de redes sociales no se ven, arréglalo para que se muestre 3 redes sociales: Linkedin, facebook y linkedin.
Browse files- components/footer.js +4 -5
- index.html +2 -2
- script.js +2 -2
components/footer.js
CHANGED
|
@@ -85,12 +85,11 @@ class CustomFooter extends HTMLElement {
|
|
| 85 |
</div>
|
| 86 |
<p class="text-gray-400">La plataforma IA que revoluciona la gestión de talleres de ciclismo.</p>
|
| 87 |
<div class="social-links">
|
| 88 |
-
<a href="#"><
|
| 89 |
-
<a href="#"><
|
| 90 |
-
<a href="#"><
|
| 91 |
-
<a href="#"><i data-feather="youtube"></i></a>
|
| 92 |
</div>
|
| 93 |
-
|
| 94 |
<div>
|
| 95 |
<h3 class="footer-heading">Navegación</h3>
|
| 96 |
<div class="footer-links">
|
|
|
|
| 85 |
</div>
|
| 86 |
<p class="text-gray-400">La plataforma IA que revoluciona la gestión de talleres de ciclismo.</p>
|
| 87 |
<div class="social-links">
|
| 88 |
+
<a href="#" target="_blank"><img src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/facebook.svg" width="24" height="24" alt="Facebook"></a>
|
| 89 |
+
<a href="#" target="_blank"><img src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/linkedin.svg" width="24" height="24" alt="LinkedIn"></a>
|
| 90 |
+
<a href="#" target="_blank"><img src="https://cdn.jsdelivr.net/npm/simple-icons@v9/icons/instagram.svg" width="24" height="24" alt="Instagram"></a>
|
|
|
|
| 91 |
</div>
|
| 92 |
+
</div>
|
| 93 |
<div>
|
| 94 |
<h3 class="footer-heading">Navegación</h3>
|
| 95 |
<div class="footer-links">
|
index.html
CHANGED
|
@@ -19,8 +19,8 @@
|
|
| 19 |
}
|
| 20 |
</script>
|
| 21 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 22 |
-
<
|
| 23 |
-
|
| 24 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 25 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
| 26 |
</head>
|
|
|
|
| 19 |
}
|
| 20 |
</script>
|
| 21 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 22 |
+
<!-- Remove feather-icons script since we're using SVG icons directly -->
|
| 23 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 24 |
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 25 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
| 26 |
</head>
|
script.js
CHANGED
|
@@ -168,8 +168,8 @@ document.querySelectorAll('.faq-item').forEach(item => {
|
|
| 168 |
document.querySelectorAll('.faq-icon').forEach(el => {
|
| 169 |
if (el !== icon) {
|
| 170 |
el.setAttribute('data-feather', 'chevron-down');
|
| 171 |
-
feather.replace()
|
| 172 |
-
|
| 173 |
});
|
| 174 |
|
| 175 |
// Toggle current item
|
|
|
|
| 168 |
document.querySelectorAll('.faq-icon').forEach(el => {
|
| 169 |
if (el !== icon) {
|
| 170 |
el.setAttribute('data-feather', 'chevron-down');
|
| 171 |
+
// Remove feather.replace() since we're using SVG icons directly now
|
| 172 |
+
}
|
| 173 |
});
|
| 174 |
|
| 175 |
// Toggle current item
|