-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcarta.html
106 lines (97 loc) · 4.48 KB
/
carta.html
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
<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css">
<!--<link rel="stylesheet" href="css/profilo.css" type="text/css">-->
<link rel="stylesheet" href="css/carta.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script type="text/javascript" lang="javascript" src="js/cartaScript.js"></script>
<!--<script type="text/javascript" lang="javascript" src="js/loginScript.js"></script>
<script type="text/javascript" lang="javascript" src="js/registrationScript.js"></script>
<script>
$(document).scroll( function(evt) {
var scrollval = window.pageYOffset;
if(scrollval <= 0){document.getElementById("bar").style.opacity = 1.0;}
else{document.getElementById("bar").style.opacity = 0.7;}
});
</script>
<script>
$(document).ready(function(){
$("#log_a").click(function(){
var o = document.getElementById("bar").style.opacity;
if(o == 0.7){document.getElementById("bar").style.opacity = 1;}
});
});
</script>
<script>
$(window).resize(function(){
if($(window).width() < 768){
$(".tasto-login").css("position", "relative")
$(".tasto-login").css("padding", "2%")
}
else{
$(".tasto-login").css("position", "absolute")
$(".tasto-login").css("padding", "0.5%")
}
});
</script>
-->
</head>
<body>
<form method="POST" action="/php/carta.php" name="cardForm" class="credit-card">
<div class="form-header">
<h4 class="title">Dettagli carta:</h4>
</div>
<div class="form-body">
<!-- Card Number -->
<input type="text" id="ncard" class="card-number form-control" placeholder="Numero carta" name="ncard" required>
<input type="text" id="proprietario" class="card-number form-control" placeholder="Proprietario" name="proprietario" required>
<!-- Date Field -->
<div class="date-field">
<div class="month ">
<select name="Month">
<option value="Gennaio">Gennaio</option>
<option value="Febbraio">Febbraio</option>
<option value="Marzo">Marzo</option>
<option value="Aprile">Aprile</option>
<option value="Maggio">Maggio</option>
<option value="Giugno">Giugno</option>
<option value="Luglio">Luglio</option>
<option value="Agosto">Agosto</option>
<option value="Settembre">Settembre</option>
<option value="Ottobre">Ottobre</option>
<option value="Novembre">Novembre</option>
<option value="Dicembre">Dicembre</option>
</select>
</div>
<div class="year">
<select name="Year">
<option value="2020">2020</option>
<option value="2021">2021</option>
<option value="2022">2022</option>
<option value="2023">2023</option>
<option value="2024">2024</option>
<option value="2025">2025</option>
<option value="2026">2026</option>
<option value="2027">2027</option>
</select>
</div>
</div>
<!-- Card Verification Field -->
<div class="card-verification">
<div class="cvv-input">
<input type="text" id="cvv" calss="form-control" placeholder="CVV" name="cvv" required>
</div>
<div class="cvv-details">
<p>3 o 4 numeri di solito si <br> trovano dietro la carta</p>
</div>
</div>
<!-- Buttons -->
<!--<button type="submit" class="proceed-btn"><a href="#">Proceed</a></button>
<button type="submit" class="paypal-btn"><a href="#">Pay With</a></button>-->
<button type="submit" class="btn add-btn" name="cardd">Aggiungi</button>
<button type="submit" class="back-btn"><a href="/index.php">Torna indietro</a></button>
</div>
</form>
</body>
</html>