Skip to content

Input any details you can think of to see the ATM Card

Notifications You must be signed in to change notification settings

dodosebn/CHECK-ATM

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CHECK-ATM

ATM Card Design

This project showcases an interactive ATM card design implemented using HTML, CSS, and JavaScript. The design simulates the front and back sides of an ATM card and includes input fields for card details.

Features

Front and back side of the ATM card design. Input fields for card owner, card number, expiration date, and CVV. Interactive elements to toggle between the front and back sides of the card. Prerequisites To run this project locally, you need a web browser that supports HTML5, CSS3, and JavaScript.

Getting Started

Clone this repository to your local machine or download the source code as a ZIP file. Open the project directory. Open the index.html file in a web browser. File Structure index.html: Contains the HTML structure of the ATM card design and input fields. style.css: Contains the CSS styles for the card design. script.js: Contains the JavaScript code for handling the interactivity of the card design. Usage Open the index.html file in a web browser. The front side of the ATM card design will be displayed initially. Fill in the required card details in the input fields (card owner, card number, expiration date, and CVV). As you enter the card details, the card design will update dynamically to reflect the entered information. To toggle between the front and back sides of the card, click on the "See the back" or "See the front" links. Contributing Contributions to this project are welcome. You can contribute by submitting bug reports, suggesting enhancements, or implementing new features. Please follow the standard GitHub workflow (fork, branch, commit, pull request) in order to contribute.

License

This project is licensed under the MIT License.

Acknowledgments

The ATM card design was inspired by real-world ATM card designs. The project utilizes HTML, CSS, and JavaScript to create an interactive user experience. Also shout out to my Mentor EGWU FLORENCE Popularly Known as dev-fae

Contact

If you have any questions, suggestions, or feedback, please feel free to contact [dodos_ebn] via [[email protected]].

About

Input any details you can think of to see the ATM Card

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published