Components

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]

[column col=”2″]

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”]

[/column]

[column col=”2″]

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”]

[/column]

[column col=”2″]

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”]

[/column]

[column col=”2″]

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”]

[/column]

[column col=”2″]

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”]

[/column]

[column col=”2″]

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”]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”3″]

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”]

[/column]

[column col=”3″]

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”]

[/column]

[column col=”3″]

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”]

[/column]

[column col=”3″]

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”]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”6″]

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]

[/column]

[column col=”6″]

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]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”6″]

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”]

[/column]

[column col=”6″]

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”]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”3″]

pie chart – example #1

[pie_chart color=”#d5a1a1″ value=”34″ label=”Chart label is here” chart_align=”text-center” line_width=”20″ width=”120″]

[/column]

[column col=”3″]

pie chart – example #2

[pie_chart color=”#f5a610″ value=”77″ label=”Chart label is here” chart_align=”text-center” line_width=”16″ width=”120″]

[/column]

[column col=”3″]

pie chart – example #3

[pie_chart color=”#9faeaf” value=”59″ label=”Chart label is here” chart_align=”text-center” line_width=”12″ width=”120″]

[/column]

[column col=”3″]

pie chart – example #4

[pie_chart color=”#2f8bc1″ value=”16″ label=”Chart label is here” chart_align=”text-center” line_width=”10″ width=”120″]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”12″]

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”]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”6″]

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.

[/column]

[column col=”6″]

SoundCloud

[embedr responsive=”true”]

https://soundcloud.com/foofighters/rope-deadmau5-remix

[/embedr]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”12″]

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″]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”6″]

Tabber

[tabs_wrapper style=”nav-tabs” justify=”true”]

[tab_content tab_label=”Some Tab”]

8724861154_5b946b9447_bInterdum 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 @twitter

[/tab_content]

[/tabs_wrapper]

[/column]

[column col=”6″]

Accordion

[accordion_wrapper]

[accordion_content accordion_label=”Accordion Content 01″]

9735272477_9f8b8a81e3_bMauris 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″]

8672902307_61427398e9_b

[/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 @twitter

[/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]

[/column]

[/row]

[separator style=”regular”]

[row]

[column col=”12″]

Slider / Carousel

[slider id=”149″]

[/column]

[/row]

Lämna ett svar

Din e-postadress kommer inte publiceras.