-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathHow-It-Works.aspx
More file actions
215 lines (210 loc) · 17.9 KB
/
How-It-Works.aspx
File metadata and controls
215 lines (210 loc) · 17.9 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
<%@ Page Title="How It Works" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="How-It-Works.aspx.cs" Inherits="Z_Wallet.How_It_Works" %>
<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">
<main>
<section class="page-header bg-tertiary">
<div class="container">
<div class="row">
<div class="col-8 mx-auto text-center pt-lg-5">
<h2 class="mb-3 text-capitalize">How It Works</h2>
<ul class="list-inline breadcrumbs text-capitalize" style="font-weight: 500">
<li class="list-inline-item"><a href="/Default">Home</a>
</li>
<li class="list-inline-item">/ <a href="/How-It-Works">How it works</a>
</li>
</ul>
</div>
</div>
</div>
<div class="has-shapes">
<svg class="shape shape-left text-light" viewBox="0 0 192 752" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-30.883 0C-41.3436 36.4248 -22.7145 75.8085 4.29154 102.398C31.2976 128.987 65.8677 146.199 97.6457 166.87C129.424 187.542 160.139 213.902 172.162 249.847C193.542 313.799 149.886 378.897 129.069 443.036C97.5623 540.079 122.109 653.229 191 728.495" stroke="currentColor" stroke-miterlimit="10" />
<path d="M-55.5959 7.52271C-66.0565 43.9475 -47.4274 83.3312 -20.4214 109.92C6.58466 136.51 41.1549 153.722 72.9328 174.393C104.711 195.064 135.426 221.425 147.449 257.37C168.829 321.322 125.174 386.42 104.356 450.559C72.8494 547.601 97.3965 660.752 166.287 736.018" stroke="currentColor" stroke-miterlimit="10" />
<path d="M-80.3302 15.0449C-90.7909 51.4697 -72.1617 90.8535 -45.1557 117.443C-18.1497 144.032 16.4205 161.244 48.1984 181.915C79.9763 202.587 110.691 228.947 122.715 264.892C144.095 328.844 100.439 393.942 79.622 458.081C48.115 555.123 72.6622 668.274 141.552 743.54" stroke="currentColor" stroke-miterlimit="10" />
<path d="M-105.045 22.5676C-115.506 58.9924 -96.8766 98.3762 -69.8706 124.965C-42.8646 151.555 -8.29436 168.767 23.4835 189.438C55.2615 210.109 85.9766 236.469 98.0001 272.415C119.38 336.367 75.7243 401.464 54.9072 465.604C23.4002 562.646 47.9473 675.796 116.838 751.063" stroke="currentColor" stroke-miterlimit="10" />
</svg>
<svg class="shape shape-right text-light" viewBox="0 0 731 746" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.1794 745.14C1.80036 707.275 -5.75764 666.015 8.73984 629.537C27.748 581.745 80.4729 554.968 131.538 548.843C182.604 542.703 234.032 552.841 285.323 556.748C336.615 560.64 391.543 557.276 433.828 527.964C492.452 487.323 511.701 408.123 564.607 360.255C608.718 320.353 675.307 307.183 731.29 327.323" stroke="currentColor" stroke-miterlimit="10" />
<path d="M51.0253 745.14C41.2045 709.326 34.0538 670.284 47.7668 635.783C65.7491 590.571 115.623 565.242 163.928 559.449C212.248 553.641 260.884 563.235 309.4 566.931C357.916 570.627 409.887 567.429 449.879 539.701C505.35 501.247 523.543 426.331 573.598 381.059C615.326 343.314 678.324 330.853 731.275 349.906" stroke="currentColor" stroke-miterlimit="10" />
<path d="M89.8715 745.14C80.6239 711.363 73.8654 674.568 86.8091 642.028C103.766 599.396 150.788 575.515 196.347 570.054C241.906 564.578 287.767 573.629 333.523 577.099C379.278 580.584 428.277 577.567 465.976 551.423C518.279 515.172 535.431 444.525 582.62 401.832C621.964 366.229 681.356 354.493 731.291 372.46" stroke="currentColor" stroke-miterlimit="10" />
<path d="M128.718 745.14C120.029 713.414 113.678 678.838 125.837 648.274C141.768 608.221 185.939 585.788 228.737 580.659C271.536 575.515 314.621 584.008 357.6 587.282C400.58 590.556 446.607 587.719 482.028 563.16C531.163 529.111 547.275 462.733 591.612 422.635C628.572 389.19 684.375 378.162 731.276 395.043" stroke="currentColor" stroke-miterlimit="10" />
<path d="M167.564 745.14C159.432 715.451 153.504 683.107 164.863 654.519C179.753 617.046 221.088 596.062 261.126 591.265C301.164 586.452 341.473 594.402 381.677 597.465C421.88 600.527 464.95 597.872 498.094 574.896C544.061 543.035 559.146 480.942 600.617 443.423C635.194 412.135 687.406 401.817 731.276 417.612" stroke="currentColor" stroke-miterlimit="10" />
<path d="M817.266 289.466C813.108 259.989 787.151 237.697 759.261 227.271C731.372 216.846 701.077 215.553 671.666 210.904C642.254 206.24 611.795 197.156 591.664 175.224C555.853 136.189 566.345 75.5336 560.763 22.8649C552.302 -56.8256 498.487 -130.133 425 -162.081" stroke="currentColor" stroke-miterlimit="10" />
<path d="M832.584 276.159C828.427 246.683 802.469 224.391 774.58 213.965C746.69 203.539 716.395 202.246 686.984 197.598C657.573 192.934 627.114 183.85 606.982 161.918C571.172 122.883 581.663 62.2275 576.082 9.55873C567.62 -70.1318 513.806 -143.439 440.318 -175.387" stroke="currentColor" stroke-miterlimit="10" />
<path d="M847.904 262.853C843.747 233.376 817.789 211.084 789.9 200.659C762.011 190.233 731.716 188.94 702.304 184.292C672.893 179.627 642.434 170.544 622.303 148.612C586.492 109.577 596.983 48.9211 591.402 -3.74766C582.94 -83.4382 529.126 -156.746 455.638 -188.694" stroke="currentColor" stroke-miterlimit="10" />
<path d="M863.24 249.547C859.083 220.07 833.125 197.778 805.236 187.353C777.347 176.927 747.051 175.634 717.64 170.986C688.229 166.321 657.77 157.237 637.639 135.306C601.828 96.2707 612.319 35.6149 606.738 -17.0538C598.276 -96.7443 544.462 -170.052 470.974 -202" stroke="currentColor" stroke-miterlimit="10" />
</svg>
</div>
</section>
<section class="section">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-5">
<div class="section-title">
<p class="text-primary text-uppercase fw-bold mb-3">How It Works</p>
<h1>See How Wallet Works In Two Minute.</h1>
<p>
<p>Discover how our e-wallet makes payments seamless in just one minute.</p>
<p>Welcome to our e-wallet, where transactions are made easy and hassle-free. No more worries about carrying cash or losing your wallet, because our secure digital wallet has got you covered. </p>
<p>Experience a world of seamless payments with our e-wallet today!</p>
</div>
</div>
<div class="col-lg-6 mt-5 mt-lg-0">
<div class="has-video-popup position-relative">
<img loading="lazy" decoding="async" src="Content/images/video-thumb.png" alt="video thumb" class="rounded-lg w-100">
<button type="button" class="video-play-btn border-0 bg-transparent" data-bs-toggle="modal" data-src="https://www.youtube.com/embed/acrKEizHlXI" data-bs-target="#videoModal">
<svg class="text-primary" viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="45" cy="45" r="45" fill="currentColor" fill-opacity="0.4" />
<circle cx="44.9995" cy="45" r="37.437" fill="currentColor" />
<path d="M58.2354 44.9999L38.3824 56.462L38.3824 33.5378L58.2354 44.9999Z" fill="white" />
</svg>
</button>
</div>
</div>
</div>
</div>
</section>
<div class="modal fade rounded overflow-hidden" id="videoModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content border-0">
<div class="text-center p-3">
<button type="button" class="bg-transparent border-0" data-bs-dismiss="modal" aria-label="Close">
<i class="fas fa-times"></i>
</button>
</div>
<div class="modal-body p-0">
<div class="ratio ratio-16x9 rounded-bottom overflow-hidden">
<iframe id="showVideo" allowscriptaccess="always" allow="autoplay" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<section class="section ewallet-steps bg-tertiary">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-lg-7">
<div class="section-title text-center">
<p class="text-primary text-uppercase fw-bold mb-3">Register Now</p>
<h1>Experience the Future of Payments with Our Effortless Z-Wallet!</h1>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row justify-content-center">
<div class="step-item col-lg-4 col-md-6">
<div class="text-center">
<p class="count">01</p>
<h3 class="mb-3">Fill Out The Form</h3>
<p class="mb-0">Create an account with us by providing your basic information and verifying your email address or phone number.</p>
</div>
</div>
<div class="step-item col-lg-4 col-md-6">
<div class="text-center">
<p class="count">02</p>
<h3 class="mb-3">Data verification</h3>
<p class="mb-0">We take security seriously, so we'll need to verify your identity and information before approving your e-wallet account.</p>
</div>
</div>
<div class="step-item col-lg-4 col-md-6">
<div class="text-center">
<p class="count">03</p>
<h3 class="mb-3">Get your money</h3>
<p class="mb-0">Verify your account and enjoy hassle-free payments, fund transfers, and financial management on-the-go with our e-wallet.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="row justify-content-center align-items-center">
<div class="col-lg-6">
<div class="section-title text-center">
<p class="text-primary text-uppercase fw-bold mb-3">Questions You Have</p>
<h1>You Will Get In Wallet</h1>
<p>Enjoy features such as fund transfers, payments, and more, right from your e-wallet. It's easy and convenient!</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="icon-box-item col-lg-4 col-md-6">
<div class="block">
<div class="icon">
<i class="fas fa-truck"></i>
</div>
<h3 class="mb-3">Fast and Convenient</h3>
<p class="mb-0">Access your funds and manage your transactions quickly and effortlessly. Our e-wallet offers a seamless payment experience.</p>
</div>
</div>
<div class="icon-box-item col-lg-4 col-md-6">
<div class="block">
<div class="icon">
<i class="fas fa-shield-alt"></i>
</div>
<h3 class="mb-3">Vey Safe and Reliable</h3>
<p class="mb-0">Rest assured that your transactions are secure and protected. Our e-wallet employs the latest security measures to safeguard your information.</p>
</div>
</div>
<div class="icon-box-item col-lg-4 col-md-6">
<div class="block">
<div class="icon">
<i class="fas fa-handshake"></i>
</div>
<h3 class="mb-3">Trusted by Customers</h3>
<p class="mb-0">Join our growing community of satisfied customers who trust our e-wallet for their everyday payment needs.</p>
</div>
</div>
</div>
</div>
</section>
<section class="section bg-tertiary">
<div class="container">
<div class="row justify-content-center align-items-center mb-5">
<div class="col-lg-6">
<div class="section-title text-center">
<p class="text-primary text-uppercase fw-bold mb-3">Questions for E-Wallet</p>
<h1>Additional Informations</h1>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<div class="accordion accordion-border-bottom" id="additional_Info">
<div class="accordion-item bg-transparent">
<h2 class="accordion-header accordion-button h5 border-0 active" id="heading-8a4ed081f8ec73b6e9377f609cffed128b925ed9" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-8a4ed081f8ec73b6e9377f609cffed128b925ed9" aria-expanded="true" aria-controls="collapse-8a4ed081f8ec73b6e9377f609cffed128b925ed9">How do you ensure the security of my transactions and personal information?
</h2>
<div id="collapse-8a4ed081f8ec73b6e9377f609cffed128b925ed9" class="accordion-collapse collapse border-0 show" aria-labelledby="heading-8a4ed081f8ec73b6e9377f609cffed128b925ed9" data-bs-parent="#additional_Info">
<div class="accordion-body py-0 content">
<p>At Z-Wallet, we take the security of your transactions and personal information very seriously. We use the latest encryption and security technologies to protect your data and prevent unauthorized access.</p>
<p>We also monitor our systems 24/7 to detect and prevent any suspicious activity, and we have a dedicated customer support team available to assist you with any security concerns or questions.</p>
</div>
</div>
</div>
<div class="accordion-item bg-transparent">
<h2 class="accordion-header accordion-button h5 border-0 " id="heading-5547386a6e7381108d294d5eebe26d464fcd8c2c" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5547386a6e7381108d294d5eebe26d464fcd8c2c" aria-expanded="false" aria-controls="collapse-5547386a6e7381108d294d5eebe26d464fcd8c2c">Are there any fees for using your e-wallet platform?
</h2>
<div id="collapse-5547386a6e7381108d294d5eebe26d464fcd8c2c" class="accordion-collapse collapse border-0 " aria-labelledby="heading-5547386a6e7381108d294d5eebe26d464fcd8c2c" data-bs-parent="#additional_Info">
<div class="accordion-body py-0 content">
<p>No, there are no fees for using our e-wallet platform. We believe in providing a convenient and secure payment solution for our users without any hidden charges.</p>
</div>
</div>
</div>
<div class="accordion-item bg-transparent">
<h2 class="accordion-header accordion-button h5 border-0 " id="heading-c9475aed4d896279ec43e21b49f55179d31b95ee" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-c9475aed4d896279ec43e21b49f55179d31b95ee" aria-expanded="false" aria-controls="collapse-c9475aed4d896279ec43e21b49f55179d31b95ee">How can I contact your customer support team?
</h2>
<div id="collapse-c9475aed4d896279ec43e21b49f55179d31b95ee" class="accordion-collapse collapse border-0 " aria-labelledby="heading-c9475aed4d896279ec43e21b49f55179d31b95ee" data-bs-parent="#additional_Info">
<div class="accordion-body py-0 content">
<p>You can contact our customer support team 24/7 through our website or mobile app. We also have a comprehensive FAQ section and user guides available to help answer any questions you may have.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</asp:Content>