127 lines
6.5 KiB
HTML
127 lines
6.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es" data-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="Enlaces oficiales de Estudio Creativo. Transformando ideas en experiencias visuales extraordinarias.">
|
|
<title>Estudio Creativo - Enlaces</title>
|
|
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon">
|
|
<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 rel="stylesheet" href="style/main.css">
|
|
<link rel="stylesheet" href="style/biolink.css">
|
|
</head>
|
|
<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" rel="noopener noreferrer">
|
|
<div class="link-icon">
|
|
<i class="fas fa-globe"></i>
|
|
</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" rel="noopener noreferrer">
|
|
<div class="link-icon">
|
|
<i class="fas fa-crown"></i>
|
|
</div>
|
|
<div class="link-text">Branding & Identidad</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" rel="noopener noreferrer">
|
|
<div class="link-icon">
|
|
<i class="fas fa-list-ol"></i>
|
|
</div>
|
|
<div class="link-text">Planes y Servicios</div>
|
|
<div class="link-arrow">
|
|
<i class="fas fa-chevron-right"></i>
|
|
</div>
|
|
</a>
|
|
|
|
<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">Hablemos por WhatsApp</div>
|
|
<div class="link-arrow">
|
|
<i class="fas fa-chevron-right"></i>
|
|
</div>
|
|
</a>
|
|
</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">
|
|
<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 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> |