Components

Image Slider

[slider effect=”slide” easing=”easeInOutExpo”]

[slide]slide[/slide]

[slide]slide[/slide]

[slide]slide[/slide]

[/slider]

Image carousel

[slider effect=”slide” easing=”easeInOutExpo” items=”3″]

[slide]carousel[/slide]

[slide]carousel[/slide]

[slide]carousel[/slide]

[slide]carousel[/slide]

[slide]carousel[/slide]

[slide]carousel[/slide]

[/slider]

[row]

Accordion

[/row]

[row]

Tabs

Tab1 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.

Tab2 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla. Nunc vestibulum ipsum nec libero sodales dignissim.

Tab3 content here. You can edit this part and insert any HTML or plain text. You can also edit the titles of tab. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla.

[/row]

[row]

Content Boxes

[box style=”0″ close_btn=”true”]

Normal box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/box]

[box style=”1″ close_btn=”true”]

Information box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/box]

[box style=”2″ close_btn=”true”]

Success box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/box]

[box style=”3″ close_btn=”true”]

Error box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/box]

[box style=”4″ close_btn=”true”]

Notification box. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

[/box]

[/row]

[row]

Buttons

Default Aqua Red Grey Pink Brown Sky Blue Royal Blue

Orange Forest Green Yellow Green Medium Large

[/row]

[row]

Progress Indicators

[indicator label=”Illustrator” bg=”#ff9900″ value=”90″]

[indicator label=”Photoshop” bg=”#336699″ value=”85.67″]

[indicator label=”HTML/CSS” bg=”#99cc00″ value=”76″]

[indicator label=”jQuery/php” bg=”#333537″ value=”60″]

[indicator label=”Photography” bg=”#cc0000″ value=”55″]

[indicator label=”3D and Motion Graphics” bg=”#0099ff” value=”13.33″]

[/row]

[row]

Horizontal Rules

1. Single Line
[hr style=”single”]

2. Double Line
[hr style=”double”]

3. 3D Line
[hr style=”3d”]

4. Thick bar
[hr style=”bar”]

5. Dashed line
[hr style=”dashed”]

[/row]

[row]

Toggle

[toggle title=”Click to toggle”]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus. Etiam varius dui eget lorem elementum eget mattis sapien interdum. In hac habitasse platea dictumst. Morbi sed nisi est, vitae convallis nulla. Nunc vestibulum ipsum nec libero sodales dignissim. Nulla ac libero neque, sit amet convallis leo. Aenean sodales, augue venenatis posuere fermentum, tellus velit vestibulum libero, ut elementum ipsum erat sed tellus.
[/toggle]

[/row]