Banking_web/FAQ.HTML at main · Dev-Phoen/Banking_web · GitHub

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
<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8" name="viewport">
        <style>
        .acc{
            background-color: grey;
            color: #000000;
            padding: 15px;
            width: 100%;
            border-radius: 12;
            text-align: left;
            font-size: 15px;
            font-family: Arial, Helvetica, sans-serif;
            transition: 5.0s;
        }
        .acc:after {
            color: #777;
            float: right;
            margin-left: 5px;
        }

        .slide {
            padding: 0 14px;
            background-color: #CDC7AF;
            max-height: 0;
            overflow: hidden;
        }
        </style>
        <link rel="stylesheet" href="StylesH.css">
        <title> FAQ </title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></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>
        <img src="Logo.jpg" id="logo">

<body>
    <br>
    <h1> FAQ</h1>
    <!-- Below is the link that leads to a website on how I made the accordian -->
    <!-- https://www.w3schools.com/howto/howto_js_accordion.asp -->
    <button class="acc">What are the requirements to bank with us?</button>
<div class="slide">
  <p>Anyone Can bank with us with respect to the Jurisdiction and location, with our UK branches you must have a valid and in date passport with your National insurance number.</p>
</div>
<br>

<button class="acc">How can I get access to the banking app?</button>
<div class="slide">
  <p>To gain access to our banking app, you must have a bank account with us, to sign up simply click register enter your email account number and date of birth, then simply set a password or biometric log in then you'll have 24/7 access to your funds and balance.</p>
</div>
<br>
<button class="acc">How can I help the little ones start saving?</button>
<div class="slide">
  <p>We have a range of accounts suitable for children, simply apply online or instore with both parent/guardian identification documents which shows a relation and the child's identification and simply start saving.</p>
</div>
<br>
<button class="acc">What if my bank card goes missing or I am subject to fraud?</button>
<div class="slide">
  <p>Our banking app allows you to freeze and report fraud, giving you a peace of mind. Simply click the account centre in the app than click freeze than report fraud or missing.</p>
</div>
<br>
<button class="acc">Is my money safe?</button>
<div class="slide">
  <p>Yes, your money is safe with us, Vashar Banking prides itself with employing FSCS which can authorize £85,000 in case of a complication with an account or bank failures.</p>
</div>
<br>
<button class="acc">What if I miss a payment on a loan or cannot pay it back?</button>
<div class="slide">
    <p>Failure on a payment can be difficult and stressful, at Vashar Bank we are more on the lenient side however,
         appropriate action will be taken if necessary.
         if you are struggling to make a payment on a loan or a mortgage you can apply for a mitigation of circumstances,
         our team will review it and be in contact within the working week.
         Failure to make a claim or further missed payments will result in legal action.</p>
</div>
<script>
var accord = document.getElementsByClassName("acc");
var item;
for (item = 0; item < accord.length; item++) {
    accord[item].addEventListener("click", function() {
        this.classList.toggle("active");
        var panel = this.nextElementSibling;
        if (panel.style.maxHeight) {
            panel.style.maxHeight = null;
        } else {
            panel.style.maxHeight = panel.scrollHeight + "px";
                }
              });
            }
            </script>
</body>
</html>