KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

Coursera-Web-Design-for-Everybody-Capstone-Project

★ 24 Open GitHub ↗

This is a repository for the Portfolio Project (designed from scratch) of Web Design For Everybody Specialization on Coursera

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Coursera-Web-Design-for-Everybody-Capstone-Project
This is a repository for the Portfolio Project (designed from scratch) of [Web Design For Everybody Specialization on Coursera (University of Michigan)](https://www.coursera.org/specializations/web-design).

## About this Specialization
This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript.

## Courses: 
1. [Introduction to HTML5](https://www.coursera.org/learn/html?specialization=web-design).
2. [Introduction to CSS3](https://www.coursera.org/learn/introcss?specialization=web-design).
3. [Interactivity with JavaScript](https://www.coursera.org/learn/javascript?specialization=web-design).
4. [Advanced Styling with Responsive Design](https://www.coursera.org/learn/responsivedesign?specialization=web-design).
5. [Web Design for Everybody Capstone](https://www.coursera.org/learn/web-design-project).

---

### Web Design for Everybody Capstone Prpject (Portfolio)
* developed a professional-quality web portfolio.
* Desgined the website from scratch.
* Built HTML structure.
* Added CSS style.
* Added Responsive for screens less than 500px;
* Added JavaScript Interactivity.
* Valdited On w3 Validator.

---

### Build With: 
* HTML5
* CSS3
* JavaScript
* jQuery

---

### Freehand design sketches for the Portoflio

** This is a design for Desktop screen

![Desktop-design](https://github.com/NohaaAa/Coursera-Web-Design-for-Everybody-Capstone-Project/blob/master/Designs/Desktop%20view.png)

** This is a design for Mobile screen

![Mobile-view](https://github.com/NohaaAa/Coursera-Web-Design-for-Everybody-Capstone-Project/blob/master/Designs/mobile%20view.png)

---

### w3 Validation for index.html
![w3validator](https://github.com/NohaaAa/Coursera-Web-Design-for-Everybody-Capstone-Project/blob/master/Validations/w3-validator.png)

---

### Portoflio Demo

** You can visit the Protoflio [here](https://noha-m.netlify.com/).

![Desktop-view](https://github.com/NohaaAa/Coursera-Web-Design-for-Everybody-Capstone-Project/blob/master/Screenshots/disktop-view.gif)

![Mobile-view](https://github.com/NohaaAa/Coursera-Web-Design-for-Everybody-Capstone-Project/blob/master/Screenshots/mobile-view.gif)

Coursera-Web-Design-for-Everybody-Capstone-Project

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README