Project Overview
Educiza is a static template for online education/course websites, featuring 20+ complete pages including three homepage variants, course listings, blogs, shopping cart, team showcase, and more. Built with the Bootstrap framework, it includes interactive effects such as carousels and scroll animations, making it suitable for quickly building marketing pages for educational institutions or online learning platforms.
Tech Stack
- Bootstrap 5 (responsive framework)
- Static HTML/CSS
- Google Fonts (Archivo, Urbanist)
- Font Awesome 6 (icon library)
- Owl Carousel (carousel component)
- AOS (scroll animation)
- PHP (only contact-form.php for handling the contact form)
Project Structure
educizahtml-10/
├── Documentation/
│ └── doc.html
└── educiza/
├── index.html ← Homepage (main entry)
├── index1.html ← Homepage variant 2
├── index2.html ← Homepage variant 3
├── about.html ← About Us
├── course.html ← Course List
├── blog.html ← Blog List
├── shop.html ← Products/Store Page
├── team.html ← Team Members
├── contact.html ← Contact Page
├── contact-form.php ← Form backend processing
└── assets/
├── bootstrap/ ← Bootstrap CSS
├── css/ ← Theme styles (style.css, responsive.css, etc.)
├── images/ ← Image assets
└── js/ ← JS scripts (to be supplemented)
Core File Description
educiza/index.html— Main homepage entry, complete display of navigation and sectionsassets/css/style.css— Main stylesheet defining colors, fonts, and typographyassets/bootstrap/bootstrap.min.css— Bootstrap base framework stylesassets/css/responsive.css— Responsive adaptation stylesassets/css/owl.carousel.min.css— Carousel component stylescontact-form.php— Contact form submission backend logic (requires PHP environment)
Quick Start
- Open
educiza/index.htmldirectly in a browser to preview all pages - To enable email sending via the contact form, deploy the educiza folder to a PHP-supported server
- Edit page content directly in the corresponding HTML files; styles are centralized in the
assets/css/directory
Usage Suggestions
This template consists of pure static pages, suitable for static sites like course introductions and enrollment promotions. For backend integration or CMS, consider splitting pages into template fragments or connecting to a Headless CMS. The contact-form.php sends emails to amna.amjad@devbunch.com by default; replace it with the actual recipient email before use.
