forked from hrutik2/heady-rabbits-8957
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcard.html
50 lines (50 loc) · 1.97 KB
/
card.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>User Card Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/card.css">
</head>
<body>
<div class="up",id="navupdiv">
<div class="up" id="navup">
<div id="logo">logo</div>
<div id="sinm">
<p id="little1"> Welcome <span id="userhead">Sarita</span></p><br>
<p id="little">Your Card</p>
</div>
</div>
</div>
<div class="up" id="navdown">
<div id="navsymbol">
<i class="fa fa-arrow-left"></i>
</div>
<ul>
<li>home</li>
<li>profile</li>
</ul>
</div>
<section>
<div class="card">
<div class="face front">
<h3 class="debit">Debit Card</h3>
<h3 class="bank">PayWise</h3>
<img class="chip" src="./img/chip-removebg-preview.png" alt="error">
<h3 class="number">0132 7128 2765 4321</h3>
<h5 class="cardholder">Sarita Gochhayat</h5>
</div>
<div class="face back">
<div class="top"><p>24 Hours Customer Service: (62-34) 242-252-333-172</p></div>
<div class="blackbar"></div>
<div class="ccvtext"><h5>Lorem ipsum dolor sit amet consectetur.</h5>
<div class="whitebar"></div>
<div class="ccv">123</div>
</div>
<p class="text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus unde accusamus explicabo, eveniet animi numquam quasi nihil inventore laboriosam eum ipsa ipsum quos nesciunt minus! Qui deleniti obcaecati enim repellat maxime, asperiores reiciendis, fugit necessitatibus ad quis minima quam facilis.</p>
</div>
</div>
</section>
</body>
</html>