🐣 EARLY BIRD DISCOUNTon All-Access - Get 20% Recurring OFF! - SAVE OVER 40% | Coupon:
EARLYBIRD
logo

Bootstrap Template Guide

Introduction

This document covers the installation and use of a Bootstrap HTML template and reveals answers to common problems and issues. If you have any question that is beyond the scope of this documentation, feel free to Open a Support Ticket We will get back to you ASAP.

Installing Template

After unzip/extract the download pack, you'll found a Template Folder with all the files you will need. Then

  • You can view this template in any browser, you can see or edit the template without an internet connection.
  • Now got to your cPanel or open your FTP client (like Filezilla) and upload the content of the template on your server root.
  • Once the files are done uploading go to yourdomainname.com/index.html

Directory Structure

Here is the structure of download folder.

|-- Template Folder
    |-- assets
    |    |-- css
    |       |-- All CSS Files
    |    |-- scss
    |       |-- All SCSS Files
    |    |-- js
    |       |-- All JS Files
    |    |-- fonts
    |       |-- All Fonts Files
    |    |-- images
    |       |-- All Images
    |-- index.html and All HTML Files

Customization

Changing Default Theme Color

If template default color is #4E6EF1 . Open assets->css>main.css file and and find out all #4E6EF1 then replace it with your own color code, to change the color preset

** Note: ** If you are familiar with scss you can go with scss variables.

Changing Default Font Family

If default Font is Josefin Sans . Open assets->css>main.css file and and find out all font-family then replace its property with your own, to change the default font-family. But, make sure you have including the font before on header (using CSS link) or on CSS (using import)

** Note: ** If you are familiar with scss you can go with scss variables.

Plugins

We use some of vanilla js plugins for interaction.

Images

We use images form Unsplash

Icons