Skip to content

byteom/Course-Downloading-Website

Repository files navigation

Course-Downloading-Website

Features

  • Course Cards: Each course is displayed as a card with its title, description, and a "More Details" button.
  • Course Details Page: Clicking on the "More Details" button navigates to a dedicated page for each course, where users can view more information about the course and download course materials.
  • Search and Filter: Users can search for courses by title or filter courses by category using the search and category filter options provided.
  • Responsive Design: The website is designed to be responsive, ensuring a seamless experience across devices of different screen sizes.

Usage

  1. Clone this repository to your local machine.
  2. Open the index.html file in a web browser to view the website.
  3. Browse through the available courses, search for specific courses, or filter courses by category.
  4. Click on the "More Details" button of a course to view additional information and download course materials.
  5. Enjoy learning!

Directory Structure

  • index.html: Main HTML file containing the homepage of the website.
  • styles.css: CSS file containing styles for the website.
  • script.js: JavaScript file containing the functionality for generating course cards and handling user interactions.
  • images/: Directory containing images for course thumbnails.
  • materials/: Directory containing course materials such as slides and code samples.
  • README.md: This file providing information about the website and its usage.

Credits

This website was created by om singh. It uses HTML, CSS, and JavaScript for frontend development.