Darko Bootstrap 5 HTML Template

Introduction

Folder Structure

When you purchase Darko, you will get all files nicely sorted in a folder like this:

How to render your own CSS

The files "darko.scss" and "darko-light.scss" contain only variables and paths to additional files to be rendered. To create your own stylesheet, you can for example copy one of the two files and modify it as you like. Then you have to render the file with a SASS compiler. The Bootstrap documentation will help you to find other available variable names for your template.

Example darko.scss

DARKO's Bootstrap CSS Classes

Darko consistently uses bootstrap variables, which makes custom implementation easy. In addition, some CSS classes have been newly added, which make Darko particularly comprehensive. These new classes also follow the innovative logic of the Bootstrap framework and are therefore easy to use.

Background Faders

This set of custom CSS classes allows you to put a transparent gradient over any container with a background image. The color style and rotation of the CSS gradient can be set by different classes. See a demo here.

$bg-gradient-rotations: (
  '45deg': 45deg,
  '90deg': 90deg,
  '180deg': 180deg,
  '270deg': 270deg,
  '360deg': 360deg
);

Background Utilities

Some useful utilities for background images. See a demo here.