Project Directory Structure

web_project/
│
├── admin/                   # Directory containing files related to the admin page
│   ├── dashboard.html       # Main interface of the admin page
│   └── admin-style.css      # CSS file specific to the admin page
│
├── booksGenere/             # Directory containing HTML files related to book genres
│   ├── fiction.html         # Interface for the "Fiction" genre
│   └── non-fiction.html     # Interface for the "Non-Fiction" genre
│
├── css/                     # Directory containing shared CSS files
│   ├── style.css            # Main CSS file of the project
│   └── theme.css            # Additional theme CSS file
│
├── image/                   # Directory containing image assets
│   ├── logo.png             # Website logo
│   └── banner.jpg           # Banner image
│
├── js/                      # Directory containing JavaScript files
│   └── app.js               # Main JavaScript file
│
├── index.html               # Main HTML file (Homepage)
├── about.html               # HTML file for the "About" page
└── (x).html                 # Many other HTML file

Directory Structure Description: