forked from software-engineering-2023/Loading
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (121 loc) · 5.91 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>The Bank</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="M3/css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="M3/css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="M3/css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="M3/images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="M3/css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- owl stylesheets -->
<link rel="stylesheet" href="M3/css/owl.carousel.min.css">
<link rel="stylesheet" href="M3/css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!--header section start -->
<div class="header_section">
<div class="header_left">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="logo"><a href="index.html"><img src="M3/images/logo.png"></a></div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</nav>
<div class="banner_main">
<h1 class="banner_taital">The <br>Bank</h1>
<p class="banner_text">Welcome to our bank website, where we offer a range of financial services to help you manage your money and achieve your financial goals. Our bank is committed to providing exceptional customer service, and we strive to make banking as easy and convenient as possible for you.</p>
<div class="btn_main">
<div class="more_bt"><a href="M3/login.html">Login </a></div>
<div class="contact_bt"><a href="M3/register.html">Register</a></div>
</div>
</div>
</div>
<div class="header_right">
<img src="M3/images/banner-img.png" class="banner_img">
</div>
</div>
<!--header section end -->
<!--about section start -->
<div class="services_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-8">
<h1 class="services_taital">WELCOME TO FINANCIAL SERVICES</h1>
<p class="services_text">Our website is designed to provide you with easy access to your account information, as well as useful tools and resources to help you make informed financial decisions. You can view your account balances and transactions, transfer funds, pay bills, and manage your credit cards, loans, and investments from the comfort of your home or on-the-go using our mobile app. </p>
</div>
<div class="col-md-4">
<div><img src="M3/images/img-1.png" class="image_1"></div>
</div>
</div>
</div>
</div>
<!--about section end -->
<!--footer section start -->
<div class="footer_section layout_padding">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<h4 class="about_text">The Bank</h4>
<div class="location_text"><img src="M3/images/map-icon.png"><span class="padding_left_15">Locations</span></div>
<div class="location_text"><img src="M3/images/call-icon.png"><span class="padding_left_15">+01 9876543210</span></div>
<div class="location_text"><img src="M3/images/mail-icon.png"><span class="padding_left_15">[email protected]</span></div>
</div>
<div class="col-lg-3 col-sm-6">
<h4 class="about_text">About Bank</h4>
<p class="dolor_text">Enjoy easy access to your account from the comfort<br> of your home.</p>
</div>
<div class="col-lg-3 col-sm-6">
<h4 class="about_text">Newsletter</h4>
<input type="text" class="mail_text" placeholder="Enter your email" name="Enter your email">
<div class="subscribe_bt"><a href="#">Subscribe</a></div>
<div class="footer_social_icon">
<ul>
<li><a href="#"><img src="M3/images/fb-icon1.png"></a></li>
<li><a href="#"><img src="M3/images/twitter-icon1.png"></a></li>
<li><a href="#"><img src="M3/images/linkedin-icon1.png"></a></li>
<li><a href="#"><img src="M3/images/youtub-icon1.png"></a></li>
</ul>
</div>
</div>
</div>
<!-- copyright section start -->
<div class="copyright_section">
<div class="copyright_text"></div>
</div>
<!-- copyright section end -->
</div>
</div>
<!--footer section end -->
<!-- Javascript files-->
<script src="M3/js/jquery.min.js"></script>
<script src="M3/js/popper.min.js"></script>
<script src="M3/js/bootstrap.bundle.min.js"></script>
<script src="M3/js/jquery-3.0.0.min.js"></script>
<script src="M3/js/plugin.js"></script>
<!-- sidebar -->
<script src="M3/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="M3/js/custom.js"></script>
<!-- javascript -->
<script src="M3/js/owl.carousel.js"></script>
<script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
</body>
</html>