✨Login/Signup Page

🎨 A responsive and animated Login/Signup interface built using **HTML**, **CSS**, and **JavaScript**.

---

📸 Preview

---

✨ Features

• Toggle between Login and Signup with a sliding animation
• Fully responsive layout using Flexbox
• Gradient backgrounds and animated transitions
• CSS-only tab switching (no libraries required)
• JavaScript-enhanced UI behavior

---

🛠 Technologies Used

• HTML5
• CSS3 (Flexbox, transitions, media queries)
• JavaScript (vanilla)
• Google Fonts: Raleway

---

📁 Project Structure

login-signup-page/
├── Login_signup.html       # Main HTML file
├── style.css               # Styling and layout
├── style.js                # JavaScript logic
├── images/                 # Folder for all images
│   ├── login.png           # Login form screenshot
│   ├── signup.png          # Signup form screenshot
│   └── login_bg.jpg        # Background image
└── .vscode/
    └── settings.json     

---

🚀 Getting Started

1. Clone this repository:

git clone https://github.com/1efferson/Login-sigup-page.git

2. Open Login_signup.html in your browser.

✅ No installation or build step needed — works with static files.

---

📱 Responsive Design

• Desktop: Form and background image display side-by-side
• Mobile: Elements stack vertically when screen width ≤ 768px

---

🔧 Future Improvements

• Add form validation with JavaScript
• Integrate backend authentication (e.g., Firebase, Node.js)
• Improve accessibility (keyboard navigation, ARIA labels)

---

📄 License

This project is licensed under the MIT License.

---

👨‍💻 Author

Jefferson