Examples
The following pages include example modules as well as documentation that describe the usage of each module. On any given page you will find a working example of the module, A description of the various classes used in the creation of the module, as well as the source code that you can copy and past from should you need to. The following pages help to serve as a styleguide as well as documentation.
Page Layout
Additional Example Pages
Navigation Samples
- Megamenu Navigation
- State Template v4 Original Megamenu
- Single Level Navigation
- Dropdown Navigation
- Setting the Active Navigation Item
- Mobile Navigation Icon Links
Color Schemes
Content Modules
- Contact Widgets (Supports Microdata)
- Course List (Supports Microdata)
- Course Detail (Supports Microdata)
- Course Detail (Panel) (Supports Microdata)
- Event List (Supports Microdata)
- Event Detail (Supports Microdata)
- Exam List
- Figure with Captions (Supports Microdata)
- Headers and Paragraphs
- Hero Info
- Icon Blocks
- Job List (Supports Microdata)
- Job Detail (Supports Microdata)
- Lists (Bulleted & Expanding)
- Location (Widgets) (Supports Microdata)
- Location (Full) (Supports Microdata)
- News List (Supports Microdata)
- News Detail (Supports Microdata)
- Profile Banners (Supports Microdata)
- Public Profile List (Supports Microdata)
- Public Profile Detail (Supports Microdata)
- Publications (Supports Microdata)
Components & Utility Content
- Accordions
- Animations
- Alert Banner
- Blockquotes
- Buttons
- Cards
- Carousels and Slideshows
- Charts
- Featured Narrative
- Form Styles
- Gallery
- Horizontal Rules
- Icon Font Library
- Media Object
- Number Counter
- Panels
- Panels with Photos
- Progress Bars
- Sections
- Service Tiles
- SocialSharer
- Spacing
- Tabs
- Tables
- Testimonials
- Text Accent Colors
- Toggle
Dreamweaver Templates
Panel (Standout Highlight)
Use .highlight class with .panel-standout for triangle effect. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Panel (Standout)
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Panel (Default)
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.