HTML & CSS Projects

A collection of beginner–intermediate projects built with just HTML and CSS (no frameworks, no JS unless explicitly mentioned). These projects focus on responsive layouts, creative UI components, and styling fundamentals. Live demos are hosted on my portfolio: https://firdavs.codes

📌 Projects

• Tribute Page – A simple responsive page with semantic structure and styled sections.
• Survey Form – Clean form design demonstrating input types, labels, and accessibility best practices.
• Product Landing Page – A responsive landing page layout with call-to-action, pricing, and features.
• Technical Documentation Page – Multi-section documentation layout with a sticky nav for easy navigation.
• Portfolio Website (Static Version) – Early static portfolio with sections for About, Projects, and Contact.
• Color Markup UI Demos – Small experiments in buttons, layouts, and hover effects.
• Other Mini Layouts – Practice demos (cards, grids, flexbox layouts) showcasing responsive design and reusability.

🎨 Features

• Fully responsive layouts (flexbox, grid, media queries)
• Clean, semantic HTML structure
• Focus on accessibility and mobile-first design
• Custom styling for forms, buttons, cards, and navigation
• No dependencies — pure HTML & CSS

🚀 Live Demos

All live demos are available from my portfolio:
👉 https://firdavs.codes — check the Projects section for direct links to each demo.

📂 How to Run Locally

1. Clone the repo:

   git clone https://github.com/your-username/html-css-projects.git

2. Open the project folder you want to view.
3. Open index.html directly in your browser.