-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (102 loc) · 5.25 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TSF Bank Home Page</title>
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Raleway&family=Roboto:wght@100&display=swap" rel="stylesheet">
<!-- Bootstrap-4 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Stylesheet -->
<link rel="stylesheet" href="css/styles.css">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/dd9069cf88.js" crossorigin="anonymous"></script>
<!-- Java Script -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<body>
<!-- Header -->
<section id="top-container">
<div class="container-fluid">
<!-- Nav-Bar -->
<nav class="navbar navbar-expand-lg navbar-light">
<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>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#footer">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<h4 align="center">Project name: Basic Banking System by TSF Web Development Project Task 1 by Rajdeep Das</h4>
<h1 class="main-heading"><i class="fas fa-university"></i> Welcome to Project Bank <i class="fas fa-university"></i></h1>
</section>
<!-- Middle-Container -->
<section id="middle-container">
<div class="row">
<div class="col-lg-6 middle-container-item">
<i class="middle-container-icon fas fa-users fa-9x"></i>
<br>
<a class="btn btn-secondary btn-lg my-btn" href="customers.html">View Customers</a>
</div>
<div class="col-lg-6 middle-container-item">
<i class="middle-container-icon fas fa-comments-dollar fa-9x"></i>
<br>
<a class="btn btn-secondary btn-lg my-btn" href="transactions.html">Make Transactions</a>
</div>
</div>
</section>
<!-- features-carousel -->
<section id="features">
<div id="testimonial-carousel" class="carousel slide" data-ride="carousel" data-interval=3000 data-pause="hover">
<ol class="carousel-indicators">
<li data-target="#features-carousel" data-slide-to="0" class="active"></li>
<li data-target="#features-carousel" data-slide-to="1"></li>
<li data-target="#features-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active features-items">
<i class="fas fa-times fa-3x"></i>
<p>Say NO to long queues. Banking is just a click away.</p>
</div>
<div class="carousel-item features-items">
<i class="fas fa-rupee-sign fa-3x"></i>
<p>Make your transactions safe,secure and fast with us.</p>
</div>
<div class="carousel-item features-items">
<i class="fas fa-user-clock fa-3x"></i>
<p>Keep a check on your transactions anytime and anywhere.</p>
</div>
</div>
<a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<!-- Footer Contact Details -->
<section id="footer">
<hr>
<p class="get-social">Get Social</p>
<a href="https://www.facebook.com/" target="_blank"><i class="fab fa-facebook social-icon"></i></a>
<a href="https://twitter.com/?lang=en" target="_blank"><i class="fab fa-twitter social-icon"></i></a>
<a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram social-icon"></i></a>
<a href="https://mail.google.com/" target="_blank"><i class="fas fa-envelope social-icon"></i></a>
<hr>
<p class="copyright">© Copyright 2021 Rajdeep Das. All Rights Reversed</p>
</section>
</body>
</html>