a9qx / modern-login-page

I have designed a login page using HTML, CSS, and JavaScript that is not only modern but also highly responsive.

Modern Login Page

I have designed a login page using HTML, CSS, and JavaScript that is not only modern but also highly responsive.

Click here and see for yourself

How to Use:

To ensure that the HTML file loads correctly and to facilitate ease of editing, it is imperative to use a Web Server, such as the one available in VSCode, as opposed to simply opening the file in Chrome, as the latter may result in incorrect loading and cause unnecessary difficulties during the editing process.

Login Credentials

Username: A9qx

Password: andr@asistheG@0t

(I would recommend copy and pasting this in)!

Features:

• Responsive design
• Smooth animation effects
• Gradient background using CSS animation
• Input fields with placeholder text and hover/focus effects
• Login button with hover and active effects
• Login authentication logic using JavaScript
• Uses Google Fonts
• Uses box-sizing: border-box globally
• Uses flexbox for layout
• Uses CSS box-shadow and border-radius properties for styling
• Uses CSS transitions for smooth effects
• Uses event listener to handle form submission
• Uses IDs to retrieve input values from form elements