DNN Skin/Theme Bootstrap5 Instant! for DNN 7, 8, 9

A clean, prepared bootstrap5 skin for DNN (DotNetNuke), ready to make awesomeness - ideally combined with bootstrap content-templates.

1. This theme needs the 2Shine BS5 Container to work, but this gets installed automatically for you when you install the theme with the installer.
2. Check out other DNN Bootstrap Skins like:
   1. DNN Bootstrap3 Single Pager
   2. DNN Bootstrap4 Instant
   3. DNN Bootster Bootstrap 4
   4. nvQuickTheme Bootstrap 4
3. And it's awesome together with professional content-templates like
   1. Standard Content Blocks/Templates

The Bootstrap5 Instant Theme for DNN

This theme is a layout/skin for the CMS DNN based on Bootstrap5 and SASS. It allows you to create simple custom designs within minutes and complex designs within a few hours. This is why it's called instant.

What's in the Package

1. A clean, best-practices, responsive Bootstrap 5 Skin / Theme
2. ...based on SASS, with a set of variables-files to customize layouts in minutes
3. An e-mail encryptor to encrypt mail addresses in the layout
4. A SEO-title optimizer
5. An automatic svg integration for responsive logos
6. Layout footer implementing SEO microformats
7. NPM for all dependencies
8. Webpack to process the sass/typescript into the resulting CSS/Javascript

Layouts

1. Default - Floating content on background, full-width sticky-header
2. Fullscreen - Modules can use the full width to set backgrounds
3. Centered - Content and Menu are max-width, background to right and left
4. Centered-Submenu - Paged/floating content with submenu to the left
5. Float-WideHeader - Paged/floating content with wide header

Dokumentation

For a detailed documentation go here

Creating Awesome Designed Content (move to docs)

You now have created the layout within minutes or hours, but you're still missing the perfectly designed inner pieces, like tile-lists, content-accordeons, galleries, sliders, blogs and more. Fortunately these are both super-easy to add and use the same mechanisms for design. They can even re-use the variables of your skin, to automatically match look and feel :)

To get the awesome designed content, install 2sxc and the default Bootstrap 5 content-templates.

Love from Switzerland

Daniel & Tom