https://github.com/hussein-m-kandil/top-advanced-html-and-css-study

Projects that i built while studying "The Odin Project" (Advanced HTML and CSS Course - Full Stack JavaScript Path)
https://github.com/hussein-m-kandil/top-advanced-html-and-css-study

advanced css development front front-end front-end-development frontend html learn learning learning-by-doing self-learning self-taught the-odin-project theodinproject web webapp webdev webdevelopment

Last synced: 7 days ago
JSON representation

Projects that i built while studying "The Odin Project" (Advanced HTML and CSS Course - Full Stack JavaScript Path)

• Host: GitHub
• URL: https://github.com/hussein-m-kandil/top-advanced-html-and-css-study
• Owner: hussein-m-kandil
• Created: 2024-07-17T08:40:03.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-22T12:02:37.000Z (7 months ago)
• Last Synced: 2024-12-16T04:12:11.042Z (2 months ago)
• Topics: advanced, css, development, front, front-end, front-end-development, frontend, html, learn, learning, learning-by-doing, self-learning, self-taught, the-odin-project, theodinproject, web, webapp, webdev, webdevelopment
• Language: HTML
• Homepage: https://hussein-m-kandil.github.io/top-advanced-html-and-css-study/
• Size: 18.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# The Odin Project Advanced HTML and CSS Study

Projects that i built while studying the [Advanced HTML and CSS Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/advanced-html-and-css/) which is part of the [Full Stack JavaScript Path](https://www.theodinproject.com/paths/full-stack-javascript/) at [The Odin Project](https://www.theodinproject.com/).

## Projects' links

1. [Odin Homepage](https://hussein-m-kandil.github.io/top-advanced-html-and-css-study/odin-homepage/index.html)

### Lighthouse results for _Odin Homepage_

> _**Note** that these values are **estimated** and may vary._

- **_Mobile_**

  ![Screenshot show Lighthouse result for Odin Homepage on Mobile as follows: Performance 75%, Accessibility 100%, Best Practices 100%, and SEO 100%.](./odin-homepage/assets/images/lighthouse-mobile-results.jpg)

- **_Desktop_**

  ![Screenshot show Lighthouse result for Odin Homepage on Desktop as follows: Performance 100%, Accessibility 100%, Best Practices 100%, and SEO 100%.](./odin-homepage/assets/images/lighthouse-desktop-results.jpg)