seccion portfolio finish
This commit is contained in:
+88
-13
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user