-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.php
62 lines (55 loc) · 2.36 KB
/
contact.php
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
</<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>BANKING SYSTEM</title>
<link rel="stylesheet" href="style_about.css">
</head>
<body>
<div class="navbar">
<center>
<hr color="grey" width=70% size=1>
<h1> BASIC BANKING SYSTEM </h1>
<a href="index.php">Home</a>
<a href="sendmoney.php">Send Money</a>
<a href="customers.php">View All Customers</a>
<a href="transactions.php">Transactions</a>
<a class="active" href="contact.php">Contact Us</a>
<a href="about.php">About Us</a>
<hr color="grey" width=70% size=1>
</center>
</div>
<div class="container">
<div class="header"> Welcome to Sparks Bank! </div>
<img src="bank.png" height=65% width=30% alt="Welcome to the sparks bank!" style="padding: 5px; margin-right: 8vw; margin-top:8vh; float:right">
</div>
<center>
<div class="contentbox">
<h1> CONTACT US</h1>
<img src="phone.jpg" alt="Contact Us" width="50px" height="50px" style="
vertical-align: middle; border-radius: 50%;border-style: double; margin:2%;">
<h5> +91 9149xxxxxx </h5>
<br>
<img src="email.jpg" alt="Contact Us" width="50px" height="50px"
style="vertical-align: middle; border-radius: 50%;border-style: double; margin:2%;">
<h5> [email protected] </h5>
<br>
<img src="address.jpg" alt="Contact Us" width="50px" height="50px" style="
vertical-align: middle; border-radius: 50%;border-style: double; margin:2%;;">
<h5> Delhi, India</h5>
<br>
<center>
<div class="mapouter"><div class="gmap_canvas"><iframe class="gmap_iframe" width="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?width=300&height=400&hl=en&q=Shaheed Rajguru College of Applied Sciences for Women (University of Delhi), Vasundhara Enclave,&t=&z=13&ie=UTF8&iwloc=B&output=embed"></iframe></div><style>.mapouter{position:relative;text-align:center;width:100%;height:400px;padding-left:10%;}.gmap_canvas {overflow:hidden;background:none!important;width:80%;height:400px;}.gmap_iframe {height:400px!important;}</style></div>
</center>
<br> <br>
</div>
</center>
<div class="pagebreak">
</div>
<div class="footer"> <center>
Made with ❤️ By Khushi !
</center>
</div>
</center>
</body>
</html>