Features

Responsive DNN Skins


  • Fluid responsive layouts
  • Collapsable and flexible Panes layout
  • Achieve any possible layout
  • iPhones, Smart Phones
  • iPads Apple & Andriods
  • Mac & Windows

Cross Browser Compatibility


  • Internet Explorer
  • Mozilla Firefox
  • Google Chrome
  • Safari
  • Opera

HTML Image frames


  • CSS based image frames
  • Four different sizes
  • Integrate with Pretty Photo Gallery
View Frames



Custom Free Fonts


  • Caudex-Regular
  • MyriadPro
  • Muli-Regular
  • SansationRegular
  • TitilliumText22LBold
View Typography



CSS Columns


  • 960 CSS Grid
View CSS Grids


CSS Accordions


This is Accordion - click a heading

To setup this accordion simply Copy paste the sample html provided in a text/html module using the Edit Content feature of DNN.

Click here to copy the code. You can add as many accordion tabs as you need. The Container applied to this module is named SimpleCurveContainer. Try applying CntBlank for a more clean appearance

Accordion heading two

To setup this accordion simply Copy paste the sample html provided in a text/html module using the Edit Content feature of DNN.

Click here to copy the code. You can add as many accordion tabs as you need. The Container applied to this module is named SimpleCurveContainer. Try applying CntBlank for a more clean appearance

Clicking on one item closes the other one

To setup this accordion simply Copy paste the sample html provided in a text/html module using the Edit Content feature of DNN.

Click here to copy the code. You can add as many accordion tabs as you need. The Container applied to this module is named SimpleCurveContainer. Try applying CntBlank for a more clean appearance.




CSS Buttons


Button Link To use this type: <a class="action_buttonBlue"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonNavyBlue"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonRoyalBlue"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonOcean"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonAqua"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttoncorpgreen"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonGreen"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonLime"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonIndigo"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonLilac"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonRed"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonOrange"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonGrey"><span> Button Link</span></a>

Button Link To use this type: <a class="action_buttonBlack"><span> Button Link</span></a>






Pretty Photo Lightbox


Click To View Lightbox

Click To View Lighbox

Click To View Lightbox

Click To View Lightbox