Elements

[container style=“content-container-white“ padding=“pad-l-r-5″ marginbottom=“no“ clear=“clearfix“]

[row]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]Alert[/titleblock] [alert style=“notice“ title=“Notice“ content=“Your message !“]

[alert style=“success“ title=“Success“ content=“Your message!“]

[alert style=“error“ title=“Error“ content=“Your message!“]

[alert style=“info“ title=“Info“ content=“Your message!“]

[/column]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]Dropcaps[/titleblock]

[dropcaps style=“dropcap1″ letter=“P“ ]ras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.[/dropcaps]

[dropcaps style=“dropcap2″ letter=“P“ ]ras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.[/dropcaps]

[dropcaps style=“dropcap3″ letter=“P“ ]ras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.[/dropcaps]

[dropcaps style=“dropcap4″ letter=“P“ ]ras aliquet. Integer faucibus, eros ac molestie placerat, enim tellus varius lacus, nec dictum nunc tortor id urna eros ac molestie placerat, enim tellus.[/dropcaps]

[/column]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]Styled lists[/titleblock]

[list style=“style-1″]

[item]List item here[/item]

[/list]

[list style=“style-2″]

[item]List item here[/item]

[/list]

[list style=“style-3″]

[item]List item here[/item]

[/list]

[list style=“style-4″]

[item]List item here[/item]

[/list]

[list style=“style-5″]

[item]List item here[/item]

[/list]

[list style=“style-6″]

[item]List item here[/item]

[/list]

[/column]

[/row]

[row]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]Accordion[/titleblock]

[accordion-wrapper]

[accordion-title] Lorem ipsum [/accordion-title]

[accordion-body] Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales. [/accordion-body]

[accordion-title] Vestilum pulvinar [/accordion-title]

[accordion-body] Nunc ipsum risus, bibendum quis tincidunt a, tempor quis nunc. Aenean in odio in sapien porttitor sodales. [/accordion-body]

[/accordion-wrapper]

[/column]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]Toggle[/titleblock]

[toggle-wrapper]

[toggle-title] Vestilum pulvinar [/toggle-title]

[toggle-body] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. [/toggle-body]

[toggle-title] Lorem ipsum [/toggle-title]

[toggle-body] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. [/toggle-body]

[toggle-title] Donec sedin [/toggle-title]

[toggle-body] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. [/toggle-body]

[/toggle-wrapper]

[/column]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]Tab[/titleblock]

[tab-wrapper] [tab-title-wrapper]

[tab-title type=“active“ id=“0″]One[/tab-title]

[tab-title id=“1″]Two[/tab-title]

[tab-title id=“2″]Three[/tab-title]

[/tab-title-wrapper]

[tab-body-wrapper]

[tab-body id=“0″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula.[/tab-body]

[tab-body id=“1″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula.[/tab-body]

[tab-body id=“2″]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula.[/tab-body]

[/tab-body-wrapper][/tab-wrapper]

[/column]

[/row]

[row]

[column size=“in-sixteen“ type=“in-column“ position=““]

[titleblock size=“h3″]FontAwesome Icons[/titleblock]

[icon name=“icon-ambulance“ size=“large“] [icon name=“icon-bell“ size=“large“] [icon name=“icon-camera“ size=“large“] [icon name=“icon-heart“ size=“large“] [icon name=“icon-star“ size=“large“] [icon name=“icon-suitcase“ size=“large“] [icon name=“icon-desktop“ size=“large“] [icon name=“icon-film“ size=“large“] [icon name=“icon-flag“ size=“large“] and still many more, this theme uses Font awesome more icons plugin from http://wordpress.org/plugins/font-awesome-more-icons/

[/column]

[/row]

[row]

[column size=“sixteen“ type=“columns“ position=““]

[titleblock size=“h3″]Buttons With Icons[/titleblock]

[button url=“#“ style=“default small“ icon=“icon-briefcase“ border=“no“]BUTTON[/button]

[button url=“#“ style=“yellow small“ icon=“icon-suitcase“ border=“border“]BUTTON[/button]

[button url=“#“ style=“blue medium“ icon=“icon-gift“ border=“border“]BUTTON[/button]

[button url=“#“ style=“aqua medium“ icon=“icon-unlock“ border=“no“]BUTTON[/button]

[button url=“#“ style=“gray medium“ icon=“icon-heart“ border=“border“]BUTTON[/button]

[button url=“#“ style=“orange medium“ icon=“icon-star“ border=“no“]BUTTON[/button]

[button url=“#“ style=“green large“ icon=“icon-pencil“ border=“border“]BUTTON[/button]

[/column]

[/row]

[row]

[column size=“sixteen“ type=“columns“ position=““]

[titleblock size=“h3″]Buttons Small[/titleblock]

[button url=“#“ style=“default small“ border=“no“]BUTTON[/button]

[button url=“#“ style=“yellow small“ border=“no“]BUTTON[/button]

[button url=“#“ style=“blue small“ border=“no“]BUTTON[/button]

[button url=“#“ style=“aqua small“ border=“no“]BUTTON[/button]

[button url=“#“ style=“gray small“ border=“no“]BUTTON[/button]

[button url=“#“ style=“orange small“ border=“no“]BUTTON[/button]

[button url=“#“ style=“green small“ border=“no“]BUTTON[/button]

[/column]

[/row]

[row]

[column size=“sixteen“ type=“columns“ position=““]

[titleblock size=“h3″]Buttons Medium[/titleblock]

[button url=“#“ style=“default medium“ border=“no“]BUTTON[/button]

[button url=“#“ style=“yellow medium“ border=“no“]BUTTON[/button]

[button url=“#“ style=“blue medium“ border=“no“]BUTTON[/button]

[button url=“#“ style=“aqua medium“ border=“no“]BUTTON[/button]

[button url=“#“ style=“gray medium“ border=“no“]BUTTON[/button]

[button url=“#“ style=“orange medium“ border=“no“]BUTTON[/button]

[button url=“#“ style=“green medium“ border=“no“]BUTTON[/button]

[/column]

[/row]

[row]

[column size=“sixteen“ type=“columns“ position=““]

[titleblock size=“h3″]Buttons Large[/titleblock]

[button url=“#“ style=“default large“ border=“no“]BUTTON[/button]

[button url=“#“ style=“yellow large“ border=“no“]BUTTON[/button]

[button url=“#“ style=“blue large“ border=“no“]BUTTON[/button]

[button url=“#“ style=“aqua large“ border=“no“]BUTTON[/button]

[button url=“#“ style=“gray large“ border=“no“]BUTTON[/button]

[button url=“#“ style=“orange large“ border=“no“]BUTTON[/button]

[button url=“#“ style=“green large“ border=“no“]BUTTON[/button]

[/column]

[/row]

[row]

[column size=“sixteen“ type=“columns“ position=““]

[titleblock size=“h3″]Button Small – Border[/titleblock]

[button url=“#“ style=“default small“ border=“border“]BUTTON[/button]

[button url=“#“ style=“yellow small“ border=“border“]BUTTON[/button]

[button url=“#“ style=“blue small“ border=“border“]BUTTON[/button]

[button url=“#“ style=“aqua small“ border=“border“]BUTTON[/button]

[button url=“#“ style=“gray small“ border=“border“]BUTTON[/button]

[button url=“#“ style=“orange small“ border=“border“]BUTTON[/button]

[button url=“#“ style=“green small“ border=“border“]BUTTON[/button]

[/column]

[/row]

[row]

[column size=“sixteen“ type=“columns“ position=““]

[titleblock size=“h3″]Button Medium – Border[/titleblock]

[button url=“#“ style=“default medium“ border=“border“]BUTTON[/button]

[button url=“#“ style=“yellow medium“ border=“border“]BUTTON[/button]

[button url=“#“ style=“blue medium“ border=“border“]BUTTON[/button]

[button url=“#“ style=“aqua medium“ border=“border“]BUTTON[/button]

[button url=“#“ style=“gray medium“ border=“border“]BUTTON[/button]

[button url=“#“ style=“orange medium“ border=“border“]BUTTON[/button]

[button url=“#“ style=“green medium“ border=“border“]BUTTON[/button]

[/column]

[/row]

[row]

[column size=“sixteen“ type=“columns“ position=““]

[titleblock size=“h3″]Button Large – Border[/titleblock]

[button url=“#“ style=“default large“ border=“border“]BUTTON[/button]

[button url=“#“ style=“yellow large“ border=“border“]BUTTON[/button]

[button url=“#“ style=“blue large“ border=“border“]BUTTON[/button]

[button url=“#“ style=“aqua large“ border=“border“]BUTTON[/button]

[button url=“#“ style=“gray large“ border=“border“]BUTTON[/button]

[button url=“#“ style=“orange large“ border=“border“]BUTTON[/button]

[button url=“#“ style=“green large“ border=“border“]BUTTON[/button]

[/column]

[/row]

[row]

[column size=“in-sixteen“ type=“in-column“ position=““]

[titleblock size=“h3″]Typography[/titleblock]

This is H1 Tag

Nunc volutpat odio sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is H2 Tag

Nunc volutpat odio sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is H3 Tag

Nunc volutpat odio sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is H4 Tag

Nunc volutpat odio sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is H5 Tag

Nunc volutpat odio sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is H6 Tag

Nunc volutpat odio sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[/row]

[row]

[column size=“in-sixteen“ type=“in-column“ position=““]

[titleblock size=“h3″]1/1 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[/row]

[row]

[column size=“in-eight“ type=“in-columns“ position=““]

[titleblock size=“h3″]1/2 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[column size=“in-eight“ type=“in-columns“ position=““]

[titleblock size=“h3″]1/2 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[/row]

[row]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]1/3 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]1/3 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]1/3 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[/row]

[row]

[column size=“in-one-third“ type=“in-column“ position=““]

[titleblock size=“h3″]1/3 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[column size=“in-two-third“ type=“in-column“ position=““]

[titleblock size=“h3″]2/3 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[/row]

[row]

[column size=“in-four“ type=“in-columns“ position=““]

[titleblock size=“h3″]1/4 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[column size=“in-four“ type=“in-columns“ position=““]

[titleblock size=“h3″]1/4 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[column size=“in-four“ type=“in-columns“ position=““]

[titleblock size=“h3″]1/4 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[column size=“in-four“ type=“in-columns“ position=““]

[titleblock size=“h3″]1/4 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/column]

[/row]

[row]

[column size=“in-four“ type=“in-columns“ position=““]

[titleblock size=“h3″]1/4 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec.

[/column]

[column size=“in-three-four“ type=“in-columns“ position=““]

[titleblock size=“h3″]3/4 Column[/titleblock]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nisl orci, condim entum ultrices consequat eu, vehicula ac mauris. Ut adipiscing, leo nec.

[/column]

[/row]

[/container]

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert