EduGuard

EduGuard is a responsive and accessible student registration and login interface built entirely with HTML and CSS. It serves as a foundational front-end project for educational platforms, emphasizing clean design and user-friendly forms.

📋 Features

• Student Registration Form: Collects user details such as first name, last name, email, phone number, password, and course selection.
• Login Form: Allows existing users to log in using their email and password.
• Responsive Design: Ensures usability across various devices and screen sizes.
• Accessible Markup: Utilizes semantic HTML elements for improved accessibility.

🚀 Getting Started

Prerequisites

• A modern web browser (e.g., Chrome, Firefox, Edge)
• A code editor (e.g., Visual Studio Code, Sublime Text)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/eduguard.git
   

Navigate to the project directory:

bash Copy Edit cd eduguard Open the project:

You can open index.html directly in your web browser.

Alternatively, use a live server extension in your code editor for real-time preview.

📁 Project Structure ```bash

 eduguard/
 ├── index.html            # Home page
 ├── register.html         # Student registration form
 ├── login.html            # User login form
 ├── css/
 │   └── styles.css        # Stylesheet for the project
 └── README.md             # Project documentatio

🖥️ Usage Registration:

Navigate to register.html.

Fill in the required fields: first name, last name, email, phone number, password, and course selection.

Click the "Register" button to submit the form.

Login:

Navigate to login.html.

Enter your registered email and password.

Click the "Login" button to access your account.

Note: As this project is purely front-end, form submissions do not process data. Backend integration is required for full functionality.

🎨 Customization Styling:

Modify css/styles.css to change the visual appearance of the forms.

Customize colors, fonts, spacing, and layout as desired.

Form Fields:

Update register.html and login.html to add or remove input fields.

Ensure corresponding labels and placeholders are updated accordingly.

📚 Resources W3Schools: How To Create a Register Form

W3Schools: How To Create a Login Form

GeeksforGeeks: HTML Registration Form

GeeksforGeeks: HTML Login Form

🤝 Contributing Contributions are welcome! To contribute:

Fork the repository.

Create a new branch:

   git checkout -b feature/your-feature-name