Card-Validator/index.html at main · PriyaMhapralkar/Card-Validator · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="en" >
<head>

   <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

  <meta charset="UTF-8">
  <title>Card-Validator</title>
  <meta name="description" content="Free web tool to validate the credit card to avoid fraudlent activities.">
  <meta name="author" content="Kushagra Shukla">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./style.css"><script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

  <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">


    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
     integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">


</head>
<body>


<div class="bg-image img1"></div>

<div class="bg-text">Card Validator</div>

<div class="h2">
Enter Credit or Debit Card Number.
<br>
  <div class="popup" onclick="myFunction()">Is it safe?
  <span class="popuptext" id="myPopup">Yes, We don't store any personal data.</span>
</div>
</div>


<div class="imgg">
<center>
    <img src="./img/card.png"
onmouseover="this.src='./img/valid.png'"
onmouseout="this.src='./img/card.png'"  height="300" width="250"
border="0" alt=""/>

</center>
</div>


<!--
<div  class="myDIV">


 <div class="popup" onclick="fn"> <img class="poin" src="./img/i.png" height="40" width="40" >
  <span class="popuptext" id="fnn">Yes, We don't store any personal data.</span>
</div>


    <p >

    Whenever fraudulent cards are used,
    the merchant loses if too many fraudulent transactions occur, incurring higher processing fees, expensive chargebacks,
    or even losing your merchant account and your ability to do business.
    <br>
    Hence one can mitigate these risks with the help of this tool, by validating the card number before processing for any transactions.
  </p>

</div>
-->


<div class="card-checker">

<input type="text" class="cc" placeholder="XXXX XXXX" />

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

<script  src="./script.js"></script>

</div>


<div class="footer">
  <p>Copyright ©️ 2021. All rights reserved. Designed and Developed by <span style="color: red;">~kuspia</span></p>
    <div class="flex-container">
        <div class="flex">
            <a href="https://www.youtube.com/watch?v=IsCEhUpZhIY" target="_blank">
                <i class="fa fa-youtube"></i>
            </a>
        </div>

        <div class="flex">
            <a href="mailto:1kuspia@gmail.com" target="_blank">
                <i class="fa fa-envelope"></i>
            </a>
        </div>

        <div class="flex">
            <a href="https://github.com/kuspia/Card-Validator" target="_blank">
                <i class="fa fa-github"></i>
            </a>
        </div>
    </div>

</div>

</body>
</html>