# 🎨 Frontend Development Projects

Here are some of the front-end projects I’ve built to sharpen my web development skills and showcase my ability to design, build, and deploy responsive, user-friendly interfaces. Each project was created using modern web technologies and focused on clean UI/UX, performance, and accessibility.



#### 🏘️ Final MG

A modern, multi-section landing page designed for a real estate theme. It features animated transitions, scroll effects, and a clean layout.

**Tech Used:**\
`HTML`, `CSS`, `JavaScript`, `Responsive Design`

🔗 [View Project](https://osamashaabann.github.io/final-mg/)

***

#### 🏢 Zed MG

An elegant real estate-themed UI design with strong attention to layout and spacing. Optimized for both desktop and mobile views.

**Tech Used:**\
`HTML`, `CSS`, `Responsive Design`

🔗 [View Project](https://osamashaabann.github.io/zed-MG/)

***

#### 🌍 Natours

A creative and visually appealing tourism landing page inspired by design systems. Includes animations, transitions, and card layouts.

**Tech Used:**\
`HTML`, `SASS`, `CSS Animations`

🔗 [View Project](https://osamashaabann.github.io/natours/)

***

#### 🚀 Next

An interactive, animated website with creative transitions and modern layout. Built with performance and smooth UX in mind.

**Tech Used:**\
`HTML`, `CSS`, `JavaScript`, `GSAP`

🔗 [View Project](https://osamashaabann.github.io/next/)

***

#### 🐱 Bosy & Tumtum

A fun, personal project built for character presentation with playful visuals, smooth hover effects, and interactive elements.

**Tech Used:**\
`HTML`, `CSS`, `JavaScript`

🔗 [View Project](https://osamashaabann.github.io/Bosy-and-Tumtum/)

***

#### 💼 Portfolio

My personal portfolio website that showcases my projects, skills, and contact info. Clean design and fully responsive layout.

**Tech Used:**\
`HTML`, `CSS`, `JavaScript`

🔗 [View Project](https://osamashaabann.github.io/Portfolio/)

***

#### 🛠️ TOLS

A minimalist UI concept built with a grid-based layout and responsive design. Focused on simplicity and usability.

**Tech Used:**\
`HTML`, `CSS`

🔗 [View Project](https://osamashaabann.github.io/tols/)

***

#### ✈️ Travello

A travel booking interface mockup with beautiful layout and strong emphasis on call-to-action elements and images.

**Tech Used:**\
`HTML`, `CSS`, `Responsive Grid`

🔗 [View Project](https://osamashaabann.github.io/travello/)

***

#### 💡 TAI

An elegant landing page designed with smooth scrolling effects and modern section transitions. Optimized for all devices.

**Tech Used:**\
`HTML`, `CSS`, `Scroll Animations`

🔗 [View Project](https://osamashaabann.github.io/tai/)
