💳 Credit Card Form

A responsive and interactive credit card form. This project provides a dynamic credit card input field with a live preview of the entered card details. 🔥

🚀 Features

✔️ Real-time credit card preview
✔️ Supports different card types (Visa, MasterCard, Amex, etc.)
✔️ Form validation for accurate input
✔️ Stylish, modern UI with smooth animations
✔️ Fully responsive design 📱💻

---

📸 Screenshots

Front Side	Back Side

---

🛠️ Technologies Used

🖥️ Frontend: HTML, CSS, Vue.js
🎨 Styling: CSS (custom styles & responsive design)
🛠 Libraries: Vue-The-Mask for input masking

---

📂 Project Structure

📁 Credit-Card-HTML
│-- 📁 screen/       # Screenshots & preview images
│-- 📄 index.html    # Main HTML file
│-- 📄 style.css     # Custom styles
│-- 📄 script.js     # Vue.js script for interactivity
│-- 📄 README.md     # Documentation

---

🎯 How to Use

1️⃣ Clone the Repository

git clone https://github.com/Antot-12/Credit-Card-HTML.git

Then

cd Credit-Card-HTML

2️⃣ Open index.html in a Browser

Simply open the index.html file in any modern browser.

3️⃣ Enter Card Details

• Type your card number, cardholder name, expiration date, and CVV.
• Watch the real-time preview of the credit card update.

4️⃣ Submit the Form

• Click the Submit button to process the form. 🚀

---

🎨 Customization

To customize the appearance of the form, modify the style.css file.
To add new card types, update the script.js file under getCardType function.

---