Institution Guide

Welcome to the EduPro administration guide. This document provides everything you need to manage your institution's digital presence.

Academic Tip: For course thumbnails, use high-contrast images that represent the course subject effectively to improve click-through rates.

Getting Started

  1. Extract the EduPro archive.
  2. Open the primary directory in your preferred editor.
  3. Navigate to index.html to view the homepage.

File Structure

/edupro-template/
├── index.html              # University Landing
├── courses.html            # Catalog Page
├── instructors.html        # Staff Directory
├── css/style.css           # Academic Styles
└── js/main.js              # Controller Logic

Section Editing

The Global Header

Update your institution's branding in the header of all pages.

<header class="header">
    <div class="container">
        <a href="index.html" class="logo">UNIVERSITY NAME</a>
    </div>
</header>

Course Card Management

Courses are modular components. Duplicate the .course-card block to add new listings.

<div class="course-card">
    <h3>Course Title</h3>
    <span class="category">Science</span>
    <span class="price">$49.00</span>
</div>

Theme & Styling

Updating Institutional Colors

Edit the core CSS variables in style.css to match your school's color scheme.

:root {
    --color-primary: #2563eb;  /* Branding Color */
    --color-secondary: #f59e0b; /* Accent Color */
}

SEO & Optimization

Update the academic meta tags in the <head> section of every page to ensure search engines categorize your courses correctly.

Deployment

EduPro is built with academic speed in mind. Deploy the static files to any reliable web host or educator platform.