Proin ligula odio, aliquam eu congue pretium, blandit vitae risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent pulvinar metus orci, a elementum metus dignissim at. In accumsan cursus libero quis interdum. Maecenas facilisis faucibus mi, non tempor sapien sagittis eu. Integer vel pulvinar lacus. Etiam quis hendrerit sapien, eu laoreet purus. Vestibulum dictum lacinia eros quis pellentesque.
[separator style=”fatty”]
[row]
Default BT
[button style=”btn-default” size=”btn-lg” label=”Default” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-default” size=”btn-md” label=”Default” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-default” size=”btn-sm” label=”Default” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-default” size=”btn-xs” label=”Default” link=”http://google.com” link_opens=”_blank”]
Primary BT
[button style=”btn-primary” size=”btn-lg” label=”Primary” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-primary” size=”btn-md” label=”Primary” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-primary” size=”btn-sm” label=”Primary” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-primary” size=”btn-xs” label=”Primary” link=”http://google.com” link_opens=”_blank”]
Info BT
[button style=”btn-info” size=”btn-lg” label=”Info” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-info” size=”btn-md” label=”Info” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-info” size=”btn-sm” label=”Info” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-info” size=”btn-xs” label=”Info” link=”http://google.com” link_opens=”_blank”]
Dngrs BT
[button style=”btn-danger” size=”btn-lg” label=”Danger” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-danger” size=”btn-md” label=”Danger” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-danger” size=”btn-sm” label=”Danger” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-danger” size=”btn-xs” label=”Danger” link=”http://google.com” link_opens=”_blank”]
Success BT
[button style=”btn-success” size=”btn-lg” label=”Success” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-success” size=”btn-md” label=”Success” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-success” size=”btn-sm” label=”Success” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-success” size=”btn-xs” label=”Success” link=”http://google.com” link_opens=”_blank”]
Warning BT
[button style=”btn-warning” size=”btn-lg” label=”Warning” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-warning” size=”btn-md” label=”Warning” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-warning” size=”btn-sm” label=”Warning” link=”http://google.com” link_opens=”_blank”]
[button style=”btn-warning” size=”btn-xs” label=”Warning” link=”http://google.com” link_opens=”_blank”]
[/row]
[separator style=”regular”]
[row]
Custom BT example #1
[super_button icon=”fa-clock-o” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#95bd6d” link=”http://google.com” link_opens=”_blank”]
Custom BT example #2
[super_button icon=”fa-fire” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#c5cace” link=”http://google.com” link_opens=”_blank”]
Custom BT example #3
[super_button icon=”fa-check-square-o” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#f3cc0c” link=”http://google.com” link_opens=”_blank”]
Custom BT example #4
[super_button icon=”fa-empire” label=”A Button Label” tagline=”Tagline or descriptive text…” color=”#00aeef” link=”http://google.com” link_opens=”_blank”]
[/row]
[separator style=”regular”]
[row]
Alerts Regular
[alert style=”alert-success” dismissable=”false”]
SUCCESS! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit dolorum est nulla.
[/alert]
[alert style=”alert-info” dismissable=”false”]
INFO! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit dolorum est nulla.
[/alert]
Alerts Dismissable
[alert style=”alert-danger” dismissable=”true”]
DANGER! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[alert style=”alert-warning” dismissable=”true”]
WARNING! Maecenas a vehicula magna. Fusce nec felis consectetur, eleifend nibh at, iaculis odio. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/alert]
[/row]
[separator style=”regular”]
[row]
Progress bar – regular
[progress_bar style=”default” value=”29″ striped=”false”]
[progress_bar style=”progress-bar-success” value=”56″ striped=”false”]
[progress_bar style=”progress-bar-info” value=”64″ striped=”false”]
[progress_bar style=”progress-bar-warning” value=”82″ striped=”false”]
[progress_bar style=”progress-bar-danger” value=”95″ striped=”false”]
Progress bar – stripped
[progress_bar style=”default” value=”29″ striped=”true”]
[progress_bar style=”progress-bar-success” value=”56″ striped=”true”]
[progress_bar style=”progress-bar-info” value=”64″ striped=”true”]
[progress_bar style=”progress-bar-warning” value=”82″ striped=”true”]
[progress_bar style=”progress-bar-danger” value=”95″ striped=”true”]
[/row]
[separator style=”regular”]
[row]
pie chart – example #1
[pie_chart color=”#d5a1a1″ value=”34″ label=”Chart label is here” chart_align=”text-center” line_width=”20″ width=”120″]
pie chart – example #2
[pie_chart color=”#f5a610″ value=”77″ label=”Chart label is here” chart_align=”text-center” line_width=”16″ width=”120″]
pie chart – example #3
[pie_chart color=”#9faeaf” value=”59″ label=”Chart label is here” chart_align=”text-center” line_width=”12″ width=”120″]
pie chart – example #4
[pie_chart color=”#2f8bc1″ value=”16″ label=”Chart label is here” chart_align=”text-center” line_width=”10″ width=”120″]
[/row]
[separator style=”regular”]
[row]
Google Maps
[google_map title=”My Map” lat=”37.782231″ lon=”-122.400679″ zoom=”15″ name=”John Doe, Inc.” address=”795 Folsom Ave, Suite 600″ city=”San Francisco” state=”CA” zip=”94107″ country=”USA”]
[/row]
[separator style=”regular”]
[row]
Responsive media – Video
[embedr responsive=”true”]
[/embedr]
SHARE link of all the major video services or Soundcloud will work just fine. If there’s a need for more services, fitVids can easily be extended.
SoundCloud
[embedr responsive=”true”]
https://soundcloud.com/foofighters/rope-deadmau5-remix
[/embedr]
[/row]
[separator style=”regular”]
[row]
Responsive Audio Player
[audio_playr src_ogg=”http://81310752d5730fb4ef3c-221b4998ec12974102282b6d4a8fafbe.r2.cf1.rackcdn.com/3rds.ogg” src_mp3=”http://81310752d5730fb4ef3c-221b4998ec12974102282b6d4a8fafbe.r2.cf1.rackcdn.com/3rds.mp3″]
[/row]
[separator style=”regular”]
[row]
Tabber
[tabs_wrapper style=”nav-tabs” justify=”true”]
[tab_content tab_label=”Some Tab”]
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla dignissim orci ut pretium luctus. Praesent id mauris nec odio iaculis rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam porttitor orci vel sem volutpat viverra. Duis eget nisi consequat nibh accumsan interdum. Mauris consequat est nec tortor auctor molestie. Sed sit amet sagittis est.
[/tab_content]
[tab_content tab_label=”Another Tab”]
Nullam consequat dignissim risus, sit amet interdum risus hendrerit a. Vivamus viverra lectus sit amet ipsum placerat congue at quis turpis. Integer at porttitor mauris. Cras lacinia enim id neque pretium laoreet. Donec dignissim velit in ultricies pulvinar. Maecenas aliquet nec ipsum ac lobortis. Nam facilisis vel risus eget elementum.
[button style=”btn-info” size=”btn-md” label=”Find Out!” icon=”fa-star” link=”http://google.com” link_opens=”_blank”]
[/tab_content]
[tab_content tab_label=”The last one”]
Stripped table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
[/tab_content]
[/tabs_wrapper]
Accordion
[accordion_wrapper]
[accordion_content accordion_label=”Accordion Content 01″]
Mauris sodales tellus at luctus tristique. Aenean diam augue, placerat at gravida a, aliquam eget orci. Phasellus id fringilla purus, ac fringilla mi. Integer pharetra fringilla dui a cursus. Proin dui arcu, lacinia quis elit ac, euismod feugiat sapien. Maecenas vitae velit consectetur, faucibus ligula nec, consectetur sapien. Integer aliquam accumsan quam, a venenatis dolor auctor sit amet. Donec rutrum adipiscing congue.
[/accordion_content]
[accordion_content accordion_label=”Accordion Content 02″]
[/accordion_content]
[accordion_content accordion_label=”Accordion Content 03″]
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
[/accordion_content]
[accordion_content accordion_label=”Accordion Content 04″]
Nullam consequat dignissim risus, sit amet interdum risus hendrerit a. Vivamus viverra lectus sit amet ipsum placerat congue at quis turpis. Integer at porttitor mauris.
[separator style=”dashed”]
Cras lacinia enim id neque pretium laoreet. Donec dignissim velit in ultricies pulvinar. Maecenas aliquet nec ipsum ac lobortis. Nam facilisis vel risus eget elementum.
[/accordion_content]
[accordion_content accordion_label=”Accordion Content 05″]
Fusce sem tortor, varius pellentesque tellus et, sollicitudin aliquet sem. Aliquam tempus tempus nisi, nec ullamcorper nisi interdum vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean augue lacus, dictum in pharetra vel, pulvinar sit amet nisi.
[button style=”btn-danger” size=”btn-sm” label=”Get it now!” icon=”fa-file-o” link=”http://google.com” link_opens=”_blank”]
[/accordion_content]
[/accordion_wrapper]
[/row]
[separator style=”regular”]
[row]
Slider / Carousel
[slider id=”149″]
[/row]
COMMENTS