Menu

PSD to DNN Skin

We convert your Psd design to cross-browser compatiable responsive dnn skin using the latest HTML5 technologies. We hand-craft each element giving you the easiest to use CSS based contents management .

image01

Free Skin Setup

Yes we provide free skin setup on your live dnn installation. Means you will save alot of time by having the skin installed on your own live demo server for your custom dnn skin project.

image01

Customize Existing Skin

Select from a wide variety of pre-made DNN skins and get them customized for your needs. Select a skin and email us its demo link with your required changes.

image01

Everlasting Support

We are always here to support for any changes and version updates for the custom dnn skin we provide you, email us, call us anytime and the support will be available.

image01

Heading Styles by Default

<h1 >

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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

Heading Styles in Caudex-Regular

<h1 class="font-caudex">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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


Heading Styles in MyriadPro

<h1 class="font-myriadpro">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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


Heading Styles in Muli-Regular

<h1 class="font-muli">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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


Heading Styles in SansationRegular

<h1 class="font-sansation">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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


Heading Styles in TitilliumText22LBold

<h1 class="font-titillium">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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

Heading Styles in font-OswaldLight

<h1 class="font-OswaldLight">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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

Heading Styles in font-OswaldBook

<h1 class="font-OswaldBook">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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

Heading Styles in font-OswaldBold

<h1 class="font-OswaldBold">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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

Heading Styles in font-OswaldStencilRegular

<h1 class="font-OswaldStencilRegular">

This is Simple Heading 1

This is Simple Heading 2

This is Simple Heading 3

This is Simple Heading 4

This is Simple Heading 5
This is Simple Heading 6

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


 

This is a sample of the 'attention' style. To use this use the folllowing html: <span class="attention">....</span>This is a sample of the 'notice' style. To use this use the folllowing html: <span class="notice">....</span>This is a sample of the 'alert' style. To use this use the folllowing html: <span class="alert">....</span>This is a sample of the 'download' style. To use this use the folllowing html: <span class="download">....</span>This is a sample of the 'approved' style. To use this use the folllowing html: <span class="approved">....</span>This is a sample of the 'media' style. To use this use the folllowing html: <span class="media">....</span>This is a sample of the 'note' style. To use this use the folllowing html: <span class="note">....</span>This is a sample of the 'cart' style. To use this use the folllowing html: <span class="cart">....</span>This is a sample of the 'doc ' style. To use this use the folllowing html: <span class="doc ">....</span>

list styles

  • To use this style create a list in the following format: <ul class="special-1"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-2"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-3"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-4"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-5"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-6"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-7"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-8"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-9"><li>....</li><li>....</li>...</ul>.
  • To use this style create a list in the following format: <ul class="special-9white"><li>....</li><li>....</li>...</ul>.

This Is Link Button

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>

This Is Simple Link

Simple Link To use this type: <a >....</a>

Testomonials

  • “That which can be asserted without evidence, can be dismissed without evidence.”

    — Michael (Quote 1)

  • “Wisdom is to keep quite rather than speaking to prove yourself wise to the unwise.”

    — Christopher Hitchens (Quote 2)

  • “Life is of two days, One day in your favor and other day against you. In the favoring day donot be proudy and in the tough day be patient”

  • “Save yourself from a hungry good guy, and a full of stomach bad buy ”

    — Hitchens (Quote 4)

  • “Always speak the truth, so you never have to swear”

    — Mola Ali (Quote 5)

  • “Do for one what you wish you could do for everyone...”

    — David M. Holt (Quote 6)

Sean Ellis CEO DnnGraphics

Lorem ipsum dolor sit amet, consectetur adipisicing elit sed do eiusmod tempor sed do eiusmod

Copyright 2013 by DNNGraphics.com
Signin  |  Signup |