https://github.com/ammarlodhi255/tv-series-homepage-inclusive-design

A simple TV series homepage with a subpage that is built using WCAG principles and guidelines to be accessible by everyone.
https://github.com/ammarlodhi255/tv-series-homepage-inclusive-design

accessibility css html inclusive-design tv-series-website tv-show-homepage

Last synced: 8 months ago
JSON representation

A simple TV series homepage with a subpage that is built using WCAG principles and guidelines to be accessible by everyone.

• Host: GitHub
• URL: https://github.com/ammarlodhi255/tv-series-homepage-inclusive-design
• Owner: ammarlodhi255
• Created: 2024-09-04T15:26:09.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-09-08T18:51:38.000Z (about 1 year ago)
• Last Synced: 2025-01-18T00:33:27.746Z (10 months ago)
• Topics: accessibility, css, html, inclusive-design, tv-series-website, tv-show-homepage
• Language: CSS
• Homepage:
• Size: 29.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# IDG4309-Inclusive-Design-Assignment

## About 

A homepage and a subpage designed using HTML and CSS by following WCAG  principles (Web Content Accessibility Guidelines). The goal is to ensure that the webpage is accessible as much as possible. 

## Getting Started 

These instructions will get you a copy of the project up and running on your local machine.

1. Clone the project repository from GitHub:

```bash

git clone https://github.com/ammarlodhi255/IDG4309-Inclusive-Design.git

```

2. Navigate to the project directory:

```bash

cd IDG4309-Inclusive-Design

```

3. Open the index.html file on your browser:

```

open ./index.html

```

## Screenshots  

![Homepage1](/img/pc1.png)

![Homepage2](/img/pc2.png)

![Homepage3](/img/pc3.png)

![Subpage1](/img/pc4.png)

![preview](https://github.com/user-attachments/assets/928a4ebc-b840-442b-b5cf-31028252081f)