Features

October 14, 2015

[grid number=”6″]

Alert boxes

[alert]Information box[/alert]
[alert type=”success”]Success box[/alert]
[alert type=”notice”]Notice box[/alert]
[alert type=”error”]Error box[/alert]
[/grid]

[grid number=”6″ last=”true”]

Collapse boxes

[accordion][accordion-item title=”Collapse title goes here” opened=”true”]Etiam porta sem malesuada magna mollis euismod. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum. Vestibulum id ligula porta felis euismod semper. Vestibulum id ligula porta felis euismod semper.[/accordion-item][accordion-item title=”Another collapse box”]Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.[/accordion-item][accordion-item title=”Lorem Fermentum”]Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec sed odio dui.[/accordion-item][/accordion]
[/grid]

[clear]

[grid number=”6″]

Tab container

[tabs]
[tab title=”Tab1″ active=”true”]

Etiam porta sem [highlight]malesuada magna[/highlight] mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

[/tab]
[tab title=”Tab2″]

Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

[/tab]
[tab title=”Tab3″]

Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Nulla vitae elit libero, a pharetra augue. Nulla vitae elit libero, a pharetra augue. Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

[/tab]
[/tabs]
[/grid]

[grid number=”6″ last=”true”]

Audio player

[/grid]

Social icons

[social type=”facebook” class=”tooltip” title=”Facebook”] [social type=”twitter” class=”tooltip” title=”Twitter”] [social type=”googleplus” class=”tooltip” title=”Google+”] [social type=”mail” class=”tooltip” title=”Email” target=””] [social type=”envato” class=”tooltip” title=”Envato”] [social type=”pinterest” class=”tooltip” title=”Pinterest”] [social type=”tumblr” class=”tooltip” title=”Tumblr”] [social type=”linkedin” class=”tooltip” title=”LinkedIn”] [social type=”dribbble” class=”tooltip” title=”Dribbble”] [social type=”instagram” class=”tooltip” title=”Instagram”] [social type=”skype” class=”tooltip” title=”Skype”] [social type=”github” class=”tooltip” title=”GitHub”] [social type=”flickr” class=”tooltip” title=”Flickr”] [social type=”vimeo” class=”tooltip” title=”Vimeo”] [social type=”youtube” class=”tooltip” title=”YouTube”] [social type=”soundcloud” class=”tooltip” title=”SoundCloud”] [social type=”location” class=”tooltip” title=”Location”] [social type=”phone” class=”tooltip” title=”Phone”]

Built-in theme slider

[slider][slider-item image=”http://liviucerchez.com/tosca/wp-content/uploads/sites/4/2015/10/design-studio.jpg” image_width=”1160″ image_height=”652″ image_alt=”We feel at home” caption=”Ricca is a place we feel like home.”][/slider-item][slider-item image=”http://liviucerchez.com/tosca/wp-content/uploads/sites/4/2015/10/studio-trend-design-monichrome.jpg” image_width=”1160″ image_height=”653″ image_alt=”We are creative people” caption=”We are creative people, at least that’s what we like to think…”][/slider-item][slider-item image=”http://liviucerchez.com/tosca/wp-content/uploads/sites/4/2015/10/tumblr_n5h9rj2qau1r5gndio1_1280.jpg” image_width=”1160″ image_height=”652″ image_alt=”We LOVE to work on your project” caption=”Relax, we don’t like to work on your project, we LOVE to!”][/slider-item][/slider]

Call to action box

[call-to-action title=”Need custom support or a free quote?”][button url=”#”]Support[/button] [button url=”#” color=”filled”]Contact Us[/button][/call-to-action]

Pricing tables

[pricing-table]
[grid number=”4″]
[pricing-column title=”Free” cost=”$0″]

Feature 1
Feature 2
Feature 3

[button href=”#” color=”grey”]Read More[/button]

[/pricing-column]
[/grid]
[grid number=”4″]
[pricing-column title=”Deluxe” cost=”$39.99″ highlight=”true”]

Feature 1
Feature 2
Feature 3

[button href=”#”]Read More[/button]

[/pricing-column]
[/grid]
[grid number=”4″ last=”true”]
[pricing-column title=”Premium” cost=”$54.99″]

Feature 1
Feature 2
Feature 3

[/box]
[/grid]

[clear]

Typography

Consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut consectetur adipiscing elit tristique odio, quis fringilla ligula aliquet ut. Lorem ipsum dolor sit amet dolor sit amet, consectetur adipiscing elit tristique odiot.

pre {
	padding: 1em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

[grid number=”6″]

Unordered list style

Consectetur adipiscing elit
Integer commodo tristique
Quis fringilla ligula aliquet
Fringilla ligula aliquet

[/grid]
[grid number=”6″ last=”true”]

Ordered list style

Consectetur adipiscing elit
Integer commodo tristique
Quis fringilla ligula aliquet
Fringilla ligula aliquet

[/grid]

Table example

Header 1	Header 2	Header 3
First Line	First Line	First Line
Entry Line 2	Entry Line 2	Entry Line 2
Last Line	Last Line	Last Line
Table footer is also present