-
Notifications
You must be signed in to change notification settings - Fork 7
Home
If you are looking for instructions for the older theme v4.0, you can find it here
This theme is a layout/skin for the CMS DNN based on Bootstrap 4.4+ 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.
- A clean, best-practices, responsive Bootstrap 4 Skin / Theme
- Three core layouts (Normal, Wide/Panorama, Box)
- Three core menu placements (left, right, centered)
- A special Landing-Page Theme
- It's based on Bootstrap 4.4
- and SASS, with a set of variables-files to customize layouts in minutes
- NPM for all dependencies and WebPack to build it all
- An e-mail encryptor to encrypt mail addresses in the layout
- A SEO-title optimizer
- An automatic svg/png integration for responsive logos
- FavIcon best-practices using Razor Blade
- Layout footer implementing SEO microformats
Plus various Recipes to get you started 🚀
There are two ways to install the initial package
- Install the Theme Package (recommended)
- By using git clone
You can now quickly customize and redesign everything within minutes. Here are some instructions:
- Prepare your setup with npm install
- Customize most common things
- Just change the primary color and logo
- Just add custom fonts to the build
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 bootstrap4 content-templates. You can then change the SCSS in the content-templates to also point to the _variables.scss
of this skin, and re-generate all styles for an amazingly fast development workflow.
Daniel, Aaron, Tom and Raphael