Educad - Online Courses & Education HTML5 Template

• READ FIRST
• Installation
• HTML Structure
• Favicon Settings
• Logo Settings
• Fonts Settings
• CSS Structure
• JavaScripts
• Credits
• Changelog^**

Educad In A Brief

Educad is a multi-purpose, powerful, beautiful and high-performance website template which is Designed for Education, learning, Course Selling Business and Corporate websites.
In download folder you will find Three folder:

• Documentation (Documentation for main template)
• Template (Main Template)
• Figma file (Free Figma File Download link)

Remember, when you want to use the shortcode/element in any pages you need to adjust the section spacing by giving margin or padding. Don't get panic if you messed up anything when you edit the template. We are always available to support our customer.
You can contact our developer directly by email

1Installation

Follow the steps below to setup your site template:

1. Unzip the downloaded package and open the Template folder to find all the template files. You wil get Educad folder in there. You need to upload this folder to your hosting web server using FTP or cPanel in order to use it on your website.
2. Below is the folder structure you will see in your website root directory:
   • Educad/css - Stylesheet files
   • Educad/fonts - Icon/fonts files
   • Educad/img - Image files
   • Educad/js - js files
   • Educad/scss - scss files
3. You need to upload all or specific HTML files as per your need.
4. And now you are ready to go to generate your webiste with this awesome template.

2HTML Structure

We are used Bootstrapv5.1.3 framework in this template.
The general template structure is the same throughout the template. Here is the general structure.

The code block above is powered by SyntaxHighlighter.

3Favicon Settings

Favicon Will be found in head section.

        
        <link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
        

4Logo Settings

The Logo will be found in the Theme Main Menu section.

        <a href="index.html"><img src="assets/img/logo/logo.svg" alt="logo"></a>
        

You can replace any .jpg .png .svg logo. And set the width according to your logo size.

5Fonts Settings

In Educad we use Urbanist font.
You can change both fonts form scss/main.scss file:

            @import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,400;1,700&display=swap");
        

7CSS Structure

The main.css file contains all of the specific stylings for the page. The file is separated into sections using:

• bootstrap.min.css

  This file includes core bootstrap styles

  Source

• bootstrap-icons.css

  This file contains bootstrap icon library

  Source

  Example

  <i class="bi bi-person"></i>

• font-awesome.css

  This file contains styles about Fontawesome icon library

  Source

  Example

  <i class="fab fa-facebook-square"></i>

• aos.css

  aos.css is a bunch of cool, fun, and cross-browser animations for you to use in projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

  Source

  Example

  <div data-aos="fade-up" data-aos-delay="200" ... </div>

• swiper-bundle.min.css

  This file contains styles about Swiper carousel plugin

  Source

• slick.css

  This file contains styles about slick carousel plugin

  Source

• main.css

  All styles about template

8JavaScripts

• jQuery 3.5.0

  jQuery is a fast, small, and feature-rich JavaScript library.

  Source

• bootstrap.min.js

  Core bootstrap js file

  Source

• slick.min.js

  jQuery carousel plugin from Slick

  Source

• swiper-bundle.min.js

  jQuery carousel plugin from Swiper

  Source

• aos.js

  A lightweight script to animate scrolling.Reveal Animations When You Scroll.

  Source

• script.js

  This file contains all script about site.

9Credits

• Bootstrap

• Stock Image Unsplash

• Fontawesome

• AOS

10Changelog:

Dates are formated in dd/mm/yy

                ________________________________
                ----- (20/09/2023) ------
                First Published