DNN Skin/Theme Bootstrap5 Instant! for DNN 7, 8, 9 (works best with 9.6+)

Note: two links in the footer go to pages in dnn 9.6, which uses a 9.6 api. if you remove them, it also works in v7/8

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.

History

v05.03.06

1. Rebranded 2Shine with new colors and logo
2. Introduced a new comment convention for better accessibility
3. Made minor changes to the overall code structure
4. Refactored the Components folder and moved files to the new Utils folder

v05.03.05

1. improved CSS Variables
2. bugfixes
3. added bootstrap components
4. clean up

v05.03.04

1. Improvement of CSS variables
2. Refactoring

v05.03.03

1. Uses CSS Variables to customize your style
2. Updated NPM Packages

v05.00.05

1. Bootstrap made a big update with many bug fixes and many new features

v05.00.04

1. Added NPM Script to copy node_modules bootstrap and update bootstrap files in lib folder
2. Refactoring
3. w3c
4. folder renaming
5. bugfixes

v05.00.03

1. Cleaned up resource files as they were all the same
2. Enhanced lookup of file name to not repeat unnecessarily
3. Slimmed down resx files to the necessary minimum
4. Added boolean to determin if Breadcrumbs should be displayed
5. Added boolean to determin how many nodes should be selected for the desktop navigation (disables Dropdown if "*,0,0" is set)

v5.00.02

1. removed node-sass, added sass
2. removed unnecessary packages
3. fixed :visited link style in navigation
4. Renamed body classes
   1. tab -> page
   2. portal -> site
   3. tab-level -> nav-level

Love from Switzerland

Daniel & Tom