Eduka

Documentation

Setting up your web template is very easy with our clean coding
and simply explained narration.

Introduction

Eduka - School, College, University And Courses HTML5 Template

Eduka-is a strong and wonderful HTML5 Template.Eduka made particularly for academy, college, school, university, course, e-learning, kindergarten, tutoring, online learning and all other edukation sites.Eduka format comprises of efficient parts that are not difficult to modify.With its spotless and awesome design, Eduka is a extraordinary way to exhibit your organization marking and enhance its online presence.Eduka accompanies itemized documentation that will direct you through the most common way of altering the layout to suit your particular necessities. Eduka accompanies different choices in a single package, it's a one stop solution for any college or edukational organization.

created: 07/09/2024 latest update: 07/09/2024 by: LunarTemp

Files Structure

        
                 Eduka/
                ├──  assets/
                │   └──  css/
                │       └──  All css files
                │   └──  fonts/
                │       └──  All fonts files
                │   └──  img/
                │       └──  All images files
                │   └──  js
                │       └──  All javascript files
                |    
                └── *.html
                    └──  Index HTML files
        
                 Documentation/
                    └── index.html - Index file for documentation.
        

Html

                <!-- feature area -->
<div class="feature-area">
<div class="container">
<div class="feature-wrapper">
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="feature-item wow fadeInUp" data-wow-delay=".25s">
<span class="count">01</span>
<div class="feature-icon">
<img src="assets/img/icon/scholarship.svg" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Scholarship Facility</h4>
<p>It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="feature-item active wow fadeInDown" data-wow-delay=".25s">
<span class="count">02</span>
<div class="feature-icon">
<img src="assets/img/icon/teacher.svg" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Skilled Lecturers</h4>
<p>It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="feature-item wow fadeInUp" data-wow-delay=".25s">
<span class="count">03</span>
<div class="feature-icon">
<img src="assets/img/icon/library.svg" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Book Library Facility</h4>
<p>It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="feature-item wow fadeInUp" data-wow-delay=".25s">
<span class="count">04</span>
<div class="feature-icon">
<img src="assets/img/icon/money.svg" alt="">
</div>
<div class="feature-content">
<h4 class="feature-title">Affordable Price</h4>
<p>It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- feature area end -->

CSS

Eduka has used most popular technologies in now days like CSS3 and SCSS.

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

File Description
assets/css/bootstrap.min.css This file contains bootstrap css.
assets/css/all-fontawesome.min.css This file contains fontawesome css.
assets/css/animate.min.css This file contains animate css.
assets/css/magnific-popup.min.css This file contains magnific-popup css.
assets/css/owl.carousel.min.css This file contains owl.carousel css.
assets/css/style.css This file contains custom css.

Javascript

Eduka has used latest version of jQuery, Bootstrap and some others open source third-party plugins according to our need. you can also used other third-party plugins as per your need.

File Description
assets/js/jquery-3.6.0.min.js This is a core jquery js file.
assets/js/modernizr.min.js This file contains modernizr js.
assets/js/bootstrap.bundle.min.js This is a bootstrap js file.
assets/js/imagesloaded.pkgd.min.js This file contains imagesloaded js.
assets/js/jquery.magnific-popup.min.js This file contains magnific-popup js.
assets/js/isotope.pkgd.min.js This file contains isotope js.
assets/js/jquery.appear.min.js This file contains appear js.
assets/js/jquery.easing.min.js This file contains easing js.
assets/js/owl.carousel.min.js This file contains owl.carousel js.
assets/js/counter-up.js This file contains counter-up js.
assets/js/wow.min.js This file contains wow js.
assets/js/main.js This file contains custom js.

Features

We have added following features.

  • 100% Responsive
  • Clean Code
  • Creative Design With Latest Trends.
  • Working PHP AJAX Contact Form
  • Clean & Commented Code
  • Bootstrap 5.x
  • Awesome & Modern Design
  • Fast, Lightweight & Powerful
  • Smooth Transition Effects
  • Flexible Layout
  • Flat, modern and clean design
  • Easy Customization
  • Clean Design
  • Beautiful mobile menu
  • SEO Optimized
  • Unique Effects and Functionality
  • Well Commented & Quality Code
  • All Browser Support

Credits & Resources

We have used the following open source plugins.

  • jQuery
  • Bootstrap
  • Google Font
  • Font Awesome
  • Easing
  • Appear
  • Magnific-popup
  • Modernizr
  • Isotope
  • Wow
  • Owl Carousel
  • Imagesloaded
  • Animate Css

Customization

1) How To Change Favicons ?

Answer: Open your index.html file then go to code no 16 then change the href with your icon or image link as you want.

                        <!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
2) How To Change logo ?

Answer: Open your index.html file then go to code no 79 then change the image source file as you want.

                    <a class="navbar-brand" href="index.html">
<img src="assets/img/logo/logo-full-light.png" alt="logo">
</a>
3) How To Change Copy Right ?

Answer: Open your index.html file then go to code no 1748 then change the Copy Right as you want.

                        <p class="copyright-text">
&copy; Copyright <span id="date"></span> <a href="#"> Eduka </a> All Rights Reserved.
</p>
4) How To Change Contact Form Email ?

Answer: Open your eduka/assets/php/contact.php file then go to code no 17,18 then change the email as you want.

	 $to = "contact@example.com"; //Replace your real receiving email address
$header = "From:info@example.com "; //Replace with your real web master email

Faq

Absolutely. We always try to make better versions of our products and we provide related updates to our customers for FREE.

We are working from 10AM-6PM (+05:30 GMT) from Monday – Friday. We tend to answer queries in less than 24 hours on working days.

If you are creating products that charge end users than you should purchase Extended Licence. You should also purchase extended licence if you wish to use the same product for multiple domains.

We have successfully tested it on most of trending web browsers which includes Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer(version11 & later).

Support

We thank you once again for your purchase. Be Happy to connect with us regarding any Issue/Query. If you have any suggestions regarding new features or functions that we can implement, Do let us know. We will surely try to add them in our next Version/Update.

Have a Great Day. Peace!

- Team LunarTemp