Icoboxes & List Groups

[title] Icoboxes – visible description [/title]

[row]

[col-md-4]

[icobox color=”primary” icon=”fa-paw” title=”Color Primary” url=”#” desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum, eros at hendrerit volutpat, orci est viverra magna, ac pretium libero nisl tincidunt a1nte.” desc_hover=”always_visible” btn_txt=”Read More”]

[/col-md-4]

[col-md-4]

[icobox color=”secondary” icon=”fa-recycle” title=”Color Secondary” url=”#” desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum, eros at hendrerit volutpat, orci est viverra magna, ac pretium libero nisl tincidunt a1nte.” desc_hover=”always_visible” btn_txt=”Read More”]

[/col-md-4]

[col-md-4]

[icobox color=”tertiary” icon=”fa-tree” title=”Color Tertiary” url=”#” desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum, eros at hendrerit volutpat, orci est viverra magna, ac pretium libero nisl tincidunt a1nte.” desc_hover=”always_visible” btn_txt=”Read More”]

[/col-md-4]

[/row]

[spacer size=”normal”]

[title] Icoboxes – hidden description [/title]

[row]

[col-md-4]

[icobox color=”primary” icon=”fa-paw” title=”Color Primary” url=”#” desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum, eros at hendrerit volutpat.” desc_hover=”show_on_hover”]

[/col-md-4]

[col-md-4]

[icobox color=”secondary” icon=”fa-recycle” title=”Color Secondary” url=”#” desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum, eros at hendrerit volutpat.” desc_hover=”show_on_hover”]

[/col-md-4]

[col-md-4]

[icobox color=”tertiary” icon=”fa-tree” title=”Color Tertiary” url=”#” desc=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elementum, eros at hendrerit volutpat.” desc_hover=”show_on_hover”]

[/col-md-4]

[/row]

[hr size=”lg” type=”solid”]

[title] List Group – normal, squared, left [/title]

[row]

[col-md-4]

[lgroup color=”primary” size=”normal” align=”left” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”secondary” size=”normal” align=”left” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”tertiary” size=”normal” align=”left” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[/row]

[spacer size=”normal”]

[title] List Group – large, squared, left [/title]

[row]

[col-md-4]

[lgroup color=”primary” size=”lg” align=”left” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”secondary” size=”lg” align=”left” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”tertiary” size=”lg” align=”left” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[/row]

[spacer size=”normal”]

[title] List Group – large, squared, center [/title]

[row]

[col-md-4]

[lgroup color=”primary” size=”lg” align=”center” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”secondary” size=”lg” align=”center” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”tertiary” size=”lg” align=”center” shape=”squared”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[/row]

[spacer size=”normal”]

[title] List Group – large, rounded, right [/title]

[row]

[col-md-4]

[lgroup color=”primary” size=”lg” align=”right” shape=”rounded”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”secondary” size=”lg” align=”right” shape=”rounded”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”tertiary” size=”lg” align=”right” shape=”rounded”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[/row]

[spacer size=”normal”]

[title] List Group – large, rounded, center [/title]

[row]

[col-md-4]

[lgroup color=”primary” size=”lg” align=”center” shape=”rounded”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”secondary” size=”lg” align=”center” shape=”rounded”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[col-md-4]

[lgroup color=”tertiary” size=”lg” align=”center” shape=”rounded”]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[litem icon=”fa-adjust” title=”Title goes here” ] Some description goes here [/litem]

[/lgroup]

[/col-md-4]

[/row]

Leave a Reply