skip to Main Content

Progress Bars

[progressbar type=”progress-warning” meter=”70″ animated=”active” style=”progress-striped” /][progressbar type=”progress-danger” meter=”40″ /][progressbar type=”progress-success” meter=”80″ /][progressbar type=”progress-info” meter=”25″ /]

Testimonials

[testimonial title=”Faton Avdiu” position = “Web designer”]People let me tell you ’bout my best friend, he’s a warm-hearted person who’ll love me till the end. People let me tell you ’bout my best friend, he’s a one boy cuddly toy, my up, my down, my pride and joy. People let me tell you ’bout him. People let me tell you ’bout my best friend.[/testimonial]

Alerts (Information blocks)

[alert title=”Warning” type=”alert-block”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt[/alert]
[alert title=”Information block” type=”alert-info”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt[/alert]
[alert title=”Success block” type=”alert-success”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt[/alert]
[alert title=”Alertblock” type=”alert-danger”] dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in volupt[/alert]

Buttons

Size Type Shape Icons State
[button size=”btn-mini” link=”#”]Mini size[/button] [button color=”btn-success” link=”#”]Success button[/button] [button type=”square” link=”#”]Square button[/button] [button color=”btn-success” icon=”icon-skype” link=”#”]Button with icon[/button] [button size=”btn-large” status=”disabled” link=”#”]Disabled button[/button]
[button size=”btn-small” link=”#”]Small size[/button] [button color=”btn-info” link=”#”]Info button[/button] [button link=”#”]Round button[/button] [button color=”btn-info” icon=”icon-building” link=”#”]Button with icon[/button] [button size=”btn-large” target=”_blank” link=”#”]Open in new window[/button]
[button link=”#”]Regular size[/button] [button color=”btn-inverse”]Inversed button[/button] [button color=”btn-danger” icon=”icon-compass” link=”#”]Button with icon[/button]
[button size=”btn-large” link=”#”]Big size[/button] [button color=”btn-warning”]Warning button[/button]
[button color=”btn-danger”]Alert button[/button]

Social buttons

[social][soc_button icon=”icon-bitbucket” link=”#” /][soc_button icon=”icon-dribbble” link=”#” /][soc_button icon=”icon-facebook” link=”#” /][soc_button icon=”icon-flickr” link=”#” /][soc_button icon=”icon-github” link=”#” /][soc_button icon=”icon-google-plus” link=”#” /][soc_button icon=”icon-instagram” link=”#” /][soc_button icon=”icon-linkedin” link=”#” /][soc_button icon=”icon-pinterest” link=”#” /][soc_button icon=”icon-skype” link=”#” /][soc_button icon=”icon-stackexchange” link=”#” /][soc_button icon=”icon-tumblr” link=”#” /][soc_button icon=”icon-twitter” link=”#” /][soc_button icon=”icon-vk” link=”#” /][soc_button icon=”icon-youtube” link=”#” /][social/]

Dropdown button

[dropbuttongroup title=”Wordpress Developer”][dropbutton title=”Item 1″ url= “#” divider= “”]No content[/dropbutton][dropbutton title=”Item 2″ url= “#” divider= “1”][/dropbutton][/dropbuttongroup]

Separator button

[dropbuttongroup title=”Wordpress Developer” type=”split”][dropbutton title=”Item 1″ url= “#” divider= “”]No content[/dropbutton][dropbutton title=”Item 2″ url= “#” divider= “1”][/dropbutton][/dropbuttongroup]
[row][one_half]

Image slider

[slider interval=”5000″ animation=”fade”][slideritem title=”Slide 1″ image=”http://ignitethemes.com/themeforest/serrano/images/blog/image4.jpg”][/slideritem][slideritem title=”Slide 2″ image=”http://ignitethemes.com/themeforest/serrano/images/blog/image3.jpg”][/slideritem][/slider][/one_half][one_half]

Content slider

[carousel title=”Slider title” type=”custom” automatic=”true” min=”1″ max=”1″][caritem][/caritem][caritem][/caritem][caritem][/caritem][/carousel] [/one_half][/row]

Third party videos

[row][one_half][/one_half][one_half][/one_half][/row]

Modal box

[reveal color=”btn-info” button=”Click me to open a modal box” revtitle=”I am a modal box”]You asked, Font Awesome delivers with 58 shiny new icons in version 3.2. Want to request new icons? Here’s how. Need vectors or want to use on the desktop? Check the cheatsheet.[/reveal]

Tab, Accordion, toggle

[row][one_third][togglegroup][toggle title=”Toggle 2″]irefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No[/toggle][toggle title=”Toggle 2″]irefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No[/toggle][toggle title=”Toggle 1″]irefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No[/toggle][toggle title=”Toggle 2″]irefox, Safari, Opera, Chrome, Software Version: Drupal 7.2.x, Drupal 7.1, Drupal 7.0, High Resolution: No[/toggle][/togglegroup][/one_third][one_third][tabgroup][tab title=”Tab 1″]

This is Photoshop’s version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit.

[/tab][tab title=”Tab 2″]

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

[/tab][tab title=”Tab 3″]

cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent

[/tab][/tabgroup][/one_third][one_third][accordiongroup][accordion title=”Accordion”]

Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. ccumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in

[/accordion][accordion title=”Accordion 2″]

Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. ccumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in

[/accordion][accordion title=”Accordion 3″]

Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. ccumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in

[/accordion][/accordiongroup][/one_third][/row]
Back To Top