Project Overview
Educavo is a Bootstrap-based static HTML template for education and training purposes. It offers 15 homepage layout variations covering common educational website pages such as courses, blogs, events, teams, and shops, making it suitable for quickly building online course platforms, training institutions, or university websites.
Tech Stack
- HTML5 / CSS3
- Bootstrap 4 / Bootstrap 5
- jQuery
- Google Fonts (Rubik + Nunito)
- LESS
Project Structure
educavohtml-10/
├── RTL_Packages/ # RTL version (Arabic and other right-to-left layouts)
│ ├── educavo-html-bootstarp-4/
│ │ ├── style.css
│ │ ├── index.html ~ team2.html
│ │ └── mailer.php
│ └── educavo-html-bootstarp-5/
│ └── ...
├── educavo-html-bootstarp-4/ # Bootstrap 4 LTR main package
│ ├── style.css / style.less
│ ├── index.html ~ team2.html
│ ├── mailer.php
│ └── assets/
└── educavo-html-bootstarp-5/ # Bootstrap 5 LTR main package
└── ...
Key Files Description
index.html— Default homepage entry (plus index2~index15 for 15 homepage styles)style.css— Main stylesheet defining color system (primary #21a7d0, secondary #273c66) and 39 section stylesstyle.less— LESS source file for easy theme variable customizationmailer.php— Contact form backend processing scriptcourse.html— Course list page templateblog.html— Blog/news list page template
Quick Start
Pure static pages, no build required:
- Navigate to
educavohtml-10/educavo-html-bootstarp-5/directory - Open
index.htmldirectly in a browser to preview the homepage - Or deploy the entire directory to any web server (Nginx/Apache)
Usage Suggestions
The template includes 15 homepage variants (index ~ index15). It is recommended to select the version closest to your actual business scenario as a starting point, then replace content and customize as needed. Note that images and font files in the assets/ directory must maintain consistent paths with the HTML files, and form submission requires configuring the email service in mailer.php.
