diff --git a/Virtual Debit Card/README.md b/Virtual Debit Card/README.md new file mode 100644 index 0000000..6c68994 --- /dev/null +++ b/Virtual Debit Card/README.md @@ -0,0 +1,48 @@ + +**This should be a project** + +*** + + +# Virtual Debit Card!! + +*** + +> Created by **Vidit Varshney (Waferio)** , Made with pure HTML ,CSS , A little bit Javascript. + +*** + +This is a program which generates your **Virtual Debit Card**.. + + +*** + +The best thing of this is that it produces a different **CVV** , when you run the program ... + +*** + +**Here are the |Screenshots|** + + +![screenshot 56](https://user-images.githubusercontent.com/34159717/44857574-b9100080-ac8d-11e8-9b91-ea2802f30113.png) + + +![screenshot 57](https://user-images.githubusercontent.com/34159717/44858601-02f9e600-ac90-11e8-8bfc-8f64382bebdc.png) + + +![screenshot 58](https://user-images.githubusercontent.com/34159717/44858696-38063880-ac90-11e8-8e09-da227e0a5d9b.png) + +*** + +Connect me at [Facebook](https://www.facebook.com/vidit.varshney222) , [Twitter](https://twitter.com/varshney_vidit) + + +*** + +I use here :-- + +* HTML +* CSS +* A little bit Javascript. + + diff --git a/Virtual Debit Card/VCD.css b/Virtual Debit Card/VCD.css new file mode 100644 index 0000000..cf64142 --- /dev/null +++ b/Virtual Debit Card/VCD.css @@ -0,0 +1,104 @@ +/* Created by Meet Mehta */ + +body { + background-color: green; +} + +.a +{ + position:fixed; + max-height:35%; + min-height:35%; + min-width:80%; + top:30%; + left:10%; + background:linear-gradient(to right , blue, rgb(255,0,255)); + padding-top:0%; + border-radius:5%; + box-shadow:5px 5px 5px black; +} + +#space +{ + margin-top:8%; +} + +#safe +{ + position:fixed; + bottom:3%; +} + +h3 +{ + margin-top:3%; + text-align:center; +} + +#name +{ + margin-left:3%; +} + +* +{ + font-family:serif; + font-weight:bold; + color:rgba(255,255,255,1); +} + +#cvv1 +{ + position:absolute ; + right:5.2%; +} + +#cvv2 +{ + position:absolute ; + right:8.3%; +} + +#cvv3 +{ + position:absolute ; + right:11.4%; +} + +.acc +{ + font-size:1.5em; + position:relative; + top:-30px; + left: -10px; +} + +#s1 +{ + position:absolute; + bottom:2%; + left:2%; + float:left; +} + +#s2 +{ + position:absolute; + bottom:2%; + right:2%; + float:right; +} + +#membership +{ + position:absolute ; + bottom:2%; + left:22%; +} + + +#lbl1 +{ + position:absolute; + right:15%; +} diff --git a/Virtual Debit Card/VCD.js b/Virtual Debit Card/VCD.js new file mode 100644 index 0000000..efac963 --- /dev/null +++ b/Virtual Debit Card/VCD.js @@ -0,0 +1,3 @@ +// Created by Vidit Varshney + +alert("🎁 Features :\n\n1. Created with love by Vidit Varshney . \n\n2. Get your virtual debit card.\n\n3. Security :\n\n Get different cvv and card number \n every time you run the code.\n\n\nIf you πŸ’ the code please upvote πŸ‘ it and will be happy to hear any feedback from your side."); diff --git a/Virtual Debit Card/index.html b/Virtual Debit Card/index.html new file mode 100644 index 0000000..7f28ed0 --- /dev/null +++ b/Virtual Debit Card/index.html @@ -0,0 +1,76 @@ + + + + + + + + + + + + + + + + + + + πŸ’³ Virtual Debit Card πŸ’³ + + + + + + 🎊🎊 Congratulations!! You are a platinum card holder of ☺️SB☺️ 🎊🎊 +
+ +

Smile Bank Debit Card

+ +
+ Vidit Varshney + + 1 + 2 + 3 +
+ +

+ +
+ 8888 + 8888 + 8888 + 8888 +
+ + ☺️ + ☺️ +
Platinum Membership
+
+ + Never share your card details with anyone. Be safe!! Be happy!! + + +