They are exclusively designed to help out online education websites with professionally designed templates.

1. OVERVIEW

Mentoring offers you the best template created by the latest version of HTML and CSS with super responsive web design. They are exclusively designed to help out online education websites with professionally designed templates. It offers a list of category-specific pages and multiple variations pages for all types of eLearning management platforms.

1. 1. Features

Creative Design: Mentoring is a bold theme that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.
Fully Responsive: The theme passed Mobile-Friendly Test – by Google. We also tested carefully the theme on almost devices: laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.
Pixel Perfect Design
Product Carousel: Option to showcase products as carousel.
Color & Fonts is easily changed
W3C Validated Code
Bootstrap 5.x used
Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome

1. 2. Installation Guide

After unzipping Template Files, you will find our product Mentoring->HTML(Source code), Documentationin the following Main Files folder.
Open HTML folder, copy all files and paste in your localhost or server root folder. Now you can run this Template in any web browser from your PC or Laptop.

For example:

localhost/Mentoring/index.html or www.example.com/index.html

1. 3. Requirements

Working with our Mentoring product, before going to edit all the HTML, CSS and JS files you will need a text editor.

In this case, we recommended the Sublime Text 3 editor or Notepad++ as it allows you to edit the files efficiently and all the editable files are located in "Mentoring->HTML" folder.

2. STRUCTURE

2. 1. File Structure

Extract the zip file you received after purchase and you would find the exact below files and folders:

Mentoring/ 
│
└── documentation/ 
	│
	└──/index.html 
│
└── template/ 
	│
	└── admin/    
	│
	└── assets/           
		│
		└── css/               
		│
		└── fonts/        
		│
		└── img/                 
		│
		└── js/                
		│
		└── plugins/    
	│
	└──/index.html  
	│
	└──/rest of the html pages
│
└── template-rtl/

2. 2. HTML Structure


<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="utf-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    	<title>Mentoring </title>
    	<link rel="shortcut icon" href="assets/img/favicon.png">
    	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
    	<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
    	<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
    	<link rel="stylesheet" href="assets/css/style.css">
    </head>
    <body>
    	<div class="main-wrapper">
    	    <div class="header">
    	    </div>
    	    <div class="breadcrumb-bar">
    	    </div>
    	    <div class="content"> 
    	    	<div class="container-fluid">
    	    	</div>
    	    </div> 
    	</div> 
    	<script src="assets/js/jquery-3.6.0.min.js"></script>
    	<script src="assets/js/bootstrap.bundle.min.js"></script>
    	<script src="assets/js/slick.js"></script>  
    	<script src="assets/js/script.js"></script>
    </body>
</html>

2. 3. CSS Structure

How to change Logo ?

You can change the logo or replace it from img folder or you can edit it from HTML file.

<div class="navbar-header">
    <a href="index.html" div class="navbar-brand logo">
    	<img src="assets/img/logo.png class="img-fluid" alt="logo">
    <a>
</div>

How to change Header background color ?

You can change the header background color in style.css as per your wish

How to change Google Font ?

Go to style.css and line number 70. Here we have the default font family Poppins

@import url('https://fonts.googleapis.com/css?family=Mada:400,500,600,700&display=swap');

2. 4. Javascripts

We have used this javascript for this template. You can customize the scripts.js

<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>  
<script src="assets/plugins/select2/js/select2.min.js"></script>  
<script src="assets/plugins/datatables/datatables.min.js"></script>  
<script src="assets/plugins/moment/moment.min.js"></script>  
<script src="assets/plugins/fullcalendar/fullcalendar.min.js"></script>  
<script src="assets/plugins/fullcalendar/jquery.fullcalendar.js"></script>  
<script src="assets/js/script.js"></script>

3. CREDITS

We've used the following resources as listed. These are some awesome creation and we are thankful to the community.

4. SUPPORT

If you have any queries please contact us through email: business@dreamguys.co.in

5. THANK YOU

Thank you so much for using this template

Dreamguy's Technologies Pvt Ltd,

Table Of Content

Documentation