-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (49 loc) · 2.5 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
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>Frosted Glass credit card</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="holder">
<div class="card">
<div class="card_text">
<h1 class="card_title">Metro Membership</h1>
4256 8912 0735 8051
<br>
<small class="card_nos">1234</small>
<small class="card_date">04/21</small>
</div>
<svg style="width:70px; height:70px"
version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 500 500" style="enable-background:new 0 0 500 500;" xml:space="preserve">
<style type="text/css">
.st0{clip-path:url(#XMLID_27_);fill:url(#SVGID_1_);}
</style>
<g id="XMLID_1_">
<g id="XMLID_2_">
<defs>
<path id="XMLID_3_" d="M256.3,228.7c-0.2,16.4,14.6,25.6,25.8,31c11.5,5.6,15.3,9.2,15.3,14.2c-0.1,7.7-9.2,11-17.7,11.2
c-14.8,0.2-23.4-4-30.3-7.2l-5.3,25c6.9,3.2,19.6,5.9,32.8,6.1c31,0,51.2-15.3,51.3-39c0.1-30.1-41.6-31.8-41.3-45.2
c0.1-4.1,4-8.4,12.5-9.5c4.2-0.6,15.9-1,29.1,5.1l5.2-24.2c-7.1-2.6-16.2-5.1-27.6-5.1C276.9,191.1,256.4,206.6,256.3,228.7
M383.5,193.1c-5.7,0-10.4,3.3-12.5,8.4l-44.2,105.6h31l6.2-17h37.8l3.6,17h27.3l-23.8-114H383.5 M387.8,223.9l8.9,42.8h-24.5
L387.8,223.9 M218.7,193.1l-24.4,114h29.5l24.4-114H218.7 M175.1,193.1l-30.7,77.6l-12.4-66c-1.5-7.4-7.2-11.6-13.6-11.6H68.2
l-0.7,3.3c10.3,2.2,22,5.8,29.1,9.7c4.3,2.4,5.6,4.4,7,10l23.5,91h31.2l47.8-114H175.1"/>
</defs>
<clipPath id="XMLID_27_">
<use xlink:href="#XMLID_3_" style="overflow:visible;"/>
</clipPath>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0.3406" y1="1.976417e-002" x2="1.0735" y2="1.976417e-002" gradientTransform="matrix(419.708 -154.5691 154.5691 419.708 -45.5254 349.418)">
<stop offset="0" style="stop-color:#222357"/>
<stop offset="1" style="stop-color:#254AA5"/>
</linearGradient>
<polyline class="st0" points="29.3,205.1 388.9,72.7 470.7,294.9 111.1,427.3 "/>
</g>
</g>
</svg>
</div>
</div>
</body>
</html>