Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Commit 8fb69b0

Browse files
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)

AltStyle によって変換されたページ (->オリジナル) /