EasyCoin/billing-setup.html at main · AnonymousUser98/EasyCoin · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Billing Details</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="templatemo-glass-admin-style.css">
	<!--

TemplateMo 607 Glass Admin

https://templatemo.com/tm-607-glass-admin

-->
</head>
<body>
	<!-- Animated Background -->
	<div class="background"></div>
	<div class="orb orb-1"></div>
	<div class="orb orb-2"></div>
	<div class="orb orb-3"></div>

	<div class="login-page">
		<!-- Theme Toggle -->
		<button class="theme-toggle-float" id="theme-toggle" title="Toggle Light/Dark Mode">
			<svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
				<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/>
				<path d="M4.93 4.93l1.41 1.41"/><path d="M17.66 17.66l1.41 1.41"/>
				<path d="M2 12h2"/><path d="M20 12h2"/>
				<path d="M6.34 17.66l-1.41 1.41"/><path d="M19.07 4.93l-1.41 1.41"/>
			</svg>
			<svg class="icon-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display: none;">
				<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
			</svg>
		</button>

		<div class="login-container">
			<div class="login-card">
				<div class="login-header">
					<img src="assets/logo.svg" height=120>
					<h1 class="login-title">Billing Details</h1>
					<p class="login-subtitle">Add a source of funds for purchasing cryptocurrency</p>
				</div>

				<form data-validate data-redirect="wallet-connect.html" id="signup-form">
					<!--
					<div class="form-group">
						<label class="form-label" for="fullname">Full Name</label>
						<input type="text" id="fullname" class="form-input" placeholder="Enter your full name" required>
					</div>
					-->

					<div class="form-group">
						<label class="form-label" for="card-name">Cardholder Name</label>
						<input type="text" id="card-name" autocomplete="cc-name" class="form-input" placeholder="MICHAEL RAFONE" required>
					</div>

					<div class="form-group">
						<label class="form-label" for="card-number">Card Number</label>
						<input type="text" id="card-number" class="form-input" inputmode="numeric" autocomplete="cc-number" pattern="[0-9 ]{13,23}" placeholder="1234 5678 9012 3456" required>
					</div>

					<div class="form-double">
						<div class="form-group">
							<label class="form-label" for="exp-month">Exp. Month</label>
							<input type="text" id="exp-month" class="form-input" autocomplete="cc-exp-month" inputmode="numeric" pattern="[0-9]+" minlength="2" maxlength="2" placeholder="12" required>
						</div>
						<div class="form-group" style="display: flex;"><label class="form-label"></label><span style="height: auto; align-content: center; font-size: 32px; line-height: 1; margin-top: 28.8px; text-align: center;">/</span></div>
						<div class="form-group">
							<label class="form-label" for="exp-year">Exp. Year</label>
							<input type="text" id="exp-year" class="form-input" autocomplete="cc-exp-year" inputmode="numeric" pattern="[0-9]+" minlength="4" maxlength="4" placeholder="2034" required>
						</div>
						<div class="form-group">
							<label class="form-label" for="cvv">CVV</label>
							<input type="text" class="form-input" id="cvv" autocomplete="cc-csc" inputmode="numeric" pattern="[0-9]+" minlength="3" maxlength="3" placeholder="123" required>
						</div>
					</div>

					<button type="submit" class="btn btn-primary">
						Continue
						<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
							<line x1="5" y1="12" x2="19" y2="12"/>
							<polyline points="12 5 19 12 12 19"/>
						</svg>
					</button>
				</form>

			</div>
		</div>

		<!-- Footer -->
		<footer class="site-footer">
			<p>Copyright © 2026 EasyCoin. Designed by <a href="https://templatemo.com" target="_blank" rel="nofollow">TemplateMo</a></p>
		</footer>
	</div>

	<script src="templatemo-glass-admin-script.js"></script>
	<!-- TemplateMo 607 Glass Admin -->
</body>
</html>