Skip to content

Noor-Afsha7/cat-photoapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🐾 CatPhotoApp – Pure HTML Project

This is a fun and beginner-friendly project built entirely using pure HTML, based on the freeCodeCamp curriculum. It’s a mock website designed for cat lovers and showcases key HTML concepts like semantic structure, accessibility, image handling, and form elements.

πŸ”§ Features

  • βœ… Semantic HTML5 elements (<main>, <section>, <figure>, <footer>)
  • βœ… Lists (<ul> and <ol>) with cat-related items
  • βœ… Embedded images with descriptive alt attributes
  • βœ… Accessible and well-structured form using:
    • <fieldset> and <legend>
    • Radio buttons and checkboxes with proper labels
    • Required text input with placeholder
  • βœ… External links and image links with proper usage
  • βœ… Footer with attribution

πŸ“ Files Included

  • index.html – Entire HTML structure of the project

πŸš€ How to Use

  1. Clone or download the repository
  2. Open index.html in your web browser
  3. Enjoy the cuteness of cats 🐱 and the clean HTML structure

🎯 Purpose

This project was built as part of my learning journey in web development. It helped me strengthen core HTML skills, including:

  • Semantic markup
  • Accessibility best practices
  • Form creation and structure
  • Organizing real content in a user-friendly way

🌐 Live Preview

(You can host this file using GitHub Pages or Netlify and drop the link here.)

πŸ‘©β€πŸ’» Made By

Noor Afsha

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages