fanfuso/ayr2026
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

biolink+servicios

Browse Source
This commit is contained in:
fanfuso
2026-09-19 18:03:05 -03:00
parent 1e36901fe3
commit c193e4acd9
8 changed files with 1678 additions and 1656 deletions
Download Patch File Download Diff File Expand all files Collapse all files
biolink.html
+82 -50
View File
@@ -1,38 +1,57 @@
<!DOCTYPE html>
<html lang="es">
<html lang="es" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/main.css">
<title>Estudio Creativo - Biolink</title>
<meta name="description" content="Enlaces oficiales de Estudio Creativo. Transformando ideas en experiencias visuales extraordinarias.">
<title>Estudio Creativo - Enlaces</title>
<link rel="icon" href="images/icons/favicon.png" type="image/x-icon">
<!-- Fuentes sincronizadas con main.css -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Literata:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:wght@400;500;600;700&family=Windsong&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style/main.css">
<link rel="stylesheet" href="style/biolink.css">
</head>
<body class="body">
<div class="container">
<div class="profile">
<img src="images/logos/logo-color.png" alt="Estudio Creativo" class="profile-image">
<h1 class="profile-name">Estudio Creativo</h1>
</div>
<div>
<p class="profile-bio">Transformando ideas en experiencias visuales extraordinarias</p>
</div>
<body class="body biolink-page">
<!-- Botón flotante de cambio de tema (opcional pero recomendado) -->
<button class="theme-toggle biolink-theme-toggle" id="theme-toggle" aria-label="Cambiar tema">
<svg class="theme-icon icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
<svg class="theme-icon icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
</button>
<main class="biolink-container">
<!-- Perfil -->
<div class="profile">
<div class="profile-image-wrapper">
<!-- Logo para tema claro -->
<img src="assets/logos/logo_ciruela.png" alt="Logo Estudio Creativo" class="biolink-logo light">
<!-- Logo para tema oscuro -->
<img src="assets/logos/logo_frio.png" alt="Logo Estudio Creativo" class="biolink-logo dark">
</div>
<h1 class="profile-name">Estudio Creativo</h1>
<p class="profile-bio">Transformando ideas en experiencias visuales extraordinarias.</p>
</div>
<!-- Enlaces Principales -->
<div class="links">
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank" rel="noopener noreferrer">
<div class="link-icon">
<i class="fas fa-globe"></i>
</div>
<div class="link-text">Sitio Web</div>
<div class="link-text">Sitio Web Oficial</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank" rel="noopener noreferrer">
<div class="link-icon">
<i class="fas fa-crown"></i>
</div>
<div class="link-text">Branding & Identidad</div>
@@ -41,8 +60,8 @@
</div>
</a>
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<a href="https://www.amoryroma.com.ar" class="link-button" target="_blank" rel="noopener noreferrer">
<div class="link-icon">
<i class="fas fa-list-ol"></i>
</div>
<div class="link-text">Planes y Servicios</div>
@@ -51,45 +70,58 @@
</div>
</a>
<!--<a href="#social" class="link-button">
<div class="link-icon icon-biolink">
<i class="fas fa-hashtag"></i>
</div>
<div class="link-text">Novedades</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>-->
<a href="https://wa.me/5493885777470" class="link-button" target="_blank">
<div class="link-icon icon-biolink">
<a href="https://wa.me/543886118304" class="link-button-wa" target="_blank" rel="noopener noreferrer">
<div class="link-icon">
<i class="fa-brands fa-whatsapp"></i>
</div>
<div class="link-text">Whatsapp</div>
<div class="link-text">Hablemos por WhatsApp</div>
<div class="link-arrow">
<i class="fas fa-chevron-right"></i>
</div>
</a>
</div>
<div class="social-links">
<a href="https://instagram.com/amoryroma.creativo" class="social-link" target="_blank">
<i class="fab fa-instagram"></i>
</a>
<a href="/cdn-cgi/l/email-protection#45262a2b312426312a0524282a373c372a28246b262a286b2437" class="social-link">
<i class="fas fa-envelope"></i>
</a>
<a href="tel:+5493885777470" class="social-link">
<i class="fas fa-phone"></i>
</a>
</div>
</div>
<!-- Redes Sociales -->
<div class="social-links">
<a href="https://instagram.com/amoryroma.creativo" class="social-link" target="_blank" rel="noopener noreferrer" aria-label="Instagram">
<i class="fab fa-instagram"></i>
</a>
<a href="https://web.facebook.com/amoryroma.creativo/" class="social-link" target="_blank" rel="noopener noreferrer" aria-label="Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.linkedin.com/company/amoryroma-estudiocreativo/" class="social-link" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="mailto:contacto@amoryroma.com.ar" class="social-link" aria-label="Correo electrónico">
<i class="fas fa-envelope"></i>
</a>
</div>
</main>
<!-- Footer -->
<footer class="footerbio">
<img src="images/logos/coor.png" alt="Amor & Roma" class="footerbio-logo">
<div>© 2025 Estudio Creativo. Todos los derechos reservados.</div>
<div class="footer-logo-wrapper">
<img src="assets/logos/logo_ciruela.png" alt="Logo Estudio Creativo" class="footer-biolink-logo light">
<img src="assets/logos/logo_frio.png" alt="Logo Estudio Creativo" class="footer-biolink-logo dark">
</div>
<div class="footerbio-text">© 2026 Amor&Roma. Todos los derechos reservados.</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
<!-- Script mínimo para el toggle de tema (si no lo tienes ya en un archivo externo) -->
<script>
const themeToggle = document.getElementById('theme-toggle');
const html = document.documentElement;
// Cargar tema guardado
const savedTheme = localStorage.getItem('theme') || 'light';
html.setAttribute('data-theme', savedTheme);
themeToggle.addEventListener('click', () => {
const currentTheme = html.getAttribute('data-theme');
const newTheme = currentTheme === 'light' ? 'dark' : 'light';
html.setAttribute('data-theme', newTheme);
localStorage.setItem('theme', newTheme);
});
</script>
</body>
</html>