Proyecto Dummy
Bringing a San Francisco based Saas company from Static site to Webflow CMS.
Tecnologías usadas:
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
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"
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"
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
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"