Photo School Project

Photo School Project is a simple web-based photo gallery created as part of a school assignment. It demonstrates basic HTML, CSS, and JavaScript skills by organizing images across multiple pages and adding interactive behavior.

📁 Project Structure

index.html       - Main landing page with navigation
photos1.html     - Gallery page 1
photos2.html     - Gallery page 2
photos3.html     - Gallery page 3
photos4.html     - Gallery page 4
scripts.js       - JavaScript for interactivity (e.g., navigation or lightbox)
styles.css       - Styling for layout and appearance
photos/           - Directory containing the image assets

🚀 Features

Responsive layout using CSS
Separate pages for different sets of photos
Basic JavaScript to handle events or navigation
Basic config for your photos

🛠️ Technologies Used

HTML5
CSS3
Vanilla JavaScript

🧩 How to Use

Clone the repository:

git clone <repository-url>
cd photo-shcool-project

Open index.html in a web browser.
Navigate through the photo pages using links on the main page.

📌 Notes

Replace placeholder images in the photos/ directory with your own.
Optimize image file sizes (resize dimensions, compress, or convert to WebP/AVIF) to improve load times.
Use lazy loading (loading="lazy") and modern attributes (decoding="async") on <img> elements (already applied in this template).
Feel free to enhance the project with additional features like a lightbox effect, responsive grid, or image captions.

This progect is made for school or personal use. NOT COMMERCIAL it is free to use for commercial but is not made for it. Do not make comments or issues to add commercial staderds or fetchers this is for school or personal use and thanks for reding the readme

1.8 KiB Raw Blame History