Tabs

• Section 1
• Section 2

Accordion - Auto Hide

Heading Text panel 1

Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
set data-autoHide="true" and
data-openFirstElement="true" to the main accordion class div. Add any number of accordion on same page.

Heading Text panel 2

Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. onec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Lorem ipsum dolor sit amet 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus

​​

Accordion - Toggle

Panel 1 heading text

Add any number of accordion on same page. Option to open the first tab and tab autohide by using data attribute
Just set data-autoHide="false" and
data-openFirstElement="false" to the main accordion class div.

Panel 2 heading text

onec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Panel 3 sample heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus

​​

Table

#	First Name	Last Name	Username
1	One One	One Two	One Three
2	Two One	Two Two	Two Three
3	Three	Three One	Three Three

Markup

Default Success Warning Important Info Inverse

---

VIDEO DEMO

Youtube video:

---

vimeo video:

---

Medium Size video:

Fit Video:

Heading <h1>

Heading <h2>

Heading <h3>

Heading <h4>

Heading <h5>

Heading <h6>

---

Blockquote style example It stands out, but is awesome. Lorem ipsum dolor

Dave Gamache, Skeleton Creator

Lorem ipsum highlight text dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam. highlight text Ut wisi enim ad constetur adiscing elit. Lorem ipsum dolor sit amet

Buttons

button small   button   button medium   button large   button inverse medium
list_hover   button highlight
normal     text_hover     noramal a tag link

---

Font Awesome Icons set

---

Font Awesome Icons inverse color

---

Tags element

• jQuery
• CSS3
• HTML5
• php

---

Custom Social Icons

• Follow us on Twitter
• Join our Facebook Group
• Join me on Google Plus
• Add me on Linkedin
• RSS
• Digg
• delicious
• youtube
• vimeo
• skype
• dribbble
• ichat
• deviantart
• stumbleupon

---

Few Font_awesome listed icons

user comment thumbs-up-alt globe cloud-download cog picture edit pencil

---

You can see hundreds icons in Font-Awesome webpage

---