Skip to content

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

 
 
 

Contributors