https://github.com/2sic/dnn-theme-bootstrap3-instant
A clean, prepared bootstrap3 skin for DNN (DotNetNuke), ready to make awesomeness - ideally combined with bootstrap content-templates.
https://github.com/2sic/dnn-theme-bootstrap3-instant
Last synced: 7 months ago
JSON representation
A clean, prepared bootstrap3 skin for DNN (DotNetNuke), ready to make awesomeness - ideally combined with bootstrap content-templates.
- Host: GitHub
- URL: https://github.com/2sic/dnn-theme-bootstrap3-instant
- Owner: 2sic
- License: mit
- Created: 2016-10-18T11:30:22.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2021-11-05T08:49:25.000Z (about 4 years ago)
- Last Synced: 2024-11-18T05:38:33.858Z (about 1 year ago)
- Language: SCSS
- Size: 1.59 MB
- Stars: 7
- Watchers: 12
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-dnn - Bootstrap3 Instant - (by: @2sxc) (Awesome DNN (DotNetNuke) [](https://github.com/sindresorhus/awesome) / Free Skins/Theme)
README
# DNN Skin/Theme Bootstrap3 Instant!
A clean, prepared bootstrap3 skin for DNN (DotNetNuke), ready to make awesomeness - ideally combined with bootstrap content-templates.
1. This theme needs the [Invisible Container](https://github.com/2sic/dnn-container-invisible) to work, but this gets installed automatically for you when you install the theme with the installer.
1. Check out other DNN Bootstrap Skins like:
2. [DNN Bootstrap3 Single Pager](https://github.com/2sic/dnn-theme-bootstrap3-single-pager)
3. [DNN Bootster](http://www.dnnbootster.com/)
2. And it's awesome together with professional content-templates like
1. [Standard Bootstrap3 Content Blocks/Templates](https://github.com/2sic/2sxc-content-bootstrap3)
# The Bootstrap3 Instant Theme for DNN
This theme is a layout/skin for the CMS [DNN](https://github.com/dnnsoftware/Dnn.Platform) based on [Bootstrap3 ](http://getbootstrap.com/) and [SASS](http://sass-lang.com/). 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 3 Skin / Theme
1. ...based on SASS, with a set of variables-files to customize layouts in minutes
1. An e-mail encryptor to encrypt mail addresses in the layout
1. A SEO-title optimizer
1. An automatic svg/png integration for responsive logos
1. Layout footer implementing SEO microformats
1. Bower configuration for all dependencies
1. Gulp to process the sass into the resulting CSS
## Theme Installation
There are three ways to install the initial package
1. By downloading the _package_ and installing it through the web UI of DNN
2. By using `git clone` to create a copy of this repository in your _Skins_ folder
3. By downloading the zip and manually copying it to the _Skins_ folder
You can read more about this under [Installation](https://github.com/2sic/dnn-theme-bootstrap3-instant/wiki/installation).
## Customize and Redesign everything within Minutes
You can now quickly customize and redesign everything within minutes. Check out the instructions on how to [Customize and Redesign](https://github.com/2sic/dnn-theme-bootstrap3-instant/wiki/customize-and-redesign) everything.
## Creating Awesome Designed Content
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](https://github.com/2sic/2sxc/releases) and the default bootstrap3 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.
## Love from Switzerland
Daniel & Luca