Skip to content

A simple photography landing page built using only HTML and CSS. Features a hamburger-style navigation menu implemented without JavaScript.

Notifications You must be signed in to change notification settings

aniprogramer/CSS-Mini-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 CSS Mini Project

This is a simple yet visually appealing mini project built entirely using HTML and CSS. It serves as a foundational project for understanding layout, styling, and responsiveness using only CSS. Ideal for beginners looking to practice modern CSS design principles.

πŸ–ΌοΈ Preview

Project Screenshot


πŸš€ Features

  • Clean and modern UI
  • Pure HTML + CSS (No JavaScript)
  • Easy to customize and extend

πŸ“ Project Structure


CSS-Mini-Project/
β”œβ”€β”€ index.html         # Main HTML file
β”œβ”€β”€ style.css          # Custom CSS styling
β”œβ”€β”€ preview\.png        # Screenshot of the project for README preview
β”œβ”€β”€ photo.jpg          # Sample image used in the project
└── README.md          # Project documentation


πŸ› οΈ How to Run the Project

  1. Clone the repository:

    git clone https://github.com/aniprogramer/CSS-Mini-Project.git
  2. Navigate to the folder:

    cd CSS-Mini-Project
  3. Open index.html in your browser:

    • You can double-click the file, or
    • Use Live Server in VS Code

πŸ“š Technologies Used

  • HTML5
  • CSS3 (Flexbox, Media Queries, Custom Styling)

πŸ“ˆ Learning Outcomes

  • Understanding of CSS layout techniques
  • Improved skills in styling web elements
  • Practice with basic responsive design

πŸ™Œ Contributing

Contributions are welcome! If you have suggestions or want to add new components, feel free to fork the repo and create a pull request.


πŸ“„ License

This project is licensed under the MIT License.


πŸ‘¨β€πŸ’» Author

Aniket – @aniprogramer


⭐️ Don't forget to star the repository if you found it helpful!


Let me know if you also want a deploy button or GitHub Pages setup instructions.

About

A simple photography landing page built using only HTML and CSS. Features a hamburger-style navigation menu implemented without JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published