Skip to content

Latest commit

Β 

History

10 Commits

Folders and files

NameName
Last commit message
Last commit date
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ“ Educational Landing Page

A clean and fully responsive educational landing page built with HTML5, CSS3, and Vanilla JavaScript.

This project focuses on creating a modern educational website interface with responsive design principles, interactive components, and a user-friendly layout.

🌐 Live Demo:
https://ahmadjeddi.github.io/educational-landing-page/


✨ Features

  • πŸ“± Fully responsive design for different screen sizes
  • πŸ“ Educational course cards section
  • ❓ Interactive FAQ accordion
  • 🧭 Responsive navigation menu
  • 🦢 Complete footer section
  • 🎨 Custom styling without frontend frameworks

πŸ›  Technologies Used

  • HTML5
  • CSS3
  • Vanilla JavaScript
  • Font Awesome

πŸ“‚ Project Structure

educational-landing-page/
β”‚
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ css/
β”‚   β”‚   └── style.css
β”‚   β”œβ”€β”€ js/
β”‚   β”‚   └── main.js
β”‚   β”œβ”€β”€ img/
β”‚   └── fonts/
β”‚
└── index.html

πŸš€ Getting Started

To run this project locally:

  1. Clone the repository:
git clone https://github.com/AhmadJeddi/educational-landing-page.git
  1. Open index.html in your browser.

No additional setup or dependencies are required.


🎯 Purpose

This project was created to practice and demonstrate frontend development skills, including responsive layouts, UI design, and JavaScript-based interactions.


πŸ‘€ Author

Ahmad JeddiZahed

GitHub: https://github.com/AhmadJeddi


πŸ“„ License

This project is open-source and available for learning and educational purposes.

About

Responsive educational landing page built with HTML, CSS, and JavaScript

Topics

Resources

Stars

49 stars

Watchers

0 watching

Forks

Contributors

Languages