Application Grid List

5 UI Blocks Example

app_grid_list_5

Title will be here

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 exercit.

Title will be here

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 exercit.

Title will be here

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 exercit.

Title will be here

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 exercit.

app_grid_list_5
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [col_class]col-lg-6[/col_class]
  [item new]
    [icon_class]icon-home[/icon_class]
    [icon_color]#ff0000[/icon_color]
    [title]Title will be here[/title]
    [content]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 exercit.[/content]
    [item_link]#[/item_link]
    [item_link_label]Read More[/item_link_label]
  [/item]
  [item new]
    [icon_class]icon-home[/icon_class]
    [icon_color]#00ff00[/icon_color]
    [title]Title will be here[/title]
    [content]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 exercit.[/content]
    [item_link]#[/item_link]
    [item_link_label]Read More[/item_link_label]
  [/item]
  [item new]
    [icon_class]icon-home[/icon_class]
    [icon_color]#0000ff[/icon_color]
    [title]Title will be here[/title]
    [content]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 exercit.[/content]
    [item_link]#[/item_link]
    [item_link_label]Read More[/item_link_label]
  [/item]
  [item new]
    [icon_class]icon-home[/icon_class]
    [icon_color]#ffb716[/icon_color]
    [title]Title will be here[/title]
    [content]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 exercit.[/content]
    [item_link]#[/item_link]
    [item_link_label]Read More[/item_link_label]
  [/item]
[/arr.create]
[uiblocks.application-grid-list.app_grid_list_5 data="{template.data}" /]
                        
                      
app_grid_list_4

Project Team

John Doe

Technical Lead

Jessica Whitaker

Project Manager

Alexa Wang

Python Developer

app_grid_list_4
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [section_title]Team Members[/section_title]
  [col_class]col-sm-6 col-lg-3[/col_class]
  [item new]
    [title]John Doe[/title]
    [subtitle]Technical Lead[/subtitle]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
    [image]https://via.placeholder.com/50x50[/image]
  [/item]
  [item new]
    [title]Jessica Whitaker[/title]
    [subtitle]Project Manager[/subtitle]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
    [image]https://via.placeholder.com/50x50[/image]
  [/item]
  [item new]
    [title]Alexa Wang[/title]
    [subtitle]Python Developer[/subtitle]
    [item_link]#[/item_link]
    [item_link_label]View Details[/item_link_label]
    [image]https://via.placeholder.com/50x50[/image]
  [/item]
[/arr.create]
[uiblocks.application-grid-list.app_grid_list_4 data="{template.data}" /]
                        
                      
app_grid_list_3

Pinned Projects

WS

Walnut School

6 Members

WP

WPoetsl

6 Members

GA

G2A

6 Members

app_grid_list_3
                        
                          [arr.create set="template.data"]
[section_classes][/section_classes]
[section_title]Pinned Projects[/section_title]
[col_class]col-sm-6 col-lg-4[/col_class]
[item new]
[letter]WS[/letter]
[letter_bg]#b7c128[/letter_bg]
[title]Walnut School[/title]
[subtitle]6 Members[/subtitle]
[more_link new]
[link]#[/link]
[link_label]View[/link_label]
[/more_link]
[more_link new]
[link]#[/link]
[link_label]Delete[/link_label]
[/more_link]
[/item]
[item new]
[letter]WP[/letter]
[letter_bg]#33a7e5[/letter_bg]
[title]WPoetsl[/title]
[subtitle]6 Members[/subtitle]
[more_link new]
[link]#[/link]
[link_label]View[/link_label]
[/more_link]
[more_link new]
[link]#[/link]
[link_label]Delete[/link_label]
[/more_link]
[/item]
[item new]
[letter]GA[/letter]
[letter_bg]#cd1d66[/letter_bg]
[title]G2A[/title]
[subtitle]6 Members[/subtitle]
[more_link new]
[link]#[/link]
[link_label]View[/link_label]
[/more_link]
[more_link new]
[link]#[/link]
[link_label]Delete[/link_label]
[/more_link]
[/item]
[/arr.create]
[uiblocks.application-grid-list.app_grid_list_3 data="{template.data}" /]
                        
                      
app_grid_list_2
admin
John Doe

Technical Manager

admin
John Doe

Technical Manager

admin
John Doe

Technical Manager

admin
John Doe

Technical Manager

app_grid_list_2
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [col_class]col-sm-6 col-md-4 col-xl-3[/col_class]
  [item new]
    [image]https://via.placeholder.com/75x75[/image]
    [title]John Doe[/title]
    [subtitle]Technical Manager[/subtitle]
    [badge]admin[/badge]
    [email]john.doe@example.com[/email]
    [email_label]Send Email[/email_label]
    [phone]+919988877766[/phone]
    [phone_label]Call[/phone_label]
  [/item]
  [item new]
    [image]https://via.placeholder.com/75x75[/image]
    [title]John Doe[/title]
    [subtitle]Technical Manager[/subtitle]
    [badge]admin[/badge]
    [email]john.doe@example.com[/email]
    [email_label]Send Email[/email_label]
    [phone]+919988877766[/phone]
    [phone_label]Call[/phone_label]
  [/item]
  [item new]
    [image]https://via.placeholder.com/75x75[/image]
    [title]John Doe[/title]
    [subtitle]Technical Manager[/subtitle]
    [badge]admin[/badge]
    [email]john.doe@example.com[/email]
    [email_label]Send Email[/email_label]
    [phone]+919988877766[/phone]
    [phone_label]Call[/phone_label]
  [/item]
  [item new]
    [image]https://via.placeholder.com/75x75[/image]
    [title]John Doe[/title]
    [subtitle]Technical Manager[/subtitle]
    [badge]admin[/badge]
    [email]john.doe@example.com[/email]
    [email_label]Send Email[/email_label]
    [phone]+919988877766[/phone]
    [phone_label]Call[/phone_label]
  [/item]
[/arr.create]
[uiblocks.application-grid-list.app_grid_list_2 data="{template.data}" /]
                        
                      
app_grid_list_1
admin
John Doe

Technical Manager

admin
John Doe

Technical Manager

admin
John Doe

Technical Manager

app_grid_list_1
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [col_class]col-md-6 col-xl-4[/col_class]
  [item new]
    [image]https://via.placeholder.com/35x35[/image]
    [title]John Doe[/title]
    [subtitle]Technical Manager[/subtitle]
    [badge]admin[/badge]
    [email]john.doe@example.com[/email]
    [email_label]Send Email[/email_label]
    [phone]+919988877766[/phone]
    [phone_label]Call[/phone_label]
  [/item]
  [item new]
    [image]https://via.placeholder.com/35x35[/image]
    [title]John Doe[/title]
    [subtitle]Technical Manager[/subtitle]
    [badge]admin[/badge]
    [email]john.doe@example.com[/email]
    [email_label]Send Email[/email_label]
    [phone]+919988877766[/phone]
    [phone_label]Call[/phone_label]
  [/item]
  [item new]
    [image]https://via.placeholder.com/35x35[/image]
    [title]John Doe[/title]
    [subtitle]Technical Manager[/subtitle]
    [badge]admin[/badge]
    [email]john.doe@example.com[/email]
    [email_label]Send Email[/email_label]
    [phone]+919988877766[/phone]
    [phone_label]Call[/phone_label]
  [/item]
[/arr.create]
[uiblocks.application-grid-list.app_grid_list_1 data="{template.data}" /]