Menu

Font Muli Regular


Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec

Read More

Font Caudex


Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec

Read More

Font Sansation


Donec accumsan malesuada orcidonec sitmet eros lorem isum dolor amet incon. Adipiscing elit maurise pharetra magna accumsan. Malesuada orcdonec umet lorem doloronsec

Read More

Features Help

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

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.

Click To View Lighbox

Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit.

Click To View Lightbox

Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociie.

Click To View Lightbox

Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit.

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.

Easy Slider Setup

1.    Add a Html module to BannerPane
2.    Go to module settings for this module
3.    Apply the Responsiveslider-  demo file as container
4.    Now Go to Edit Content option for this module and copy paste the code from read more link below
5.    You can upload your own images and update the path in this code

Read More

Click To View Lightbox

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur.

Click To View Lighbox

Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit.

Click To View Lightbox

Maecenas sed diam eget risus varius blandit sit amet non magna. Cum sociie.

Click To View Lightbox

Curabitur blandit tempus porttitor. Maecenas sed diam eget risus varius blandit.
Copyright 2013 by DnnArt.net
Signin  | Signup |