Short Codes Introduction
This skin comes with a large collection of Short Codes. You can use them even if you know nothing about JS or CSS — just copy the code into an HTML module.
Browse all Short Codes on the demo site to see them in action. Each chapter below links to its demo page and provides the complete HTML code:
| Chapter | Description |
|---|---|
| Accordions | Accordion panels |
| Alerts | Alert messages |
| Animated Columns | Animated columns |
| Blockquotes | Quote styles |
| Breadcrumbs | In-content breadcrumbs |
| Clients | Client logo walls |
| Countdown Timer | Countdown timers |
| Custom Buttons | Custom buttons |
| Dividers | Dividers |
| Dropcat Highlight | Drop caps and highlights |
| Dropdowns | Dropdown menus |
| Flip Box | Flip boxes |
| Grid System | Grid layouts |
| Image Boxes | Image boxes |
| Images | Image effects |
| Labels & Badges | Labels and badges |
| LightBox | Lightbox images |
| List | List styles |
| Media Object | Media objects |
| Ornamental Titles | Ornamental titles |
| Our Team | Team member showcases |
| Panels | Panels |
| Popovers | Popovers |
| Pricing01 | Pricing tables, set 1 |
| Pricing02 | Pricing tables, set 2 |
| ProgressBars & Counters | Progress bars and counters |
| Promo Boxes | Promo boxes |
| Responsive Tab | Responsive tabs |
| Responsive Video | Responsive videos |
| Tables | Tables |
| Testimonials | Testimonials |
| Thumbnails | Thumbnails |
| Tooltips | Tooltips |
| Typography | Typography styles |
| Video BG | Video backgrounds |
How to use
Add an HTML module to a DNN page, paste the code in source mode and save. Remember to adjust the editor first as described in HTML Editor Settings so empty div tags are not stripped.