Login Page This project is a simple login page and designed using HTML, CSS, and JavaScript. The page features a responsive layout and includes basic client-side validation.

Project Structure HTML: The structure of the login page. CSS: The styling for the page, including responsive design. JavaScript: Client-side validation for the login form. Files index.html: The main HTML file containing the structure of the login page. login.css: The CSS file for styling the login page. login.js: The JavaScript file for client-side form validation. File Contents index.html This file contains the HTML structure of the login page, including: A form with input fields for email and password. A "Remember me" checkbox. A link for password recovery. A button to submit the form. A link to the registration page for new users. login.css The CSS file provides styling for the login page, including: General styles (reset, font, and box-sizing). Layout settings for centering the login form. Styles for the form elements (input fields, labels, buttons). Responsive design adjustments for smaller screens. login.js The JavaScript file handles client-side validation, including: Checking if the email and password fields are filled out before submitting the form. Displaying alerts and setting focus if any required fields are empty. Getting Started Prerequisites A web browser to view the page. Running the Project Download or clone the project repository. Open the index.html file in a web browser. Customization You can modify the HTML, CSS, and JS files to customize the look and functionality of the login page. To change the icon, replace kfc.jpg in the tag in the HTML file. License This project is open-source and available for personal and educational use. Feel free to modify and share it as needed.

Acknowledgements The design uses the "Poppins" font, available from Google Fonts. Icons are provided by Ionicons.