[JITERA] Add login form HTML file

Created by: chi-jitera

Overview

This pull request introduces a new HTML file for the login form, which is designed to match the provided specifications. The file includes the necessary HTML structure and CSS styles to create a visually appealing and functional login interface.

Changes

• Created login.html:
  • This file contains a simple login form with fields for username and password.
  • The form includes a login button and a "Forgot password?" link.
  • The CSS styles ensure that the form is centered on the page and visually aligned with the design requirements.

Code Breakdown

• HTML Structure:

  • The form is wrapped in a div with the class login-container for styling.
  • Each input field is contained within a div with the class input-container, which helps in aligning the input fields and their respective icons.

• CSS Styles:

  • The body has a background color of #1a73e8 and uses flexbox to center the login form vertically and horizontally.
  • Input fields are styled with a transparent background and white borders to maintain visibility against the background.
  • The login button has a hover effect to enhance user interaction.

This implementation provides a solid foundation for the login functionality and can be further integrated with backend services for authentication.