Image Gallery

4 UI Blocks Example

gallery_4
gallery_4
                        
                          [arr.create set="template.data"]
  [section_title]Lorem ipsum 
dolor sitamet[/section_title] [link]#[/link] [link_label]Join Our Team[/link_label] [item new] [image]https://via.placeholder.com/1200x700[/image] [/item] [item new] [image]https://via.placeholder.com/1200x700[/image] [/item] [item new] [image]https://via.placeholder.com/1200x700[/image] [/item] [/arr.create] [uiblocks.image-gallery.gallery_4 data="{template.data}" /]
gallery_3
gallery_3
                        
                          [arr.create set="template.data"]
  [section_classes]pad-y-8[/section_classes]
  [section_title]Lorem ipsum dolor sit amet[/section_title]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
[/arr.create]
[uiblocks.image-gallery.gallery_3 data="{template.data}" /]
                        
                      
gallery_2
gallery_2
                        
                          [arr.create set="template.data"]
  [section_classes]gray-white-bg pad-y-10[/section_classes]
  [section_title]Lorem ipsum dolor sit amet[/section_title]
  [subtitle]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna ali enimd[/subtitle]
  [item new]
    [icon]https://via.placeholder.com/20x20[/icon]
    [title]Conetur adipcing elit[/title]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [icon]https://via.placeholder.com/20x20[/icon]
    [title]Conetur adipcing elit[/title]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [icon]https://via.placeholder.com/20x20[/icon]
    [title]Conetur adipcing elit[/title]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [icon]https://via.placeholder.com/20x20[/icon]
    [title]Conetur adipcing elit[/title]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [icon]https://via.placeholder.com/20x20[/icon]
    [title]Conetur adipcing elit[/title]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [icon]https://via.placeholder.com/20x20[/icon]
    [title]Conetur adipcing elit[/title]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
[/arr.create]
[uiblocks.image-gallery.gallery_2 data="{template.data}" /]
                        
                      
gallery_1
gallery_1
                        
                          [arr.create set="template.data"]
  [section_classes]pad-y-8[/section_classes]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
  [item new]
    [image]https://via.placeholder.com/1200x700[/image]
  [/item]
[/arr.create]
[uiblocks.image-gallery.gallery_1 data="{template.data}" /]