Diseño y Animación Diseño y Animación

Proyecto Dummy

Bringing a San Francisco based Saas company from Static site to Webflow CMS.

Tecnologías usadas:

  • Laravel
  • SQL
Hero

Título del grupo

Esto es una descripción del grupo

Este es el contenido del grupo. Para entender las posibilidades de esta página ver la referencia en este link

Esto es un grupo pero ocultando el título principal y mostrando sólo la descripción. Para ocultar el título ponerle "0"

Grupo con contenido y foto

They have more than 250 different opportunities in their listings and projects that have special benefits (reduced taxes by a Uruguayan Law that supports it).

They are pioneers in the use of technology and tools which allow them to have a large amount of data to analyze and help their customers make smarter decisions.

La imagen de abajo es un grupo con título "img" que se comporta como separador y sólo muestra la foto

Proyecto Dummy

Grupo con galería

Acá muestro un caso con Foto y Álbum

Basic Before & After

Funciona dentro de una sección de contenido general, pero:

  • Esta sección tiene que tener el extraData con valor beforeafter .
  • A su vez tiene que tener una primer subsección (no importa el nombre - le puse "Imágenes")
    • Puede tener el campo description que se va a mostrar fijo en el scroll como un texto abajo del elemento interactivo.
    • Esta sección Imágenes debe tener adentro una subsección por cada imagen deseada.
      • Mientras más alto el orden, más adelante en el scroll va a aparecer la imagen
      • El titulo de estas secciones imagen no se va a usar.
      • Pero puede tener desciption de cada imagen, que va a reemplazar la general de "Imágenes"
Foto 1
Descripción primer foto
Foto 2
Foto orginal pero con filtro azul
Foto 3
Tercer variante con filtro verde

Fullscreen Before & After

La única diferencia con la versión por defecto es que el extraData tiene que tener la palabra fullscreen. Por ejemplo "beforeafter;fullscreen"

Foto 1
Foto 2
Foto 3

Square B&A

Por defecto alineado a la izquierda

  • Esta sección tiene que tener el extraData con valor beforeafter-square.
  • Puede tener título, descripción y/o contenido.
  • El resto del componente es igual que el before-after con las mismas particularidades
Foto 1
Foto 2
Foto 3

Reversed Square B&A

La única diferencia con la versión por defecto es que el extraData tiene que tener la palabra reverse. Por ejemplo "beforeafter-square;reverse"

Foto 1
Foto 2

¿Cómo te podemos ayudar?

¿Necesitas una cotización para tu proyecto?

Complete el siguiente formulario para obtener una cotización aproximada sobre su proyecto.

Eres una persona muy especial en este mundo

Pertenecés al 1% que sigue usando Internet Explorer que lamentablemente quedó en desuso.

Para asegurarle una óptima experiencia dentro de nuestro sitio web le agradecemos si pudiese entrar desde un navegador más nuevo como Microsoft Edge, Google Chrome o Firefox.

¡Esperamos verte pronto!

Recibí notificaciones de las noticias más relevantes del Portal