Zoomy - E-learning HTML5 Template v1.0

Thank you


First of all, thank you for purchasing the Zoomy HTML Template. You can find the detailed information about the template in this document.

ZOOMY IN A BRIEF

Zoomy is a Creative, powerful, beautiful and high-performance E-learning website template.
In download folder you will find Four folder:

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 deski folder in there. You need to upload this folder to your hosting web server using FTP in order to use it on your website.
  2. Below is the folder structure and needs to be uploaded to your website root directory:
    • zoomy/assets/css - Stylesheet files
    • zommy/assets/fonts - Icon/fonts files
    • zoomy/assets/img - Image files
    • zoomy/assets/js - js files
    • zoomy/vendor/js - plugins 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 Bootstrap5 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/favicon.png">

4Logo Settings

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

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

You can replace any .jpg .png .svg logo.

5Fonts Settings

In Zoomy we use google fonts Manrope ,
You can change fonts form scss/_common.scss file: 

            @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

7CSS Structure

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

                	
/* EVENTR SCSS 


/*    01. Theme default CSS */
/* 	  02. variables  */
/*    03. mixins  */
/*    04. common  */
/*    05. overlay  */
/*    06. header  */
/*    07. breadcrumb   */
/*    08. mobile-menu  */
/*    09. search  */
/*    10. custom-animation  */
/*    11. btn  */
/*    12. custom-container  */
/*    13. slider  */
/*    14. services  */
/*    15. career  */
/*    16. courses  */
/*    17. chose  */
/*    18. instructor  */
/*    19. testimonial  */
/*    20. blog  */
/*    21. contact  */
/*    22. video  */
/*    23. faq  */
/*    24. about  */
/*    25. plan  */
/*    26. footer  */
 
 */

8JavaScripts

9Credits