📚 Quil & Byte Book Library — SNW Project Website

A straightforward static website made as part of the SNW Project submission. The website is built using HTML, CSS, and images — no frameworks or build tools.

This README provides:

• The project’s goal and overview
• Instructions for running it locally
• File and folder structure
• Details about styles and assets

---

🧭 Table of Contents

• Overview
• How to Run Locally
• File & Folder Structure
• Styles and Assets

---

📖 Project Overview

Quil & Byte Book Library is a small, static website designed for the SNW project. It uses only HTML and CSS for structure and styling.

The goal of this project is to demonstrate:

• Page layout and structure

• Responsive design (for Popular, Review, and Favorite sections)

• Basic UI components such as:

  • Navigation bar
  • Search bar
  • Content cards and grid layouts

---

💻 How to Run Locally

1. Clone the repository

   git clone https://github.com/Divyatmaj/SNW-Project-Website.git
   cd SNW-Project-Website

2. Open the project

   • Simply open index.html in any browser or
   • Use the Live Server extension in VS Code for a better development experience

⚡ No build step is required — it’s a purely static site.

---

📂 File & Folder Structure

SNW-Project-Website/
├── images/           # Image assets used across pages
├── index.html        # Home / Landing page
├── popular.html      # Popular / Featured books page
├── login.html        # Login page
├── signin.html       # Sign in / Signup page
├── style.css         # Global styles
├── popular.css       # Styles specific to popular.html
├── login.css         # Styles specific to login.html
└── README.md         # This document

---

🎨 Styles and Assets

• style.css — global styles (typography, colors, layout, etc.)

• popular.css, login.css — page-specific overrides

  • You can merge these into style.css if you prefer a single stylesheet.

• images/ — store all images here

  • Use meaningful filenames
  • Always include alt text for accessibility

---

✨ Created with simplicity and clarity for the SNW Project.

---

Would you like me to make it look a bit more aesthetic and branded (with a color header banner, emoji section titles, and contribution/license section) — or keep it strictly professional like this?