seccion portfolio finish

This commit is contained in:
2026-09-18 21:17:15 -03:00
parent 49e7206a6a
commit c86173f574
20 changed files with 623 additions and 319 deletions
+88 -13
View File
@@ -344,20 +344,83 @@
<!-- Columna Derecha: Carrusel -->
<div class="portfolio-carousel">
<div class="carousel-container">
<!-- Slide 1 -->
<div class="carousel-slide active">
<img src="assets/img/proyecto1.png" alt="Proyecto 1" class="carousel-image">
<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">
<img src="assets/img/proyecto2.png" alt="Proyecto 2" class="carousel-image">
<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">
<img src="assets/img/proyecto3.png" alt="Proyecto 3" class="carousel-image">
<div class="slide-tags">
<span class="slide-tag">Diseño Web</span>
<span class="slide-tag">Integración de Blog</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/3_1.png" alt="Ide Consultores" class="carousel-image">
</div>
</div>
<!-- Slide 4 -->
<div class="carousel-slide">
<div class="slide-tags">
<span class="slide-tag">Branding</span>
<span class="slide-tag">Diseño Web</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>
<span class="slide-tag">Automatización</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/4_1.png" alt="VettaIO" class="carousel-image">
</div>
</div>
<!-- Slide 5 -->
<div class="carousel-slide">
<div class="slide-tags">
<span class="slide-tag">Branding</span>
<span class="slide-tag">Contenido Audiovisual</span>
</div>
<div class="slide-image-wrapper">
<img src="assets/clientes/5_1.png" alt="Coccoline" class="carousel-image">
</div>
</div>
</div>
<div class="carousel-indicators">
<span class="indicator active" data-slide="0"></span>
<span class="indicator" data-slide="1"></span>
<span class="indicator" data-slide="2"></span>
<span class="indicator" data-slide="3"></span>
<span class="indicator" data-slide="4"></span>
</div>
</div>
</div>
@@ -373,22 +436,28 @@
<span class="marquee-icon icon-meta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-hubspot" aria-hidden="true"></span>
<span class="marquee-icon icon-openai" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-shopify" aria-hidden="true"></span>
<span class="marquee-icon icon-tiktok" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-wordpress" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-figma" aria-hidden="true"></span>
<span class="marquee-icon icon-face" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-adobe" aria-hidden="true"></span>
<span class="marquee-icon icon-insta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-mailchimp" aria-hidden="true"></span>
<span class="marquee-icon icon-analytics" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-whatsapp" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-googleads" aria-hidden="true"></span>
</div>
<!-- Segunda tanda (duplicada para loop infinito) -->
<div class="marquee-item">
@@ -398,22 +467,28 @@
<span class="marquee-icon icon-meta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-hubspot" aria-hidden="true"></span>
<span class="marquee-icon icon-openai" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-shopify" aria-hidden="true"></span>
<span class="marquee-icon icon-tiktok" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-wordpress" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-figma" aria-hidden="true"></span>
<span class="marquee-icon icon-face" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-adobe" aria-hidden="true"></span>
<span class="marquee-icon icon-insta" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-mailchimp" aria-hidden="true"></span>
<span class="marquee-icon icon-analytics" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-whatsapp" aria-hidden="true"></span>
</div>
<div class="marquee-item">
<span class="marquee-icon icon-googleads" aria-hidden="true"></span>
</div>
</div>
</div>