estructura de nosotros y contacto
This commit is contained in:
+73
-52
@@ -30,7 +30,7 @@
|
||||
<!-- Columna Izquierda: Texto introductorio -->
|
||||
<div class="servicios-intro">
|
||||
<h2 class="servicios-title">Soluciones digitales diseñadas para hacer crecer tu negocio</h2>
|
||||
<p class="servicios-subtitle">Contamos con soluciones estratégicas para potenciar tu marca en cada etapa de su crecimiento.</p>
|
||||
<p class="servicios-subtitle">Podemos potenciar tu marca en cada etapa de su crecimiento.</p>
|
||||
<a href="servicios.html" class="btn btn-secondary">Ver todos los servicios</a>
|
||||
</div>
|
||||
|
||||
@@ -133,32 +133,52 @@
|
||||
<section id="diagnostico" class="diagnostico-section">
|
||||
<div class="diagnostico-header">
|
||||
<h2 class="diagnostico-title">¿Cuál es el siguiente paso estratégico para tu negocio?</h2>
|
||||
<p class="diagnostico-subtitle">Un recorrido de orientación diseñado para entender el momento actual de tu marca,<br> y definir con precisión quirúrgica la solución que necesitas.</p>
|
||||
<p class="diagnostico-subtitle">Un recorrido de orientación diseñado para entender el momento actual de tu marca, y definir con precisión quirúrgica la solución que necesitás.</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="diagnostico-card">
|
||||
<!-- Barra de Progreso -->
|
||||
<div class="progreso-wrapper">
|
||||
<div class="progreso-barra">
|
||||
<div class="progreso-barra-completado" id="progreso-completado"></div>
|
||||
|
||||
<!-- PANTALLA DE BIENVENIDA (visible al inicio) -->
|
||||
<div id="diagnostico-bienvenida" class="diagnostico-bienvenida">
|
||||
<div class="bienvenida-icono">
|
||||
<span class="icono-diagnostico" aria-hidden="true"></span>
|
||||
</div>
|
||||
<div class="progreso-texto" id="progreso-texto">Pregunta 1 de 4</div>
|
||||
<h3 class="bienvenida-titulo">Diagnóstico Express</h3>
|
||||
<p class="bienvenida-texto">
|
||||
Respondé 4 preguntas rápidas y te vamos a recomendar el servicio ideal para el momento en que está tu marca.
|
||||
</p>
|
||||
<ul class="bienvenida-detalles">
|
||||
<li><span class="detalle-icono">⏱</span> 2 minutos</li>
|
||||
<li><span class="detalle-icono">🎯</span> Recomendación personalizada</li>
|
||||
<li><span class="detalle-icono">💬</span> Sin compromiso</li>
|
||||
</ul>
|
||||
<button class="btn btn-primary btn-comenzar" id="btn-comenzar">
|
||||
Comenzar diagnóstico
|
||||
<span class="btn-arrow" aria-hidden="true">→</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Contenedor de Preguntas -->
|
||||
<div id="cuestionario-contenedor">
|
||||
<!-- Las preguntas se generan dinámicamente con JavaScript -->
|
||||
|
||||
<!-- CUESTIONARIO (oculto hasta hacer clic en comenzar) -->
|
||||
<div id="diagnostico-quiz" class="diagnostico-quiz" style="display: none;">
|
||||
<!-- Barra de Progreso -->
|
||||
<div class="progreso-wrapper">
|
||||
<div class="progreso-barra">
|
||||
<div class="progreso-barra-completado" id="progreso-completado"></div>
|
||||
</div>
|
||||
<div class="progreso-texto" id="progreso-texto">Pregunta 1 de 4</div>
|
||||
</div>
|
||||
|
||||
<!-- Contenedor de Preguntas -->
|
||||
<div id="cuestionario-contenedor" class="cuestionario-contenedor">
|
||||
<!-- Se genera dinámicamente con JavaScript -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Botón Reiniciar -->
|
||||
<button class="btn-reiniciar" id="btn-reiniciar">
|
||||
Reiniciar Diagnóstico
|
||||
</button>
|
||||
|
||||
<!-- Contenedor de Resultados (oculto inicialmente) -->
|
||||
|
||||
<!-- RESULTADO (oculto inicialmente) -->
|
||||
<div id="resultado-contenedor" class="resultado-contenedor" style="display: none;">
|
||||
<!-- El resultado se genera dinámicamente con JavaScript -->
|
||||
<!-- Se genera dinámicamente con JavaScript -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -338,7 +358,7 @@
|
||||
<div class="portfolio-text">
|
||||
<h2 class="portfolio-title">Nuestros últimos desafíos</h2>
|
||||
<p class="portfolio-subtitle">Cada proyecto es una oportunidad para crear algo único y memorable</p>
|
||||
<a href="portfolio.html" class="btn btn-secondary">Ver portfolio completo</a>
|
||||
<!--<a href="portfolio.html" class="btn btn-secondary">Ver portfolio completo</a>-->
|
||||
</div>
|
||||
|
||||
<!-- Columna Derecha: Carrusel -->
|
||||
@@ -346,35 +366,6 @@
|
||||
<div class="carousel-container">
|
||||
|
||||
<!-- Slide 1 -->
|
||||
<div class="carousel-slide active">
|
||||
<div class="slide-tags">
|
||||
<span class="slide-tag">Branding</span>
|
||||
<span class="slide-tag">Identidad Visual</span>
|
||||
<span class="slide-tag">Manual de Marca</span>
|
||||
<span class="slide-tag">Redes Sociales</span>
|
||||
<span class="slide-tag">Contenido Audiovisual</span>
|
||||
<span class="slide-tag">Paid Media</span>
|
||||
<span class="slide-tag">Estrategia Digital</span>
|
||||
</div>
|
||||
<div class="slide-image-wrapper">
|
||||
<img src="assets/clientes/1_1.png" alt="Mordi" class="carousel-image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 2 -->
|
||||
<div class="carousel-slide">
|
||||
<div class="slide-tags">
|
||||
<span class="slide-tag">Web</span>
|
||||
<span class="slide-tag">UX/UI</span>
|
||||
<span class="slide-tag">Apertura de Redes</span>
|
||||
<span class="slide-tag">SEO</span>
|
||||
</div>
|
||||
<div class="slide-image-wrapper">
|
||||
<img src="assets/clientes/2_1.png" alt="ArWork's" class="carousel-image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 3 -->
|
||||
<div class="carousel-slide">
|
||||
<div class="slide-tags">
|
||||
<span class="slide-tag">Diseño Web</span>
|
||||
@@ -385,7 +376,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 4 -->
|
||||
<!-- Slide 2 -->
|
||||
<div class="carousel-slide">
|
||||
<div class="slide-tags">
|
||||
<span class="slide-tag">Branding</span>
|
||||
@@ -401,6 +392,36 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 3 -->
|
||||
<div class="carousel-slide active">
|
||||
<div class="slide-tags">
|
||||
<span class="slide-tag">Branding</span>
|
||||
<span class="slide-tag">Creación de personaje</span>
|
||||
<span class="slide-tag">Identidad Visual</span>
|
||||
<span class="slide-tag">Manual de Marca</span>
|
||||
<span class="slide-tag">Redes Sociales</span>
|
||||
<span class="slide-tag">Contenido Audiovisual</span>
|
||||
<span class="slide-tag">Paid Media</span>
|
||||
<span class="slide-tag">Estrategia Digital</span>
|
||||
</div>
|
||||
<div class="slide-image-wrapper">
|
||||
<img src="assets/clientes/1_1.png" alt="Mordi" class="carousel-image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 4 -->
|
||||
<div class="carousel-slide">
|
||||
<div class="slide-tags">
|
||||
<span class="slide-tag">Web</span>
|
||||
<span class="slide-tag">UX/UI</span>
|
||||
<span class="slide-tag">Apertura de Redes</span>
|
||||
<span class="slide-tag">SEO</span>
|
||||
</div>
|
||||
<div class="slide-image-wrapper">
|
||||
<img src="assets/clientes/2_1.png" alt="ArWork's" class="carousel-image">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Slide 5 -->
|
||||
<div class="carousel-slide">
|
||||
<div class="slide-tags">
|
||||
@@ -510,6 +531,6 @@
|
||||
<div id="footer-container"></div>
|
||||
|
||||
<script src="scripts/main.js"></script>
|
||||
<script src="scripts/efecto.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user