[section title=”Button _Styles_”]
[row]
[span4]
[/span4]
[span4]
[/span4]
[span4]
[/span4]
[/row]
[code][/code]
[/section]
[section title=”Tabbed _Navigation_” style=”gray”]
[row]
[span6]
TOP
[/span6]
[span6]
BOTTOM
[/span6]
[/row]
[row]
[span6]
LEFT
[/span6]
[span6]
RIGHT
[/span6]
[/row]
[code] [/code]
[/section]
[section title=”Progress _Bars_”]
Basic
[progress type=”progress” percentage=”20″]
[progress style=”progress-success” type=”progress” percentage=”40″]
[progress style=”progress-warning” type=”progress” percentage=”60″]
[progress style=”progress-danger” type=”progress” percentage=”80″]
Striped
[progress type=”progress progress-striped” percentage=”20″]
[progress style=”progress-success” type=”progress progress-striped” percentage=”40″]
[progress style=”progress-warning” type=”progress progress-striped” percentage=”60″]
[progress style=”progress-danger” type=”progress progress-striped” percentage=”80″]
Animated
[progress type=”progress progress-striped active” percentage=”20″]
[progress style=”progress-success” type=”progress progress-striped active” percentage=”40″]
[progress style=”progress-warning” type=”progress progress-striped active” percentage=”60″]
[progress style=”progress-danger” type=”progress progress-striped active” percentage=”80″]
[code][progress style=”progress-danger” type=”progress progress-animated” percentage=”80″][/code]
[/section]
[section title=”Alert _Messages_” style=”gray”]
[alert type=”” Description=”Curabitur elementum vehicula ipsum id tincidunt. Ut enim mi, suscipit feugiat facilisis vitae, mollis at magna. Aenean tellus mauris, congue a vestibulum eget, varius quis turpis. “]
[alert type=”alert-success” label=”Congrats!” Description=”Curabitur elementum vehicula ipsum id tincidunt. Ut enim mi, suscipit feugiat facilisis vitae, mollis at magna. Aenean tellus mauris, congue a vestibulum eget, varius quis turpis. “]
[alert type=”alert-info” label=”Useful info” Description=”Curabitur elementum vehicula ipsum id tincidunt. Ut enim mi, suscipit feugiat facilisis vitae, mollis at magna. Aenean tellus mauris, congue a vestibulum eget, varius quis turpis. “]
[alert type=”alert-danger” label=”Danger!” Description=”Curabitur elementum vehicula ipsum id tincidunt. Ut enim mi, suscipit feugiat facilisis vitae, mollis at magna. Aenean tellus mauris, congue a vestibulum eget, varius quis turpis. “]
[code][alert type=”alert-info” label=”Danger!” Description=”….”][/code]
[/section]
[section title=”Accordions”]
[accordions][accordion title=”Accordion title”]Duis tempor aliquam odio at condimentum. Fusce eget leo ac turpis placerat commodo ac ut lorem. Quisque congue nulla ut nisl fringilla tempus. Suspendisse potenti. Integer ac dolor sapien. Integer quis ipsum erat. Mauris semper, neque sed rutrum dignissim, velit est varius mi, non congue elit nunc ullamcorper turpis. Pellentesque ac neque et arcu eleifend mollis. Donec tristique elementum eros eget tincidunt. Suspendisse potenti.[/accordion][accordion title=”Another Accordion title”]Duis tempor aliquam odio at condimentum. Fusce eget leo ac turpis placerat commodo ac ut lorem. Quisque congue nulla ut nisl fringilla tempus. Suspendisse potenti. Integer ac dolor sapien. Integer quis ipsum erat. Mauris semper, neque sed rutrum dignissim, velit est varius mi, non congue elit nunc ullamcorper turpis. Pellentesque ac neque et arcu eleifend mollis. Donec tristique elementum eros eget tincidunt. Suspendisse potenti.[/accordion][/accordions]
[code][accordions][accordion title=”Accordion title”]Accordion content[/accordion][/accordions][/code]
[/section]
[section title=”Images _&_ Slideshows / Galleries” style=”gray”]
[row][span6]
[image size=”box-big” source=”https://nnccpdx.com/wp-content/uploads/2013/04/landscape-3-600×600.jpg” icon=”icon-cog”]
[image size=”box-huge” source=”https://nnccpdx.com/wp-content/uploads/2013/04/landscape-5-600×600.jpg” icon=”icon-heart”]
[code]
[image source=”some source” icon=”icon-heart”]
[/code]
[/span6]
[span6][flexslider slideshow=”devices” animation=”slide” speed=”8000″ duration=”500″ directionnavpos=”inside” controlsposition=”outside” captions=”hide”]
[code]
[flexslider slideshow=”some slideshow” animation=”slide” speed=”8000″ duration=”500″ directionnavpos=”inside” controlsposition=”outside” captions=”hide”]
[/code]
[/span6][/row]
[row][span6][/span6][span6][code][/code][/span6][/row]
[/section]
[section title=”Pricing _Tables_” style=”dark”]
[/section]
[section title=”Typography _Shortcodes_”]
Lead text
[lead centered=”yes”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. In aliquet facilisis condimentum. Donec at orci orci, a dictum justo. Sed a nunc non lectus fringilla suscipit. Vivamus pretium sapien sit amet mauris aliquet eleifend vel vitae arcu. Fusce pharetra dignissim nisl egestas pretium. [/lead]
[code][lead centered=”yes”]Some content[/lead][/code]
Blockquote
[blockquote who=”John Langan” cite=”oxygenna.com”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. In aliquet facilisis condimentum. Donec at orci orci, a dictum justo. [/blockquote]
[code][blockquote who=”Who said it?” cite=”where?”] Quote content [/blockquote][/code]
Icon lists
[row]
[span4]
[iconlist][iconitem title=”icon title” icon=”icon-heart”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. I[/iconitem][iconitem title=”another icon title” icon=”icon-star”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. I[/iconitem][/iconlist]
[/span4]
[span4]
[iconlist][iconitem title=”icon title” icon=”icon-magnet”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. I[/iconitem][iconitem title=”another icon title” icon=”icon-map-marker”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. I[/iconitem][/iconlist]
[/span4]
[span4]
[iconlist][iconitem title=”icon title” icon=”icon-signal”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. I[/iconitem][iconitem title=”another icon title” icon=”icon-eye-open”]In facilisis scelerisque dui vel dignissim. Sed nunc orci, ultricies congue vehicula quis, facilisis a orci. I[/iconitem][/iconlist]
[/span4]
[/row]
[code][iconlist][iconitem title=”icon title” icon=”icon-heart”][/iconitem][iconitem title=”another icon title” icon=”icon-star”][/iconitem][/iconlist][/code]
[/section]