Skip to content

Commit 8fb69b0

Browse files
theamanbhargavatheamanbhargava
authored
Merge pull request #18 from viditvarshney/Virtual-Debit-Card
Virtual debit card
2 parents 3c939d4 + 8879773 commit 8fb69b0

File tree

4 files changed

+231
-0
lines changed

4 files changed

+231
-0
lines changed

‎Virtual Debit Card/README.md

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
2+
**This should be a project**
3+
4+
***
5+
6+
7+
# Virtual Debit Card!!
8+
9+
***
10+
11+
> Created by **Vidit Varshney (Waferio)** , Made with pure HTML ,CSS , A little bit Javascript.
12+
13+
***
14+
15+
This is a program which generates your **Virtual Debit Card**..
16+
17+
18+
***
19+
20+
The best thing of this is that it produces a different **CVV** , when you run the program ...
21+
22+
***
23+
24+
**Here are the |Screenshots|**
25+
26+
27+
![screenshot 56](https://user-images.githubusercontent.com/34159717/44857574-b9100080-ac8d-11e8-9b91-ea2802f30113.png)
28+
29+
30+
![screenshot 57](https://user-images.githubusercontent.com/34159717/44858601-02f9e600-ac90-11e8-8bfc-8f64382bebdc.png)
31+
32+
33+
![screenshot 58](https://user-images.githubusercontent.com/34159717/44858696-38063880-ac90-11e8-8e09-da227e0a5d9b.png)
34+
35+
***
36+
37+
Connect me at [Facebook](https://www.facebook.com/vidit.varshney222) , [Twitter](https://twitter.com/varshney_vidit)
38+
39+
40+
***
41+
42+
I use here :--
43+
44+
* HTML
45+
* CSS
46+
* A little bit Javascript.
47+
48+

‎Virtual Debit Card/VCD.css

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
/* Created by Meet Mehta */
2+
3+
body {
4+
background-color: green;
5+
}
6+
7+
.a
8+
{
9+
position:fixed;
10+
max-height:35%;
11+
min-height:35%;
12+
min-width:80%;
13+
top:30%;
14+
left:10%;
15+
background:linear-gradient(to right , blue, rgb(255,0,255));
16+
padding-top:0%;
17+
border-radius:5%;
18+
box-shadow:5px 5px 5px black;
19+
}
20+
21+
#space
22+
{
23+
margin-top:8%;
24+
}
25+
26+
#safe
27+
{
28+
position:fixed;
29+
bottom:3%;
30+
}
31+
32+
h3
33+
{
34+
margin-top:3%;
35+
text-align:center;
36+
}
37+
38+
#name
39+
{
40+
margin-left:3%;
41+
}
42+
43+
*
44+
{
45+
font-family:serif;
46+
font-weight:bold;
47+
color:rgba(255,255,255,1);
48+
}
49+
50+
#cvv1
51+
{
52+
position:absolute ;
53+
right:5.2%;
54+
}
55+
56+
#cvv2
57+
{
58+
position:absolute ;
59+
right:8.3%;
60+
}
61+
62+
#cvv3
63+
{
64+
position:absolute ;
65+
right:11.4%;
66+
}
67+
68+
.acc
69+
{
70+
font-size:1.5em;
71+
position:relative;
72+
top:-30px;
73+
left: -10px;
74+
}
75+
76+
#s1
77+
{
78+
position:absolute;
79+
bottom:2%;
80+
left:2%;
81+
float:left;
82+
}
83+
84+
#s2
85+
{
86+
position:absolute;
87+
bottom:2%;
88+
right:2%;
89+
float:right;
90+
}
91+
92+
#membership
93+
{
94+
position:absolute ;
95+
bottom:2%;
96+
left:22%;
97+
}
98+
99+
100+
#lbl1
101+
{
102+
position:absolute;
103+
right:15%;
104+
}

‎Virtual Debit Card/VCD.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
// Created by Vidit Varshney
2+
3+
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.");

‎Virtual Debit Card/index.html

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
<!-- Created by Vidit Varshney-->
2+
3+
<!-- Made with pure html , css and js -->
4+
5+
<!-- If you find the code 👌 , please 👍 it -->
6+
7+
<!-- Will be ☺️ to hear any feedback from your side , i really wanna know your modifications or your ideas -->
8+
9+
<!-- Thanks for your precious time -->
10+
11+
<!-- v-1.1 Fixed some bugs -->
12+
13+
<!DOCTYPE html>
14+
15+
<html>
16+
17+
<head>
18+
19+
<title> 💳 Virtual Debit Card 💳 </title>
20+
21+
</head>
22+
23+
<body>
24+
25+
<marquee>🎊🎊 Congratulations!! You are a platinum card holder of ☺️SB☺️ 🎊🎊</marquee>
26+
<div class="a">
27+
28+
<h3>Smile Bank Debit Card</h3>
29+
30+
<div id="space">
31+
<span id="name">Vidit Varshney</span>
32+
<label id="lbl1">CVV:</label>
33+
<span id="cvv1">1</span>
34+
<span id="cvv2">2</span>
35+
<span id="cvv3">3</span>
36+
</div>
37+
38+
<br /><br />
39+
40+
<center>
41+
<span class="acc" id="acc1">8888</span>
42+
<span class="acc" id="acc2">8888</span>
43+
<span class="acc" id="acc3">8888</span>
44+
<span class="acc" id="acc4">8888</span>
45+
</center>
46+
47+
<span id="s1">☺️</span>
48+
<span id="s2">☺️</span>
49+
<center id="membership">Platinum Membership</center>
50+
</div>
51+
52+
<marquee id="safe">Never share your card details with anyone. Be safe!! Be happy!! </marquee>
53+
<script>
54+
55+
var user = prompt("Please Enter Your Full Name","Vidit Varshney");
56+
57+
document.getElementById("name").innerHTML = user;
58+
59+
document.getElementById("cvv1").innerHTML = Math.floor((Math.random() * 10));
60+
61+
document.getElementById("cvv2").innerHTML = Math.floor((Math.random() * 10));
62+
63+
document.getElementById("cvv3").innerHTML = Math.floor((Math.random() * 10));
64+
65+
document.getElementById("acc1").innerHTML = Math.floor((Math.random() + 8) * 1000) + " ";
66+
67+
document.getElementById("acc2").innerHTML = Math.floor((Math.random() + 7) * 1000) + " ";
68+
69+
document.getElementById("acc3").innerHTML = Math.floor((Math.random() + 3) * 1000) + " ";
70+
71+
document.getElementById("acc4").innerHTML = Math.floor((Math.random() + 2) * 1000);
72+
73+
74+
</script>
75+
</body>
76+
</html>

0 commit comments

Comments
 (0)