A collection of responsive websites built during my first semester, demonstrating core frontend fundamentals.
Tech Stack • Projects • Getting Started • Author
Here is an overview of the three major projects included in this repository.
A trustworthy and accessible landing page designed for a healthcare facility.
- Key Features: * Sticky navigation bar.
- Comprehensive appointment booking form.
- Service catalog (Respiratory, Lab, Physiotherapy).
- Doctor profiles and health blog section.
- Focus: Semantic HTML structure and Form handling.
A digital resume designed to showcase my skills and connect with clients.
- Key Features:
- Hero Section: Welcoming introduction with Call-to-Action.
- Project Grid: visual gallery of past work.
- Contact Section: Functional layout for client inquiries.
- Focus: Personal branding and Flexbox/Grid layouts.
A modern, high-conversion landing page for a YouTube growth agency.
- Key Features:
- Login UI: Integrated Sign-in/Sign-up modal in the hero section.
- Search Function: Styled search bar in the navbar.
- Social Integration: Uses Ionicons for scalable vector icons.
- Focus: UI/UX design patterns and external library integration.
To view these projects locally on your machine:
- Clone the repository:
git clone [https://github.com/YourUsername/Your-Repository-Name.git](https://github.com/YourUsername/Your-Repository-Name.git)
- Navigate to the project folder:
cd Your-Repository-Name - Open in Browser:
- Locate the
index.htmlfile inside any project folder (e.g.,/Central-Care/index.html). - Double-click to open it in Chrome, Firefox, or Edge.
- Locate the
Mahboob Ali
- Role: Web Developer & Designer
- Status: Computer Science Student (1st Semester Projects)
- Focus: Building clean, efficient, and user-friendly web interfaces.
This repository contains static assets (HTML/CSS). Images are hosted locally within the project folders.