You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
3.5 KiB
65 lines
3.5 KiB
title : "Items" |
|
content: | |
|
This is an <strong>Items</strong> element, and it's basically just a grid for organizing items of various types. You can customize its <span class="demo-controls">appearance with a number of modifiers</span>, as well as assign it an optional <code>onload</code> or <code>onscroll</code> transition modifier (<a href="#reference-items">details</a>). |
|
style: "style1 medium onscroll-fade-in" |
|
items: |
|
# feature item loop |
|
- name : "One" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "style2 major fa-gem" |
|
|
|
# feature item loop |
|
- name : "Two" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-save" |
|
|
|
# feature item loop |
|
- name : "Three" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-chart-bar" |
|
|
|
# feature item loop |
|
- name : "Four" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-wifi" |
|
|
|
# feature item loop |
|
- name : "Five" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-cog" |
|
|
|
# feature item loop |
|
- name : "Six" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "style2 major fa-paper-plane" |
|
|
|
# feature item loop |
|
- name : "Seven" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-desktop" |
|
|
|
# feature item loop |
|
- name : "Eight" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-sync-alt" |
|
|
|
# feature item loop |
|
- name : "Nine" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-hashtag" |
|
|
|
# feature item loop |
|
- name : "Ten" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-bolt" |
|
|
|
# feature item loop |
|
- name : "Eleven" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "style2 major fa-envelope" |
|
|
|
# feature item loop |
|
- name : "Twelve" |
|
content : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit." |
|
style : "solid style2 major fa-leaf" |
|
|