1. Header Component (header.html)
 File Information:
 Purpose: Main header display for the Online Book Store
 Features: Simple header with bookstore title and styling
 Dependencies: Links to style.css for CSS styling
 
 
 
 
 
 
 
 
 

 📚
 Online Book Store
 
2. Home Layout (home.html)
 File Information:
 Purpose: Main application layout using HTML frames
 Structure: Nested frameset with header, menu, and content areas
 Technology: Uses HTML frames (deprecated but functional)
 
 
 
 
 
 
 
 
 
 
 
 
 
3. Navigation Menu (menu.html)
 File Information:
 Purpose: Navigation menu with links to different sections
 Features: Three main navigation links with target attributes
 Styling: Light gray background with linked CSS
 
 
 
 
 
 
 
Menu
 Login
 


 Register
 


 Catalogue
 


 
 
4. Login Form (login.html)
 File Information:
 Purpose: User login form for authentication
 Fields: Username (text input) and Password (password input)
 Actions: Submit and Clear buttons
 
 
 
 
 
 
 
 
Login Form
 

 Username: 
 


 Password: 
 


 
 
 
 
 
5. Registration Form (register.html)
 File Information:
 Purpose: New user registration form
 Fields: Name, Email, Password, Gender (radio buttons), Address (textarea)
 Layout: Table-based form layout
 
 
 
 
 
 
 
 
User Registration
 

 

 
Name:

 
Email:

 
Password:

 
Gender:

 Male
 Female
 
Address:

 

 
 
 
 
 
 
 
6. Book Catalogue (catalogue.html)
 File Information:
 Purpose: Book catalogue with pricing and purchase options
 Features: Table layout with book titles, authors, prices, and "Add" buttons
 Books: 4 books with Indian Rupee pricing
 
 
 
 
 
 
 
 
Book Catalogue
 

 

 
Book Title
 
Author
 
Price
 
Buy
 
 
Web Technology
A. Sharma
₹550
Add
 
Java Programming
Herbert Schildt
₹750
Add
 
Database Systems
Korth
₹600
Add
 
Python for Beginners
John Doe
₹500
Add
 
 
 
7. CSS Styles (style.css)
 File Information:
 Purpose: Complete CSS styling for all HTML components
 Categories: Base styles, form elements, table styling, hover effects
 Color Scheme: Professional blue theme (#2E4A62)
 body {
 font-family: Arial, sans-serif;
 margin: 20px;
 }
 h2, h1, h3 {
 color: #2E4A62;
 }
 input, textarea, select {
 padding: 6px;
 width: 90%;
 border: 1px solid #ccc;
 border-radius: 4px;
 }
 button, input[type=submit], input[type=reset] {
 padding: 8px 15px;
 border: none;
 background-color: #2E4A62;
 color: white;
 cursor: pointer;
 border-radius: 4px;
 }
 button:hover, input[type=submit]:hover, input[type=reset]:hover {
 background-color: #1b2f40;
 }
 table {
 border-collapse: collapse;
 }
 th {
 }
 background-color: #2E4A62;
 color: white;
 td, th {
 padding: 10px;
 border: 1px solid gray;
 }