中文介绍

Simple HTML & CSS Login Page

This is a beginner-friendly project that demonstrates how to create a clean and responsive login page using HTML and CSS only.

🌟 Features

• Simple and semantic HTML layout
• Modern CSS styling with Flexbox centering
• Animated input focus effects
• Clean and minimal design
• Bilingual placeholders (English + 中文)

📁 Project Structure

.
├── Login.html     # The main HTML file
├── style.css      # External CSS styles
├── action.js      # (Placeholder for future login logic)

🔧 How to Use

1. Clone or download the repository.
2. Open Login.html in your browser.
3. You'll see a styled login form with username and password fields.

🖥️ Preview

A basic login form centered on the screen, with:

• Red-orange background (#e76f51)
• Dark login card with white text
• Smooth input animations on focus
• Submit button with hover effect

💡 Learning Highlights

This project is great for learning:

• How to use CSS Flexbox for centering
• Applying padding, margin, and box shadows
• Styling form inputs
• Adding transitions and hover effects

🚀 Future Improvements (Ideas)

• Add JavaScript validation (action.js)
• Support dark/light themes
• Make it mobile responsive

📄 License

This project is open source and free to use.

---

Made with ❤️ by a beginner learning HTML & CSS.