-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathsample.html
More file actions
221 lines (218 loc) · 21.7 KB
/
sample.html
File metadata and controls
221 lines (218 loc) · 21.7 KB
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Passel</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="robots" content="index, follow"/>
<link rel="canonical" href="https://www.Passel.com"/>
<meta name="theme-color" content="#944268">
<meta name="apple-itunes-app" content=""/>
<meta name="description"
content="......."/>
<meta name="keywords"
content=""/>
<link rel="stylesheet" href="./dist/css/styles.min.css">
</head>
<body class="" style="padding-bottom: 20rem">
<section class="main-content bg-transparent py-5 container">
<div class="bottom-tabs">
<ul class="nav nav-tabs nav-tabs-warning flex-row-reverse" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="first-tab" data-toggle="tab" href="#first" role="tab" aria-controls="first-tab" aria-selected="true">شارژ مستقیم </a>
</li>
<li class="nav-item">
<a class="nav-link" id="second-tab" data-toggle="tab" href="#second" role="tab" aria-controls="second-tab" aria-selected="false">پین شارژ</a>
</li>
</ul>
</div>
<div class="tab-content" id="myTabContent" data-nav="myTab">
<div class="tab-pane show active" id="first" role="tabpanel" aria-labelledby="first-tab">
<div class="row">
<div class="col mt-4 d-flex flex-row flex-wrap justify-content-center">
<button class="btn btn-grid btn-grid-warning">
<span class="btn-grid_icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="21.092" height="28.122" viewBox="0 0 21.092 28.122">
<g id="sim-card-2" transform="translate(0 0)">
<path id="Path_3607" data-name="Path 3607" d="M4.758,28.122A1.76,1.76,0,0,1,3,26.365V1.758A1.76,1.76,0,0,1,4.758,0H17.093a1.752,1.752,0,0,1,1.358.641l5.24,6.377a1.751,1.751,0,0,1,.4,1.117v18.23a1.76,1.76,0,0,1-1.758,1.758Zm0-26.951a.586.586,0,0,0-.586.586V26.365a.586.586,0,0,0,.586.586H22.334a.586.586,0,0,0,.586-.586V8.133a.579.579,0,0,0-.132-.369L17.546,1.385a.588.588,0,0,0-.452-.213H14.718v4.1a.586.586,0,1,1-1.172,0v-4.1H11.2v4.1a.586.586,0,0,1-1.172,0v-4.1H7.687v4.1a.586.586,0,0,1-1.172,0v-4.1Z" transform="translate(-3)" fill="#fff"/>
<path id="Path_3608" data-name="Path 3608" d="M8.929,22.718A2.933,2.933,0,0,1,6,19.788V13.929A2.932,2.932,0,0,1,8.929,11h8.2a2.933,2.933,0,0,1,2.929,2.929v5.859a2.933,2.933,0,0,1-2.929,2.929Zm8.2-1.172a1.76,1.76,0,0,0,1.758-1.758V19.2H16.546v2.344Zm-1.758,0V12.172H10.687v9.374Zm-8.2-1.758a1.76,1.76,0,0,0,1.758,1.758h.586V19.2H7.172Zm11.718-1.758V15.687H16.546v2.344Zm-9.374,0V15.687H7.172v2.344Zm9.374-3.515v-.586a1.76,1.76,0,0,0-1.758-1.758h-.586v2.344Zm-9.374,0V12.172H8.929a1.76,1.76,0,0,0-1.758,1.758v.586Z" transform="translate(-2.485 1.889)" fill="#fff"/>
</g>
</svg>
</span>
<span class="btn-grid_title">خرید شارژ</span>
</button>
<button class="btn btn-grid btn-grid-green">
<span class="btn-grid_icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="33.072" height="30.316" viewBox="0 0 33.072 30.316">
<g id="credit-card" transform="translate(0 0)">
<path id="Path_3633" data-name="Path 3633" d="M3.214,27.259A3.213,3.213,0,0,1,0,24.049V11.21A3.213,3.213,0,0,1,3.214,8H22.473a3.213,3.213,0,0,1,3.21,3.21V24.049a3.214,3.214,0,0,1-3.21,3.21Zm0-17.975A1.928,1.928,0,0,0,1.288,11.21V24.049a1.928,1.928,0,0,0,1.926,1.926H22.473A1.928,1.928,0,0,0,24.4,24.049V11.21a1.928,1.928,0,0,0-1.926-1.926Z" transform="translate(-0.004 3.057)" fill="#fff"/>
<path id="Path_3634" data-name="Path 3634" d="M3.288,15.136A1.285,1.285,0,0,1,2,13.852V11.284A1.286,1.286,0,0,1,3.288,10H5.856A1.286,1.286,0,0,1,7.14,11.284v2.568a1.285,1.285,0,0,1-1.284,1.284Zm0-1.284H5.856V11.284H3.288Z" transform="translate(0.564 2.59)" fill="#fff"/>
<path id="Path_3635" data-name="Path 3635" d="M2.646,17.284a.642.642,0,0,1,0-1.284h6.42a.642.642,0,0,1,0,1.284Z" transform="translate(0.564 4.737)" fill="#fff"/>
<path id="Path_3636" data-name="Path 3636" d="M2.646,19.284a.642.642,0,0,1,0-1.284H7.782a.642.642,0,0,1,0,1.284Z" transform="translate(0.564 5.502)" fill="#fff"/>
<path id="Path_3637" data-name="Path 3637" d="M13.213,21.92c-.068,0-.137,0-.205-.006a3.209,3.209,0,0,1,.158-6.411.277.277,0,0,1,.045,0l.085,0h.033l.022.321.013-.321h.049l.144.014c.069.008.125.014.18.024l.081.015c.067.013.136.027.2.045a3.278,3.278,0,0,1,1.116.539,3.2,3.2,0,0,1,1.922-.642h.005a3.21,3.21,0,1,1,0,6.42h0c-.067,0-.134,0-.2-.006a3.164,3.164,0,0,1-1.727-.637A3.2,3.2,0,0,1,13.213,21.92ZM13.2,16.787a1.884,1.884,0,0,0-1.262.479,1.927,1.927,0,0,0,1.152,3.368c.042,0,.086,0,.128,0a1.884,1.884,0,0,0,1.266-.481,2.007,2.007,0,0,0,.173-.173.643.643,0,0,1,.963,0,1.916,1.916,0,0,0,1.324.65c.042,0,.083,0,.126,0a1.927,1.927,0,1,0-1.076-3.527,3.14,3.14,0,0,1,.358.919.644.644,0,0,1-.492.764.68.68,0,0,1-.136.014.647.647,0,0,1-.628-.506,1.913,1.913,0,0,0-1.858-1.515Z" transform="translate(4.244 5.186)" fill="#fff"/>
<path id="Path_3638" data-name="Path 3638" d="M26.469,18.975a.642.642,0,0,1,0-1.284,1.928,1.928,0,0,0,1.926-1.926V7.42H5.284v.642A.642.642,0,1,1,4,8.062V4.21A3.213,3.213,0,0,1,7.21,1H26.469a3.213,3.213,0,0,1,3.21,3.21V6.723a.464.464,0,0,1,.005.055.31.31,0,0,1-.006.064v8.923A3.214,3.214,0,0,1,26.469,18.975ZM28.395,6.136V4.21a1.928,1.928,0,0,0-1.926-1.926H7.21A1.928,1.928,0,0,0,5.284,4.21V6.136Z" transform="translate(3.388 -1)" fill="#fff"/>
</g>
</svg>
</span>
<span class="btn-grid_title">کارت به کارت</span>
</button>
<button class="btn btn-grid btn-grid-blue">
<span class="btn-grid_icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="33" height="31.625" viewBox="0 0 33 31.625">
<g id="router-signal" transform="translate(0 0)">
<path id="Path_3609" data-name="Path 3609" d="M14.181,8.613a.619.619,0,0,1-.438-1.058,1.241,1.241,0,0,0,0-1.753.621.621,0,0,1,.878-.878,2.484,2.484,0,0,1,0,3.506A.62.62,0,0,1,14.181,8.613Z" transform="translate(5.203 1.181)" fill="#fff"/>
<path id="Path_3610" data-name="Path 3610" d="M16.3,11.751a.619.619,0,0,1-.439-1.058,4.958,4.958,0,0,0,0-7.014.621.621,0,0,1,.878-.878,6.2,6.2,0,0,1,0,8.768A.619.619,0,0,1,16.3,11.751Z" transform="translate(6.107 0.009)" fill="#fff"/>
<path id="Path_3611" data-name="Path 3611" d="M18.42,14.891a.621.621,0,0,1-.439-1.059,8.68,8.68,0,0,0,0-12.274.62.62,0,0,1,.878-.877,9.92,9.92,0,0,1,0,14.028A.615.615,0,0,1,18.42,14.891Z" transform="translate(7.513 -0.5)" fill="#fff"/>
<path id="Path_3612" data-name="Path 3612" d="M10.164,8.612a.619.619,0,0,1-.439-.181,2.481,2.481,0,0,1,0-3.506A.621.621,0,0,1,10.6,5.8a1.241,1.241,0,0,0,0,1.753.618.618,0,0,1-.439,1.056Z" transform="translate(3.453 1.182)" fill="#fff"/>
<path id="Path_3613" data-name="Path 3613" d="M8.254,11.751a.619.619,0,0,1-.439-.181,6.208,6.208,0,0,1,0-8.768.62.62,0,0,1,.878.877,4.967,4.967,0,0,0,0,7.014.621.621,0,0,1-.439,1.059Z" transform="translate(2.337 0.009)" fill="#fff"/>
<path id="Path_3614" data-name="Path 3614" d="M6.346,14.891a.621.621,0,0,1-.454-.2A9.932,9.932,0,0,1,5.907.681a.623.623,0,0,1,.878,0,.621.621,0,0,1,0,.878,8.68,8.68,0,0,0,0,12.274.62.62,0,0,1-.16.993A.638.638,0,0,1,6.346,14.891Z" transform="translate(0.721 -0.5)" fill="#fff"/>
<path id="Path_3615" data-name="Path 3615" d="M29.563,26.858a.717.717,0,0,1-.55-.248l-1.856-2.232H5.844L3.988,26.61a.719.719,0,0,1-.55.248.73.73,0,0,1-.413-.124.607.607,0,0,1-.268-.408.572.572,0,0,1,.131-.46l1.237-1.488H3.438A3.285,3.285,0,0,1,0,21.279V18.8a3.285,3.285,0,0,1,3.438-3.1H15.813V10.12a.691.691,0,0,1,1.375,0V15.7H29.563A3.286,3.286,0,0,1,33,18.8v2.48a3.286,3.286,0,0,1-3.437,3.1h-.687l1.237,1.488a.569.569,0,0,1,.131.459.61.61,0,0,1-.268.409A.736.736,0,0,1,29.563,26.858ZM3.438,16.939A1.971,1.971,0,0,0,1.375,18.8v2.48a1.971,1.971,0,0,0,2.063,1.86H29.563a1.971,1.971,0,0,0,2.063-1.86V18.8a1.971,1.971,0,0,0-2.062-1.86Z" transform="translate(0 4.767)" fill="#fff"/>
<ellipse id="Ellipse_23" data-name="Ellipse 23" cx="0.93" cy="0.93" rx="0.93" ry="0.93" transform="translate(5.536 23.189)" fill="#fff"/>
<ellipse id="Ellipse_24" data-name="Ellipse 24" cx="0.93" cy="0.93" rx="0.93" ry="0.93" transform="translate(10.38 23.189)" fill="#fff"/>
</g>
</svg>
</span>
<span class="btn-grid_title">شارژ اینترنت</span>
</button>
<button class="btn btn-grid btn-grid-orange">
<span class="btn-grid_icon_wrapper">
<svg id="receipt-slip-1" xmlns="http://www.w3.org/2000/svg" width="22.677" height="33.836" viewBox="0 0 22.677 33.836">
<path id="Path_3666" data-name="Path 3666" d="M15.339,33.9a1.428,1.428,0,0,1-.85-.282L9.7,30.025,6.34,32.9A1.418,1.418,0,0,1,4,31.826V2.187A2.129,2.129,0,0,1,6.126.061H24.551a2.129,2.129,0,0,1,2.126,2.126V31.826A1.417,1.417,0,0,1,24.339,32.9l-3.36-2.88-4.789,3.592A1.428,1.428,0,0,1,15.339,33.9ZM9.669,28.408a.707.707,0,0,1,.425.142l5.244,3.932,5.244-3.932a.709.709,0,0,1,.886.028l3.791,3.249V2.187a.709.709,0,0,0-.709-.709H6.126a.709.709,0,0,0-.709.709V31.826l3.791-3.249A.714.714,0,0,1,9.669,28.408Z" transform="translate(-4 -0.061)" fill="#fff"/>
<path id="Path_3667" data-name="Path 3667" d="M7.209,6.478a.709.709,0,0,1,0-1.417h5.669a.709.709,0,1,1,0,1.417Z" transform="translate(-2.957 2.026)" fill="#fff"/>
<path id="Path_3668" data-name="Path 3668" d="M7.209,9.478a.709.709,0,0,1,0-1.417H15a.709.709,0,0,1,0,1.417Z" transform="translate(-2.957 3.278)" fill="#fff"/>
<path id="Path_3669" data-name="Path 3669" d="M7.209,12.478a.709.709,0,0,1,0-1.417h8.5a.709.709,0,0,1,0,1.417Z" transform="translate(-2.957 4.53)" fill="#fff"/>
<path id="Path_3670" data-name="Path 3670" d="M7.209,15.478a.709.709,0,1,1,0-1.417h6.378a.709.709,0,1,1,0,1.417Z" transform="translate(-2.957 5.782)" fill="#fff"/>
<path id="Path_3671" data-name="Path 3671" d="M16.813,6.937a1.063,1.063,0,1,1,1.063-1.063A1.063,1.063,0,0,1,16.813,6.937Z" transform="translate(0.904 1.921)" fill="#fff"/>
<path id="Path_3672" data-name="Path 3672" d="M16.813,9.937a1.063,1.063,0,1,1,1.063-1.063A1.063,1.063,0,0,1,16.813,9.937Z" transform="translate(0.904 3.173)" fill="#fff"/>
<path id="Path_3673" data-name="Path 3673" d="M16.813,12.937a1.063,1.063,0,1,1,1.063-1.063A1.063,1.063,0,0,1,16.813,12.937Z" transform="translate(0.904 4.425)" fill="#fff"/>
<path id="Path_3674" data-name="Path 3674" d="M16.813,15.937a1.063,1.063,0,0,1-1.063-1.063,1.049,1.049,0,0,1,.308-.748,1.063,1.063,0,1,1,.755,1.811Z" transform="translate(0.904 5.677)" fill="#fff"/>
</svg>
</span>
<span class="btn-grid_title">قبض</span>
</button>
<button class="btn btn-grid btn-grid-primary">
<span class="btn-grid_icon_wrapper">
<svg id="love-heart-hands-hold-2" xmlns="http://www.w3.org/2000/svg" width="32.847" height="32.847" viewBox="0 0 32.847 32.847">
<path id="Path_3639" data-name="Path 3639" d="M.637,26.468A.637.637,0,0,1,0,25.831V15.637a.637.637,0,1,1,1.274,0v.637H7.327A4.481,4.481,0,0,1,11.741,20.1h4.187a4.465,4.465,0,0,1,4.46,4.46.637.637,0,0,1-.637.637H1.274v.637A.637.637,0,0,1,.637,26.468ZM19.049,23.92a3.212,3.212,0,0,0-3.121-2.548h-8.6a.637.637,0,1,1,0-1.274h3.119a3.211,3.211,0,0,0-3.119-2.548H1.274V23.92Z" transform="translate(0 6.379)" fill="#fff"/>
<path id="Path_3640" data-name="Path 3640" d="M27.751,11.468a.637.637,0,0,1-.637-.637v-.637H21.061a4.481,4.481,0,0,1-4.414-3.823H12.46A4.465,4.465,0,0,1,8,1.911a.637.637,0,0,1,.637-.637H27.114V.637a.637.637,0,0,1,1.274,0V10.831A.637.637,0,0,1,27.751,11.468Zm-9.809-5.1A3.211,3.211,0,0,0,21.061,8.92h6.053V2.548H9.338A3.213,3.213,0,0,0,12.46,5.1h8.6a.637.637,0,1,1,0,1.274Z" transform="translate(4.459)" fill="#fff"/>
<path id="Path_3641" data-name="Path 3641" d="M13.077,17.925a1.255,1.255,0,0,1-.608-.157c-1.014-.554-4.33-2.573-4.4-5.258A3.332,3.332,0,0,1,10.4,9.1a3.146,3.146,0,0,1,.884-.129,2.779,2.779,0,0,1,1.793.627,2.779,2.779,0,0,1,1.793-.627,3.155,3.155,0,0,1,.886.129,3.324,3.324,0,0,1,2.325,3.4c-.064,2.608-3.1,4.557-4.4,5.273A1.255,1.255,0,0,1,13.077,17.925Zm-1.794-7.682a1.863,1.863,0,0,0-.525.076A2.083,2.083,0,0,0,9.349,12.5c.04,1.578,1.955,3.182,3.735,4.157,1.769-.981,3.686-2.592,3.725-4.172A2.076,2.076,0,0,0,15.4,10.319a1.878,1.878,0,0,0-.526-.076,1.468,1.468,0,0,0-1.259.646.636.636,0,0,1-1.073,0A1.471,1.471,0,0,0,11.283,10.243Z" transform="translate(3.347 3.656)" fill="#fff"/>
</svg>
</span>
<span class="btn-grid_title">نیکوکاری</span>
</button>
<button class="btn btn-grid btn-grid-pink">
<span class="btn-grid_icon_wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="19.4" height="33.425" viewBox="0 0 19.4 33.425">
<g id="credit-card-payment" transform="translate(0.5 0.514)">
<path id="Path_3753" data-name="Path 3753" d="M1.915,4.5A1.434,1.434,0,0,0,.5,5.952V29.179a2.868,2.868,0,0,0,2.831,2.9H16.069a2.868,2.868,0,0,0,2.831-2.9V5.952A1.434,1.434,0,0,0,17.485,4.5" transform="translate(-0.5 0.329)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Path_3754" data-name="Path 3754" d="M.5,7.5H18.9" transform="translate(-0.5 2.265)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Path_3755" data-name="Path 3755" d="M.5,11.5H18.9" transform="translate(-0.5 3.926)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_36" data-name="Line 36" x2="1.238" transform="translate(2.866 25.334)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_37" data-name="Line 37" x2="1.238" transform="translate(7.156 25.334)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_38" data-name="Line 38" x2="1.238" transform="translate(11.447 25.334)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_39" data-name="Line 39" x2="1.238" transform="translate(2.866 28.696)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_40" data-name="Line 40" x2="1.238" transform="translate(7.156 28.696)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_41" data-name="Line 41" x2="1.238" transform="translate(11.447 28.696)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_42" data-name="Line 42" x2="1.238" transform="translate(2.866 22.503)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_43" data-name="Line 43" x2="1.238" transform="translate(7.156 22.503)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_44" data-name="Line 44" x2="1.238" transform="translate(11.447 22.503)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_45" data-name="Line 45" x2="2.477" transform="translate(2.901 19.672)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_46" data-name="Line 46" x2="1.238" transform="translate(8.587 19.672)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_47" data-name="Line 47" x2="2.477" transform="translate(13.034 19.672)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_48" data-name="Line 48" y1="4.954" transform="translate(15.928 23.742)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Path_3756" data-name="Path 3756" d="M3.5,9.145V1.478a.6.6,0,0,1,.373-.53A.967.967,0,0,1,4.641.924l1.993.79L8.556.7a.96.96,0,0,1,.868,0l1.91,1.009L13.34.924A.967.967,0,0,1,14.1.951a.6.6,0,0,1,.372.527V9.145" transform="translate(0.215 -0.601)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_49" data-name="Line 49" x2="3.715" transform="translate(7.348 3.59)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<line id="Line_50" data-name="Line 50" x2="1.238" transform="translate(7.156 6.934)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>
</span>
<span class="btn-grid_title">موبایل پوز</span>
</button>
</div>
<div class="col mt-4">
<div class="w-100">
<div class="simple-selector overflow-x-auto w-100">
<div class="selector-item selector-item-teal">
<h3>۲۰۰۰</h3>
<p>تومان</p>
</div>
<div class="selector-item fill selector-item-teal">
<h3>۵۰۰۰</h3>
<p>تومان</p>
</div>
<div class="selector-item selector-item-teal">
<h3>۱۰</h3>
<p>هزار تومان</p>
</div>
<div class="selector-item selector-item-teal">
<h3>۵۰۰۰</h3>
<p>تومان</p>
</div>
</div>
</div>
</div>
<div class="col-12 mt-4">
<div class="w-100 overflow-x-auto d-webkit-box">
<div class="bank-card bank-card-lg mr-3 bank-arman">
<div class="bank-card__row">
<object data="./dist/images/icons/day-white.svg" type=""></object>
<div class="text-right">
<h6 class="font-weight-bold mb-1">حامد کیانی</h6>
<p class="font-weight-bold text-sm">بانک آرمان </p>
</div>
</div>
<div class="bank-card__row center-row">
<div class="card-number ">
۵۰۲۲ ۲۹۱۰ ۱۴۴۰ ۳۵۶۲
</div>
<div class="card-expire">
۱۴۰۴/۰۲
</div>
</div>
</div>
<div class="bank-card bank-card-lg mr-3 bank-day">
<div class="bank-card__row">
<object data="./dist/images/icons/day-white.svg" type=""></object>
<div class="text-right">
<h6 class="font-weight-bold mb-1">حامد کیانی</h6>
<p class="font-weight-bold text-sm">بانک دی </p>
</div>
</div>
<div class="bank-card__row center-row">
<div class="card-number ">
۵۰۲۲ ۲۹۱۰ ۱۴۴۰ ۳۵۶۲
</div>
<div class="card-expire">
۱۴۰۴/۰۲
</div>
</div>
</div>
<div class="bank-card bank-card-lg bank-gardeshgari">
<div class="bank-card__row">
<object data="./dist/images/icons/day-white.svg" type=""></object>
<div class="text-right">
<h6 class="font-weight-bold mb-1">حامد کیانی</h6>
<p class="font-weight-bold text-sm">بانک گردشگری </p>
</div>
</div>
<div class="bank-card__row center-row">
<div class="card-number ">
۵۰۲۲ ۲۹۱۰ ۱۴۴۰ ۳۵۶۲
</div>
<div class="card-expire">
۱۴۰۴/۰۲
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="second" role="tabpanel" aria-labelledby="second-tab">
<h1>Second Tab</h1>
</div>
</div>
</section>
<script async type="text/javascript" src="./dist/js/scripts.min.js"></script>
</body>
</html>