Skip to content

A modern, responsive Sign-In page built with HTML, CSS, Bootstrap, jQuery & Font Awesome, featuring animations, error handling, and password toggle.

License

Notifications You must be signed in to change notification settings

pratimasingh3107/Responsive-Sign-In-Page-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ” Responsive Sign In Page with Animation

A modern, responsive Sign-In page designed with a clean UI and smooth animations.
Includes error handling, a password visibility toggle, and responsive design for all screen sizes.


✨ Features

  • πŸ“© Email & Password form with validation
  • πŸ‘οΈ Password Show/Hide toggle (eye icon)
  • ⚠️ Error handling with shake animation + red error message
  • βœ… Success message when inputs are valid
  • 🎨 Animations
    • Card fade-in
    • Heading slide-down
    • Shake effect on error
    • Button hover transition
  • πŸ“± Fully responsive design with Bootstrap
  • Gradient background and modern card UI

πŸ› οΈ Technologies Used

  • HTML5 – semantic markup
  • CSS3 – custom styles + animations
  • Bootstrap 5 – responsive grid system & utilities
  • jQuery – interactivity and validation
  • Font Awesome – icons (eye toggle)

πŸš€ How to Run

  1. Clone this repo:
    git clone https://github.com/pratimasingh3107/Responsive-Sign-In-Page-
    
    

About

A modern, responsive Sign-In page built with HTML, CSS, Bootstrap, jQuery & Font Awesome, featuring animations, error handling, and password toggle.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published