Skip to content

arif19970108/EduPro---E-learning-Platform

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ“ EduPro – Online Learning Platform

EduPro is a modern, responsive, and scroll-based single-page web application designed for an engaging e-learning experience. Built using HTML, CSS, and JavaScript, this project provides users with a smooth and interactive interface to explore courses, instructors, enrollments, live sessions, FAQs, and contact options. The design ensures optimal performance across all devices including desktops, tablets, and smartphones.


πŸš€ Live Preview

πŸ‘‰ https://arif19970108.github.io/EduPro---E-learning-Platform/


πŸ”₯ Features

1. Fixed Navbar with Scroll Active State

  • Smooth scroll navigation between sections
  • Highlights the current section in the navbar as the user scrolls

2. Hero Section

  • Visually appealing header with a clean CTA button
  • Includes a search box for filtering courses or instructors

3. Courses Section

  • Lists premium courses using responsive cards
  • Includes hover effects and course descriptions

4. Instructors Section

  • Displays instructor profiles with images and expertise
  • Responsive layout with clean typography

5. Live Sessions Section

  • Highlights benefits of live classes
  • Beautiful layout with scroll animations

6. Enrollment Modal

  • "Enroll Now" button triggers a modal popup
  • Includes a form for name, email, and course selection

7. Reviews Section

  • Student testimonials and feedback
  • Optional slider integration for rotating reviews

8. FAQ Section

  • Toggle-based accordion to display common questions
  • Includes questions like:
    • What courses do you offer?
    • Are live classes recorded?
    • How do I enroll in a course?
    • Will I get a certificate after completion?

9. Contact Section

  • Contact form with name, email, and message
  • Google Maps integration optional

πŸ› οΈ Technologies Used

  • HTML5 – Markup structure
  • CSS3 – Styling and responsiveness
  • JavaScript (Vanilla) – Interactivity and DOM manipulation
  • Media Queries – For full mobile responsiveness

πŸ‘¨β€πŸ’» Author

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published