Skip to content

Virtual debit card #18

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 48 additions & 0 deletions Virtual Debit Card/README.md
Original file line number Diff line number Diff line change
@@ -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.


104 changes: 104 additions & 0 deletions Virtual Debit Card/VCD.css
Original file line number Diff line number Diff line change
@@ -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%;
}
3 changes: 3 additions & 0 deletions Virtual Debit Card/VCD.js
Original file line number Diff line number Diff line change
@@ -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.");
76 changes: 76 additions & 0 deletions Virtual Debit Card/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,76 @@
<!-- Created by Vidit Varshney-->

<!-- Made with pure html , css and js -->

<!-- If you find the code 👌 , please 👍 it -->

<!-- Will be ☺️ to hear any feedback from your side , i really wanna know your modifications or your ideas -->

<!-- Thanks for your precious time -->

<!-- v-1.1 Fixed some bugs -->

<!DOCTYPE html>

<html>

<head>

<title> 💳 Virtual Debit Card 💳 </title>

</head>

<body>

<marquee>🎊🎊 Congratulations!! You are a platinum card holder of ☺️SB☺️ 🎊🎊</marquee>
<div class="a">

<h3>Smile Bank Debit Card</h3>

<div id="space">
<span id="name">Vidit Varshney</span>
<label id="lbl1">CVV:</label>
<span id="cvv1">1</span>
<span id="cvv2">2</span>
<span id="cvv3">3</span>
</div>

<br /><br />

<center>
<span class="acc" id="acc1">8888</span>
<span class="acc" id="acc2">8888</span>
<span class="acc" id="acc3">8888</span>
<span class="acc" id="acc4">8888</span>
</center>

<span id="s1">☺️</span>
<span id="s2">☺️</span>
<center id="membership">Platinum Membership</center>
</div>

<marquee id="safe">Never share your card details with anyone. Be safe!! Be happy!! </marquee>
<script>

var user = prompt("Please Enter Your Full Name","Vidit Varshney");

document.getElementById("name").innerHTML = user;

document.getElementById("cvv1").innerHTML = Math.floor((Math.random() * 10));

document.getElementById("cvv2").innerHTML = Math.floor((Math.random() * 10));

document.getElementById("cvv3").innerHTML = Math.floor((Math.random() * 10));

document.getElementById("acc1").innerHTML = Math.floor((Math.random() + 8) * 1000) + " ";

document.getElementById("acc2").innerHTML = Math.floor((Math.random() + 7) * 1000) + " ";

document.getElementById("acc3").innerHTML = Math.floor((Math.random() + 3) * 1000) + " ";

document.getElementById("acc4").innerHTML = Math.floor((Math.random() + 2) * 1000);


</script>
</body>
</html>