Skip to content

Cats Page | HTML, CSS | FreeCodeCamp | Enhancements: Modern design, improved structure | Function: Displays cat photos, info, and input form

Notifications You must be signed in to change notification settings

FidelValenzuela/Cats-Page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 

Repository files navigation

Cat Photos Page

Welcome to Cat Photos Page, a playful, minimalist web page to explore the world of cats. This project includes photos, lists, and a form to engage with all things feline.

Live Demo: Cat Photos Page on GitHub Pages

Table of Contents

Features

  • Cat Gallery: Browse cute cat images with responsive layouts.
  • Interactive Lists: Explore lists of things cats love and hate.
  • Cat Form: Input and submit cat information through a sleek, modern form.
  • Responsive Design: Adapts beautifully to desktop and mobile screens with a clean, card-based layout.
  • Stylish UI: Minimalist styling with subtle animations and a bright color scheme.

Technologies Used

  • HTML5: Semantic markup for a well-structured layout.
  • CSS3: Modern styling with grid layout, hover effects, and responsive design principles.
  • Google Fonts: Added 'Roboto' font for a sleek, readable interface.

Installation

  1. Clone the Repository

    git clone https://github.com/fidelvalenzuela/Cat-Photos-Page.git
  2. Navigate to the Project Directory

    cd Cat-Photos-Page
  3. Open index.html in Your Browser

    Simply open the index.html file in your preferred browser to view the page.

Usage

  • Visit the Cat Photos section to view images of adorable cats.
  • Check out the Cat Lists section to learn more about the things cats love and dislike.
  • Use the Cat Form to submit cat photos with details about your cat's personality.

Project Structure

Cat-Photos-Page/
├── index.html       # Main HTML file
├── styles.css       # Main CSS file for styling the page
└── README.md        # Project README file (this file)

Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue with suggestions for improvement.

License

This project is open source and available under the MIT License.

About

Cats Page | HTML, CSS | FreeCodeCamp | Enhancements: Modern design, improved structure | Function: Displays cat photos, info, and input form

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published