This project implements a responsive login and signup page with a modern, split-screen design. It features smooth transitions, form validation, and a loading animation upon form submission.
- Split-screen layout for login and signup
- Responsive design with mobile support
- Client-side form validation
- Transition animations
- Loading animation on form submission
This project is built using core web technologies:
- HTML
- CSS
- JavaScript
No external frameworks or libraries are required.
The project consists of three main files:
index.html
: Contains the HTML structure of the pagestyle.css
: Defines the styles and layoutscript.js
: Implements the interactive functionality
- Responsive Design: The layout adapts to different screen sizes, with a hamburger menu for mobile views
- Form Validation: The script performs basic validation on form fields before submission
- Animations: CSS transitions provide smooth visual feedback for user interactions
- Loading Animation: A CSS-based loading spinner appears after form submission