-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (40 loc) · 1.39 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Glassmorphin 3d flip card UI Design</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section>
<div class="card">
<div class="face front">
<h3 class="debit">Debit Card </h3>
<h3 class="bank">Bank Name</h3>
<img src="img/chip.png" alt="" class="chip">
<h3 class="number">5426 6320 8901 2368</h3>
<h5 class="valid"><span>Valid<br>thru</span><span>10/23</span></h5>
<h5 class="cardHolder">Vikulov Andrey</h5>
</div>
<div class="face back">
<div class="blackbar"></div>
<div class="ccvtext">
<h5>Authorized Signature-not valid unless signed</h5>
<div class="whiteBar"></div>
<div class="ccv">123</div>
</div>
<p class="text">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod libero eaque eligendi, dolorem quia minus
aut ducimus explicabo rem earum, vero non! Rem corporis commodi porro consequatur est similique
accusamus.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod libero eaque eligendi, dolorem quia minus
aut ducimus explicabo rem earum, vero non! Rem corporis commodi porro consequatur est similique
accusamus.
</p>
</div>
</div>
</section>
</body>
</html>