-
Notifications
You must be signed in to change notification settings - Fork 2
/
learnmore.html
384 lines (378 loc) · 25.2 KB
/
learnmore.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
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
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>CUTS | Learn More</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/cuts.png" rel="icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap"
rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- color scheme -->
<link href="assets/css/variables.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body style="background-color: rgb(237, 237, 237);">
<!-- ======= Header ======= -->
<header id="header" class="header fixed-top" data-scroll-offset="0">
<div class="container-fluid d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center scrollto me-auto me-lg-0">
<img src="assets/img/CUTS_logo1-1.png" alt="">
<h1 class="d-none d-lg-block">The <span class="text-primary">CUTS</span><span>.</span></h1>
</a>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto " href="index.html">Home</a></li>
<li><a class="nav-link scrollto" href="recharge.html">Recharge</a></li>
<li><a class="nav-link scrollto active" href="learnmore.html">Learn More</a></li>
<li><a class="nav-link scrollto" href="team.html">Team</a></li>
<li><a class="nav-link scrollto" href="contact.html">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle d-none pt-4"></i>
</nav><!-- .navbar -->
<a class="btn-getstarted scrollto" href="signin.html">Sign In</a>
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero carousel carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">
<div class="carousel-item active">
<div class="container">
<div class="row justify-content-center gy-6">
<div class="col-lg-5 col-md-8">
<img src="assets/img/hero-carousel/hero-carousel-1.svg" alt="" class="img-fluid img">
</div>
<div class="col-lg-9 text-center">
<h2>Welcome The <span class="text-primary fs-1">CUTS</span> Project</h2>
<p>Join Us As We Embark On An Adventure To Make Sure That Each And Every Indian Gets To Join
In On The Wonderful World Of Digital Transactions - <span
class="text-faded fw-bold text-primary">Without The Need Of Internet Or Fancy
Smartphones!</span>
</p>
<a href="#f1" class="btn-get-started scrollto ">Explore</a>
</div>
</div>
</div>
</div><!-- End Carousel Item -->
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center gy-6">
<div class="col-lg-5 col-md-8">
<img src="assets/img/hero-carousel/hero-carousel-2.svg" alt="" class="img-fluid img">
</div>
<div class="col-lg-9 text-center">
<h2>Never Hustle For <span class="text-danger fs-1">Change</span> Ever Again</h2>
<p>We All Know The Feeling Of Needing To Pay An Amount And Never Having The Right Change -
<span class="text-faded fw-bold text-danger">Or Having So Much That Your Pockets Bulge
Out</span>
</p>
<a href="#f1" class="btn-get-started scrollto ">Explore</a>
</div>
</div>
</div>
</div><!-- End Carousel Item -->
<div class="carousel-item">
<div class="container">
<div class="row justify-content-center gy-6">
<div class="col-lg-5 col-md-8">
<img src="assets/img/hero-carousel/hero-carousel-3.svg" alt="" class="img-fluid img">
</div>
<div class="col-lg-9 text-center">
<h2>Forget About <span class="text-danger fs-1">Failed</span> Transactions</h2>
<p>Never Worry About That Mini Heart Attack When You Enter Your PIN And The Loader Spins And
Spins Before Finally Saying - <span class="text-faded fw-bold text-danger">"Transaction
Failed"</span>
</p>
<a href="#f1" class="btn-get-started scrollto ">Explore</a>
</div>
</div>
</div>
</div><!-- End Carousel Item -->
<a class="carousel-control-prev" href="#hero" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#hero" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
</a>
<ol class="carousel-indicators"></ol>
</section><!-- End Hero Section -->
<main id="main">
<!-- ======= Video ======= -->
<section id="f1" class="onfocus">
<div class="container-fluid p-0" data-aos="fade-up">
<div class="row g-0">
<div class="col-lg-6 video-play position-relative">
<a href="https://www.youtube.com/watch?v=LXb3EKWsInQ" class="glightbox play-btn"></a>
</div>
<div class="col-lg-6">
<div class="content d-flex flex-column justify-content-center h-100">
<h3>Live Demonstration Of How It All Works</h3>
<p class="fw-light"> Small Demonstration Showcasing How Our Product Aims To Make Your
Lives Easier</p>
<a href="#details" class="read-more align-self-start"><span
class="fw-bolder fs-6">Details</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section><!-- Video Section -->
<!-- ======= About Section ======= -->
<section id="details" class="about">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Details And Specifications</h2>
<p>Take A Deeper Dive Into The Ins And Outs Of The <span class="text-primary fw-bold">CUTS
System</span> And How It Actually Works </p>
</div>
<div class="row g-4 g-lg-5" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-12">
<!-- Tabs -->
<ul class="nav nav-pills mb-3 justify-content-center">
<li><a class="nav-link active" data-bs-toggle="pill" href="#tab1">The CUTS Token</a>
</li>
<li><a class="nav-link" data-bs-toggle="pill" href="#tab2">The CUTS Box</a></li>
</ul><!-- End Tabs -->
<!-- Tab Content -->
<div class="tab-content">
<div class="tab-pane fade show active" id="tab1">
<p class="fst-normal text-center fw-lighter fs-6 text-primary">Follow These Quick
And Simple Steps To Get Started With The CUTS System</p>
<hr>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>Get Your CUTS Token At Your Nearest Distribution Center</h4>
</div>
<p>Small, Lightweight And Loaded With Features! Get Your CUTS Token From The Nearest
Distribution Center And Recharge It Online Or Offline At Your Nearest Merchant
With A CUTS Box.</p>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>Visit Any CUTS Equipped Merchant And Use Your CUTS Token To Make A
Transaction</h4>
</div>
<p>It Really Is That Simple! Just Touch And Type In The Amount And Your Passcode And
You're Done! No Hassle, No Delay And Most Importantly Never Worry About The
Ominous Transaction Failed Popups Ever Again!</p>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>Enjoy Fast, Safe And Secure Transactions With No Worries With Assured
Benefits</h4>
</div>
<p>We Employ Secure Encryption Models And Use A Completely Offline NFC Bases System
To Ensure That You Are Always Protected And Your Transactions Are Safe - With
The Added Bonus Of Never Being Connected To The Internet And Thus Never Being
Vulnerable To Online Attacks!</p>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>Easily <a href="signin.html">recharge</a> your cuts token from the cuts box
itself</h4>
</div>
<p>Recharge is done from the CUTS Box, either by placing your card for 30 seconds,
and then going for a OTP verification <em class="font-italic">(if you have
already paid online)</em> or by directly paying the merchant in cash and
getting your card recharged immediately.</p>
</div><!-- End Tab 1 Content -->
<div class="tab-pane fade show" id="tab2">
<p class="fst-normal text-center fw-lighter fs-6 text-primary">Explore The CUTS Box
And What Goes On Under The Hood</p>
<hr>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>One time installation for merchants</h4>
</div>
<p>After a quick KYC, the CUTS box is good to go. It is battery rechargeable, with a
lifetime of 5 days just by 3 hours of charge.</p>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>No Extra charges from the merchants to accept payments</h4>
</div>
<p>For offline payments CUTS Box acts as a safe, offline, physical wallet for the
merchant. Transactions are processed immediately. Balance update takes place
immediately. No extra charges for wallet transfer to account. Moreover you can
also opt to get physical cash <em class="font-italic">(due to unavailability of
bank account).</em></p>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>Supports both offline and online mode of transaction</h4>
</div>
<p>The CUTS box works 24x7, even in situation of complete internet failure.
Transaction details are mailed and sent via SMS within neglible delay.</p>
<div class="d-flex align-items-center mt-4">
<i class="bi bi-check2"></i>
<h4>Easy to use for all ages and for all levels of literacy</h4>
</div>
<p>CUTS box is manual POS, with a simple keypad and buttons. Payments, transfers are
no more a hassle of handling complex apps.</p>
</div><!-- End Tab 2 Content -->
</div>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Call To Action Section ======= -->
<section id="cta" class="cta container-fluid col-lg-12">
<div class="container" data-aos="zoom-out">
<div class="row g-5">
<div
class="col-lg-8 col-md-6 content d-flex flex-column justify-content-center order-last order-md-first">
<h3>Our Advantages Over <em class="text-danger">Other Digital Solutions</em></h3>
<p> Why Did We Venture Out At A Time Into A Market So Throughly Saturated With State Of The
Art App Based Products Designed To Solve Every Conceivable Aspects Of Digital
Transactions <em class="text-danger fw-bolder">?</em></p>
<a class="cta-btn align-self-start" href="#advantages">Our <span
class="fw-bold">Advantages</span></a>
</div>
<div class="col-lg-4 col-md-6 order-first order-md-last d-flex align-items-center">
<div class="img">
<img src="/assets/img/temp_img.jpg" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
</section><!-- End Call To Action Section -->
<!--Advantages section-->
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="card card-margin" style="min-height: 30vh;">
<div class="card-body pt-4" style="height: 220px;">
<div class="widget-49" style="font-family: 'Courier New', Courier, monospace;">
<div class="widget-49-title-wrapper">
<div class="widget-49-date-primary">
<div class="icon fs-2"><i class="bi bi-wifi-off"></i></div>
</div>
<div class="widget-49-meeting-info">
<span class="widget-49-pro-title h3" ><b style="font-size: large;">Completely Oflline</b></span>
</div>
</div>
<ol class="widget-49-meeting-points pt-2" style="font-size: small;">
<li class="widget-49-meeting-item"><span>Transactions do not need internet connectivity.</span></li>
<li class="widget-49-meeting-item"><span>Records are updated once connection is restored.</span></li>
</ol>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card card-margin" style="min-height: 30vh;">
<div class="card-body pt-4" style="height: 220px;">
<div class="widget-49" style="font-family: 'Courier New', Courier, monospace;">
<div class="widget-49-title-wrapper">
<div class="widget-49-date-warning">
<div class="icon fs-2"><i class="bi bi-emoji-smile"></i></div>
</div>
<div class="widget-49-meeting-info">
<span class="widget-49-pro-title h3"><b style="font-size: large;">User Friendly</b></span>
</div>
</div>
<ol class="widget-49-meeting-points pt-2" style="font-size: small;">
<li class="widget-49-meeting-item"><span>Smartphones and bank accounts no more a compulsion.</span></li>
<li class="widget-49-meeting-item"><span>Fast and hassle free, making it a all-time solution</span>
</li>
</ol>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mt-2">
<div class="card card-margin" style="min-height: 30vh;">
<div class="card-body pt-4" style="height: 220px;">
<div class="widget-49" style="font-family: 'Courier New', Courier, monospace;">
<div class="widget-49-title-wrapper">
<div class="widget-49-date-success">
<div class="icon fs-2"><i class="bi bi-eye-slash-fill"></i></div>
</div>
<div class="widget-49-meeting-info">
<span class="widget-49-pro-title"><b style="font-size: large;">No Hidden Charges</b></span>
</div>
</div>
<ol class="widget-49-meeting-points pt-2" style="font-size: small;">
<li class="widget-49-meeting-item"><span>No annual fees, transaction charges, maintenance fees charged from the merchant.</span>
</li>
<li class="widget-49-meeting-item"><span>No holding amounts or maintenance fees charged from the users.</span></li>
</ol>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of Adavantages -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer p-4">
<div class="footer-content">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6">
<div class="footer-info">
<h2 class="text-uppercase"><b>The CUTS Project</b></h2>
<p> Team No Deadlines <br> Kolkata, West Bengal<br><br>
<strong>Phone:</strong> +1 5589 55488 55<br>
<strong>Email:</strong> info@example.com<br>
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="index.html">Home</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="userpage.html">User</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="team.html">About us</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="faq.html">FAQ</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="terms.html">Terms of service</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-6 footer-newsletter">
<h4>Our Newsletter</h4>
<p>Have any query?<br>Feel free to write to us</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Send">
</form>
</div>
</div>
</div>
</div>
<div class="footer-legal text-center">
<div
class="container d-flex flex-column flex-lg-row justify-content-center justify-content-lg-between align-items-center">
<div class="d-flex flex-column align-items-center align-items-lg-start">
<div class="copyright"> © Copyright <strong><span>Team No Deadlines</span></strong>. All Rights
Reserved </div>
<div class="credits"> Designed by <a href="/team.html">Team No Deadlines</a>
</div>
</div>
<div class="social-links order-first order-lg-last mb-3 mb-lg-0">
<a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>