Features

Listed some important Shortcode


Tabs

Aorem ipsum dolor sit amet, consectetuer adipiscing elit dolore magna aliquam erat volutpat. consectetuer adipiscing. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat.

Topsum dolor sit amet, consectetuer adipiscing elit euismod tincidunt. sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat.

- Tom, Founder -
Sed diam nonummy nibh euismod tlaoreet dolore magna aliquam erat volutpat. consectetuer adipiscing elit. Nonummy nibh euismod tincidunt sed diam nonummy nibh
Magna aliquam erat dolore magna volutpat
- David French, Development Manager -

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
​​

Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.

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



Full screen video

Support Youtube and vimeo video

Add / Remove video title

image

VIDEO DEMO

Youtube video:


image name


vimeo video:


image name


Medium Size video:


image name

Fit Video:




Typography - Grid


1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12


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



Font Awesome Icons set



Font Awesome Icons inverse color


Tags element




Popular Page

Features
Blog


Twitter
Photostream

    All Right Reserved © 2013 FMEDIAS.