-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
262 lines (238 loc) · 9.08 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Navbar start -->
<nav class="navbar navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="#">Wallet Bank</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true">Disabled</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!-- Navbar end -->
<!-- Hero section -->
<div class="container-fluid ">
<div class="row">
<div class="col-sm-6 col-md-3 text-center heroqr">
<h2 class="mt-5 textmobile">The <br>MOBILE <br>WALLET</h2>
<img src="images/qr.png" alt="" class="img-fluid qrimg">
</div>
<div class="col-sm-6 col-md-3">
<img src="images/mobile.png" alt="" class="img-fluid mobileimg mt-5 pb-3">
</div>
<div class="col-md-6 bghero">
<div class="textinner">
<h1 class="textmobile text-white">GO <br>CASHLESS!<br></h1>
<ul>
<li>ALL IN ONE APP</li>
<li>PAY FOR ALL DAILY NEEDS</li>
<li>PAY IN YOUR LANGUAGE</li>
</ul>
<button class="btndown">DOWNLOAD NOW</button>
</div>
</div>
</div>
</div>
<!-- Hero section end -->
<!-- complete -->
<div class="container mt-5 text-center">
<div class="row">
<h1>A COMPLETE FINANCIAL <br>NEEDS <span class="onecolor">IN ONE APP</span></h1>
</div>
</div>
<!-- -->
<div class="container bgneeds text-center mt-5">
<div class="row mt-5">
<div class="col-md-4">
<h1> <i class="fa-solid fa-money-bill-1 fa-2xl"></i>
</h1>
<h6 class="mt-3">SUPPORT ALL PAYMENT</h6>
<p>lorem10 bjnc mncsjkc</p>
<div class="vertical"></div>
</div>
<div class="col-md-4">
<h1>
<i class="fa-solid fa-shield-halved fa-2xl"></i>
</h1>
<h6 class="mt-3">SUPPORT ALL PAYMENT</h6>
<p>lorem10 bjnc mncsjkc</p>
</div>
<div class="col-md-4">
<h1>
<i class="fa-solid fa-tachograph-digital fa-2xl"></i>
</h1>
<h6 class="mt-3">SUPPORT ALL PAYMENT</h6>
<p>lorem10 bjnc mncsjkc</p>
</div>
</div>
</div>
<div class="container mt-5 ">
<div class="row">
<div class="col-md-6">
<h1 class="letsfinanceh1">LET'S MAKES YOUR FINANCE <br>
ACTIVITY GOING <span class="onecolor">DIGITLIZE</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque, repudiandae. Corporis eos eum officia sunt
officiis velit perferendis ducimus voluptates.</p>
<button class="btn2">LEARN MORE</button>
</div>
<div class="col-md-6">
<img src="images/mobilundercirclepng.png" alt="" class="img-fluid">
</div>
</div>
</div>
<!-- We commited to give you... -->
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<img src="images/companypeople.avif" alt="" class="img-fluid companyimg">
</div>
<div class="col-md-6">
<h1 class="mt-5">WE COMMIT TO GIVE YOU <br>
THE BEST <span class="onecolor">EXPERIENCE</span>
</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsa labore voluptates soluta numquam veniam quod laboriosam provident odit expedita aliquid?</p>
<button class="btn2">LEARN MORE</button>
</div>
</div>
</div>
<!-- ................
-->
<!-- our latest technology -->
<div class="container mt-5">
<h1 class="text-center ">OUR LATEST TECHNOLOGY & <br>
<span class="onecolor">INTERSTING FEATURES</span></h1>
<p class="text-center pb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum veniam modi voluptatem ducimus maiores omnis suscipit quam eveniet debitis earum amet voluptas veritatis vel natus iste velit nulla, saepe nobis.</p>
<div class="row">
<div class="col-sm-3 ">
<div class="text-center fs-1">
<i class="fa-solid fa-bottle-water fa-2xl"></i>
<h5 class="mt-4">WATER</h5>
</div>
</div>
<div class="col-sm-3 ">
<div class="text-center fs-1">
<i class="fa-solid fa-lightbulb fa-2xl"></i>
<h5 class="mt-4">ELECTRICTY</h5>
</div>
</div>
<div class="col-sm-3 ">
<div class="text-center fs-1">
<i class="fa-solid fa-fire-flame-simple fa-2xl"></i>
<h5 class="mt-4">GAS</h5>
</div>
</div>
<div class="col-sm-3 ">
<div class="text-center fs-1">
<i class="fa-solid fa-basket-shopping fa-2xl"></i>
<h5 class="mt-4">SHOOPING</h5>
</div>
</div>
</div>
<div class="row mt-5">
<div class="col-sm-3">
<div class="text-center fs-1">
<i class="fa-solid fa-mobile-screen fa-2xl"></i>
<h5 class="mt-4">MOBILE</h5>
</div>
</div>
<div class="col-sm-3 ">
<div class="text-center fs-1">
<i class="fa-regular fa-credit-card fa-2xl"></i>
<h5 class="mt-4">CREDIT CARD</h5>
</div>
</div>
<div class="col-sm-3 ">
<div class="text-center fs-1">
<i class="fa-solid fa-car-burst fa-2xl"></i>
<h5 class="mt-4">INSURANCE</h5>
</div>
</div>
<div class="col-sm-3 ">
<div class="text-center fs-1">
<i class="fa-solid fa-hotel fa-2xl"></i>
<h5 class="mt-4">HOTEL</h5>
</div>
</div>
</div>
<div class="text-center mt-4">
<button class="btn2">& MORE</button>
</div>
</div>
<!-- Mobile app downlaod start-->
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<h3 class="mt-5">DOWNLOAD AND REGISTER <br><span class="onecolor">FROM THE MOBILE APP</span></h3>
<p>Lorem ipsum dolor, sit acupiditate eligendi atque similique voluptates maiores, quos, numquam, voluptate aspernatur labore! Adipisci, tenetur expedita eaque, neque culpa assumenda quis laborum deleniti aliquam eveniet reprehenderit dolore nulla ex, iure quasi!</p>
<h6>DOWNLOAD</h6>
<div class="row">
<div class="col-md-6 col-6">
<img src="images/qr.png" alt="" class="img-fluid qrimg mt-3">
</div>
<div class="col-md-6 col-6">
<button class="btndown mt-5"> <i class="fa-regular fa-circle fa-xl"></i> Downlaod1</button> <br>
<button class="mt-4 btndown"> <i class="fa-solid fa-play fa-xl" style="color: #f3f4f7;"></i> Downlaod1</button>
</div>
</div>
</div>
<div class="col-md-6">
<img src="images/mobile.png" alt="" class="img-fluid mt-5">
</div>
</div>
</div>
<!-- Footer -->
<div class="container mt-5 text-center p-4" style="background-color: rgb(184, 228, 214);">
<div class="row">
<h4>THE WALLET BANK</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, nam impedit nostrum nemo cum in. Reiciendis magni dolorem libero corporis.</p>
</div>
</div>
<!-- Footer end -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
</body>
</html>