BasicBankingSystem.github.io/contact.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
134
135
136
137
138
<!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="contact.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="index.html">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 </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 active">
                    <a class="nav-link " href="contact.html">Contact Us <span class="sr-only">(current)</span></a>
                  </li>
              </ul>
            </div>
          </nav>
          </div>

          <div class="contact-title"><h3>CONTACT US</h3></div>


          <div class="contact-us">

                <div class="contact-col">
                    <div class="font">
                        <span>
                            <h5>ADDRESS: Senja road, Senja</h5>
                            <p>senja , Singapore</p>
                        </span>

                        <span>
                            <h5>PHONE NO: +91 1234567890</h5>
                            <p>Monday to Saturday, 10AM to 6PM</p>
                        </span>

                        <span>
                            <h5>EMAIL-ID: bank@JJ.com</h5>
                            <p>Email us your query</p>
                        </span>
                    </div>

                </div>

        </div>
    </header>
    	<div class="location">
            <iframe
                src="https://www.google.com/maps/embed/v1/place?q=Senja+Road,+Senja+Soka+Centre,+Singapore&key=AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8"
                width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy">

            </iframe>
        </div>


            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-md-3 item">
                        <h3>Other Services</h3>
                        <ul>
                            <li><a href="#">Debit and Credit Cards</a></li>
                            <li><a href="#">Wealth Management</a></li>
                            <li><a href="#">Insurance</a></li>
                        </ul>
                    </div>


                    <div class="col-md-6 item text">
                        <h3>JJ Bank</h3>
                        <p>We are a chain of prestigious banks<br>spread over 16 cities across. We provide the
                            ability to manage your finances online from your computer, tablet, or smartphone which is
                            becoming more and more important to our consumers.</p>
                    </div>
            </div>
            </div>
            <br>

            	<div class="social-links">
        		<h3> Follow us @ </h3>
                    <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-snapchat"></i></a>
                                <a href="#"><i
                                class="icon ion-social-instagram"></i></a>

                	</div>
                </div>
                <br>
                <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>