Fuse-Blog

Fuse minimalistic bootstrap Blog

Fuse Blog is an open source Minimalist Blog template

Getting Started

Choose one of the following options to get started:

• Download the latest release
• Clone the repo: git clone https://github.com/kelvinconrad/fuse-Blog.git
• Fork the repo

Using the Template

The template is a HTML which uses Bootstrap.Template structure

css files

Main font family

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"/>

Fontawesome icon font

<link rel="stylesheet" href="https://kit-pro.fontawesome.com/releases/v5.13.0/css/pro.min.css"/>

Fav icon

<link rel="shortcut icon" type="image/png" href="./assets/images/fav.png"/>

Elegant icon font

<link rel="stylesheet" href="assets/css/elegant.css"/>

Customed boostrap

<link rel="stylesheet" href="assets/css/custom_bootstrap.css"/>

Slick slider

<link rel="stylesheet" href="assets/css/slick.css"/>

Plyr.js for player

<link rel="stylesheet" href="assets/css/plyr.min.css"/>

Main style file

<link rel="stylesheet" href="assets/css/style.css"/>

Javascript Files

Jquery

<script rel="script/javascript" src="assets/js/jquery.min.js"></script>

Slick slider

<script rel="script/javascript" src="assets/js/slick.min.js"></script>

Plyr.js

<script rel="script/javascript" src="assets/js/plyr.min.js"></script>

Mansonry

<script rel="script/javascript" src="assets/js/masonry.pkgd.min.js"></script>

Image loaded

<script rel="script/javascript" src="assets/js/imagesloaded.pkgd.min.js"></script>

Vimeo API

<script rel="script/javascript" src="assets/js/vimeo.player.min.js"></script>

Main javascript file

<script rel="script/javascript" src="assets/js/main.js"></script>

Colors

How to change main color

1. Go to path assets/sass/abstracts
2. Open varible.scss file
3. Find variable $colors and edit key yellow in it to color you want

Using Css Preprocessors

If you have knowledge of css preprocessors, you can edit the source code file in sass folder to have a theme with a higher degree of customization than editing the CSS files. I used SCSS as css Preprocessors.

Bugs and Issues

Have a bug or an issue with this template? Open a new issue here on GitHub.

Creator

Kelvin Conrad – Twitter – klvnconrad@gmail.com

Free for personal and commercial purpose with attribution