-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathServices.HTML
More file actions
203 lines (166 loc) · 7.56 KB
/
Services.HTML
File metadata and controls
203 lines (166 loc) · 7.56 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
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8" name="viewport">
<link rel="stylesheet" href="StylesH.css">
<title> Services </title>
<script src="JQuery_annimation_services.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script>
// https://youtu.be/fW7rwCpD0FY was used to build the Jquery
$(document).ready(function() {
$(".Service").click(function() {
$(".Service").animate({
width: '500px',
height: '125px'
}, "slow");
$(".Sdec").show().animate({
width: "490px",
height: '120px',
opacity: '1'
}, "slow");
});
});
$(document).ready(function() {
$(".Jrs").click(function() {
$(".Jrs").animate({
width: '500px',
height: '125px'
}, "slow");
$(".Jdec").show().animate({
width: "490px",
height: '120px',
opacity: '1'
}, "slow");
});
});
$(document).ready(function() {
$(".Stnt").click(function() {
$(".Stnt").animate({
width: '500px',
height: '125px'
}, "slow");
$(".ssdec").show().animate({
width: "490px",
height: '120px',
opacity: '1'
}, "slow");
});
});
$(document).ready(function() {
$(".Reg").click(function() {
$(".Reg").animate({
width: '500px',
height: '125px'
}, "slow");
$(".regular_desc").show().animate({
width: "490px",
height: '120px',
opacity: '1'
}, "slow");
});
});
$(document).ready(function() {
$(".Buissness").click(function() {
$(".Buissness").animate({
width: '500px',
height: '125px'
}, "slow");
$(".Buis_desc").show().animate({
width: "420px",
height: '120px',
opacity: '1'
}, "slow");
});
});
$(document).ready(function() {
$(".loans").click(function() {
$(".loans").animate({
width: '500px',
height: '125px'
}, "slow");
$(".loan_desc").show().animate({
width: "490px",
height: '120px',
opacity: '1'
}, "slow");
});
});
$(document).ready(function() {
$(".Junior_current").click(function() {
$(".Junior_current").animate({
width: '500px',
height: '125px'
}, "slow");
$(".jrc_desc").show().animate({
width: "490px",
height: '120px',
opacity: '1'
}, "slow");
});
});
</script>
</head>
<header>
<nav>
<ul>
<li><a href="Bank_home.HTML"> Home </a></li>
<li><a href="Mortgage_cal.HTML"> Mortgage calculator </a></li>
<li><a href="AboutUS.HTML"> About us </a></li>
<li><a href="ContactUS.HTML">Contact us </a></li>
<li><a href="FAQ.HTML"> FAQ </a></li>
<li><a href="Services.HTML"> Services </a></li>
</ul>
</nav>
</header>
<h1>The services we offer</h1>
<img src="Logo.jpg" id="logo">
<body>
<div class="Service">
<p class="Savings"> Savings</p>
<p class="Sdec">A high interest high yield bank account for our high savers, with our 2.5% interest rate your money will go further with us than any other.
our savings account has easy access meaning there are no penalties to withdraw money and with access to our app, saving has never been so easy. Users must be over the age of 16
to use this account.
</p>
</div>
<div class="Jrs">
<p class="Jrb"> Junior Savings</p>
<p class="Jdec">A high interest high yield bank account for our young savers, with our 5% interest rate your money will go further with us than any other.
our savings account has easy access meaning there are no penalties to withdraw money and with access to our app, saving has never been so easy.
To be considered elegible users must be under 19 and have a parent or Gardian to open it for them.
</p>
</div>
<div class="Stnt">
<p class ="Student"> Students accounts</p>
<p class ="ssdec">Our Students accounts offer an interest free overdraft of £2500 which makes us one of the more popular bank accounts for students.
As well as an interest free overdraft of £2500 we offer a free 16-25 National Rail Card which gives 15% discount of all uk train tickets.
To be considered elegible for our current account the user must be aged 18 or above and in a UK or EU University.
</p>
</div>
<div class="Reg">
<p class="regular"> Current account</p>
<p class="regular_desc">Our checking accounts are perfect for daily use, with 2.5% cash back on all services and a anti-fraud system
our current accounts are suited for the general public. To be considered elegible for our current account the user must be aged 18 or above.
</p>
</div>
<div class="Buissness">
<p class="Buis">Buissness account</p>
<p class="Buis_desc">Fee free for small to medium Buissness with unlimited access to the account and its funds,
10% cash back on all buisness expenses 10% interest on balances and acess to the buisness features on the Vashar Banking app.
Users must be over 18 years old and have registered buisness to be able to apply.</p>
</div>
<div class="loans">
<p class="loans">Loans</p>
<p class="loan_desc">We offer loans at vashar banking so you can make your money worth it.
Our loans can go up to 30% of your income, so you can make bigger purchases without going over your means.
In order to be eligible to take out a loan users must be over the age of 18.
</p>
</div>
<div class="Junior_current">
<p class="Jrc">Junior current account</p>
<p class="jrc_desc">We offer Junior accounts at vashar banking, with an interest rate of 1% for every
deposite, their money will grow as they do. The Junior current account prevents online purchases to teach good spending habits. Junior accounts are elegible for children under
19 and must be opned by a parent or guardian.
</p>
</div>
</body>
</html>