Edule - eLearning Website Template

Introduction

Template Name: Edule - eLearning Website Template

Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..

EduLe is a simple and elegant technology HTML Template. This theme has 4 homepage layouts and responsive, easy to customize. You can using his HTML Template for digital, technology products, high tech products, accessories.

EduLe comes with a variation of 11 HTML pages where there are 4 unique home versions. It is built with Bootstrap 5, HTML 5, SASS, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like,Image Zoom, Google Fonts, Font Awesome, Plaza icons and many more.

Now grow your business with this Edule - eLearning Website Template without any hesitation.

By: HasThemes
URL: https://hasthemes.com/
HelpDesk: https://hasthemes.com/contact-us/

Template features

Build with Bootstrap 5
22+ HTML pages
Icon font (Font Awesome & Icofont)
Google Fonts
W3C Validated Code
Clean Code
Creative and Modern Design
Fully Responsive
Easy to customize
Cross Browser Support
Well Documented
No console error

Need Support?

If you have any questions regarding to theme issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

Documentation
Template Files - EduLe

Root Folder Structure

FTP Upload

Open up your FTP manager and connect to your hosting
Browse to required directory (Normally public_html)
Upload the all files inside EduLe folder.

Page Structure

index.html
about.html
services.html
services-details.html
cases.html
cases-details.html
faq.html
404-error.html
blog.html
blog-details.html
contact.html

Source File Structure

Fonts Source File structure

Remember to change the font into style.css

            
            @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");

            @font-face {
              font-family: 'Gordita';
              src: url("../fonts/Gordita-Light.eot");
              src: url("../fonts/Gordita-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gordita-Light.woff2") format("woff2"), url("../fonts/Gordita-Light.woff") format("woff"), url("../fonts/Gordita-Light.ttf") format("truetype");
              font-weight: 300;
              font-style: normal;
              font-display: swap;
            }

CSS Source File structure

These are the css files that are loaded into templates in Head Section.


            <!-- CSS
            ============================================ -->

            <!-- Icon Font CSS -->
            <link rel="stylesheet" href="assets/css/plugins/icofont.min.css">
            <link rel="stylesheet" href="assets/css/plugins/flaticon.css">
            <link rel="stylesheet" href="assets/css/plugins/font-awesome.min.css">

            <!-- Plugins CSS -->  
            <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
            <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
            <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
            <link rel="stylesheet" href="assets/css/plugins/apexcharts.css">
            <link rel="stylesheet" href="assets/css/plugins/jqvmap.min.css">
            

            <!-- Main Style CSS -->
            <link rel="stylesheet" href="assets/css/style.css">

Javascript Source File structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

       
           
            <!-- JS
            ============================================ -->

            <!-- Modernizer & jQuery JS -->
            <script src="assets/js/vendor/modernizr-3.11.2.min.js""></script>
            <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>

            <!-- Bootstrap js -->
            <script src="assets/js/plugins/popper.min.js"></script>
            <script src="assets/js/plugins/bootstrap.min.js"></script>
            
            <!-- All Plugins js -->
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>
            <script src="assets/js/plugins/video-playlist.js"></script>
            <script src="assets/js/plugins/jquery.nice-select.min.js"></script>
            <script src="assets/js/plugins/ajax-contact.js"></script>

            <!-- Main Activation js -->
            <script src="assets/js/main.js"></script>

How to change Logo?

How to Change Copyright?

You can change copyright text from here.

How to Change Mail?

You can pass dynamic email in the contact form and newsletter.

Edule - eLearning Website Template