Login-page

Responsive Login Page

This is a responsive login page created using HTML and CSS. It is designed with a modern layout and adapts to various screen sizes, making it user-friendly across devices.

Project Overview

This login page includes the following fields and features:

• Full Name: A text input field for entering the user's name.
• Semester: A dropdown menu for selecting the semester.
• Department: A dropdown menu for choosing the department (e.g., BBA, MBA).
• Email ID: An input field for entering the user's email address.
• Registration ID: An input field for entering the user's unique registration ID.
• Submit Button: A button to submit the form.

Features

• Modern and visually appealing design with a purple gradient background.
• Fully responsive layout for mobile, tablet, and desktop screens.
• Dropdown menus for semester and department selection.
• Form validation implemented for input fields (if applicable).

Getting Started

Follow these steps to view or use the project:

1. Clone the repository using the command below:

git clone https://github.com/jeetpaul1/Login-page.git

2. Navigate to the project directory:

cd Login-page

3. Open the index.html file in your browser.

Screenshots

Below is a preview of the login page:

Below is a preview of the login page in mobile view:

Learning Outcomes

This project helped me:

• Improve my skills in creating responsive web designs using CSS.
• Implement dropdown menus and input fields in HTML forms.
• Practice creating visually appealing layouts with gradients and rounded corners.

Technologies Used

• HTML5
• CSS3

GitHub Repository

Find the source code on GitHub: GitHub Repository.

License

This project is licensed under the MIT License.