Project Introductionlink

Edrio is a static HTML template designed for education and online course scenarios. It includes homepage designs in various styles such as university, preschool education, and marketing, along with built-in pages for course listings, blogs, teams, pricing, etc., making it suitable for quickly building educational training websites.

Tech Stacklink

• HTML5 + CSS3 (static pages)
• Bootstrap 5 (responsive layout)
• FontAwesome 6 (icon library)
• Swiper (carousel)
• jQuery Nice Select / Magnific Popup / jQuery UI
• Animate.css (animations)

Project Structurelink

edriohtml-10/Edrio-FIle/
├── Edrio/              # Template main body
│   ├── index.html      # Homepage 1 (online courses)
│   ├── index-2~6.html  # Other style homepages
│   ├── course*.html    # Course-related pages
│   ├── blog*.html      # Blog-related pages
│   ├── team*.html      # Team pages
│   ├── contact.html    # Contact page
│   ├── pricing.html    # Pricing page
│   └── assets/         # CSS, JS, images
└── Documentation/      # Official documentation
    └── index.html

Core File Descriptionlink

• Edrio/index.html — Default homepage, entry file
• Edrio/course.html / course-single.html — Course list and details
• Edrio/blog-*.html — Blog article pages
• Edrio/assets/css/style.css — Main stylesheet
• Documentation/index.html — Official customization documentation

Quick Startlink

Open Edrio/index.html directly in your browser to preview all pages. For local development, you can use any static server:

# Python 3
python -m http.server 8080

# Node.js (npx)
npx serve .

Usage Suggestionslink

The template provides 6 homepage variants. You can select the corresponding index*.html based on your actual brand for secondary modifications. It is recommended to replace course, blog, and other page content with real data before going live.