BasicBankingSystem.github.io/index.html at main · joe-sida/BasicBankingSystem.github.io · 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
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
<!DOCTYPE html>
<html lang="en">
<!--THIS IS THE HOME PAGE-->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <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://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <title>Banking site</title>
</head>
<body>
    <header>
        <div >
        <nav class="navbar  sticky-top navbar-expand-lg navbar-light bg-body">
            <a class="navbar-brand" href="#">JJ BANK</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
              <ul class="navbar-nav">
                <li class="nav-item active">
                  <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item ">
                  <a class="nav-link" href="about.html">About</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="customers.html">Customers</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link " href="account.html">My Account</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="contact.html">Contact Us</a>
                  </li>
              </ul>
            </div>
          </nav>
          </div>
          <div class="Welcome-text">
            <h2>Welcome Back</h2>
            <p>All your transactions in one place</p>
            <button class="btn">
                <a href="about.html">Find Out More</a>
            </button>

          </div>
    </header>
    <section>
        <!------Our Branches------>
    <div class="container">
        <h2>Our Branches</h2>

        <br>

        <div class="row">
            <div class="campus-col">
                <img src="assets/london.jpg">
                <div class="layer">
                    <h3>london</h3>
                </div>
            </div>

            <div class="campus-col">
                <img src="assets/amsterdam.jpg">
                <div class="layer">
                    <h3>Amersterdam</h3>
                </div>
            </div>

            <div class="campus-col">
                <img src="assets/washington.jpg">
                <div class="layer">
                    <h3>Washington</h3>
                </div>
            </div>
            <div class="campus-col">
                <img src="assets/ethiopia.jpg">
                <div class="layer">
                    <h3>Addis Ababa</h3>
                </div>
            </div>
            <div class="campus-col">
                <img src="assets/austria.jpg">
                <div class="layer">
                    <h3>Austria</h3>
                </div>
            </div>
            <div class="campus-col">
                <img src="assets/singapore.jpg">
                <div class="layer">
                    <h3>Singapore</h3>
                </div>
            </div>
        </div>
    </div>

    </section>
    <div class="cta">
        <h2>Experience effortless banking from anywhere across the world</h2>
        <section class="text-center col-12">
            <hr>
            <a href="Contact.html">
            <button class="find btn btn-primary btn-xl">contact us</button>
          </a>
          </section>
    </div>

    <div class="footer-dark">
        <footer>


            <div class="col item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i
                        class="icon ion-social-twitter"></i></a><a href="#"><i
                        class="icon ion-social-linkedin"></i></a><a href="#"><i
                        class="icon ion-social-github"></i></a></div>
                        <p class="copyright">© 2022 Made My Yohannes Sida</p>
            </div>


</footer>
    </div>
</body>
</html>