Images

Comparison Image 01

Comparison images

Example site: https://wavelinq.zionandzion.com/why-endoavf/

Heading for this component

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Image 1

Step 2

Task 3

Example 4

Image 1

Step 2

Task 3

Example 4

Image Grid 01

This image grid will make a row of images that takes the whole width, once reached the limit it will create a second line and on until all the logos are displayed.

Example site: https://answer1.zionandzion.com/virtual-receptionists/

Image Grid 02

This grid is a gallery of a minimum of 1 image and a maximum of 4 images. Images must be 400×400 but this can be changed. The recomended is to keep them as a square.

Example site: https://casper.zionandzion.com/~salonsby/find-a-salon-professional/

Image Grid 03

This grid has 3 variations of elements. Image, Image with title and content, and Title with content. It will make a row of maximum 4 elements and then go to the next line. Responsive mode is lines of 2 elements

Example site: https://casper.zionandzion.com/~salonsby/lease-a-salon-suite/about-salon-suite-leasing/

First line of title
Second line of title

This is some content before the grid

This is a title

This is the content

This is just a title

This is just content