-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
131 lines (120 loc) · 6.06 KB
/
contact.html
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="phoenixhospital.com">
<meta name="keywords" content="phoenixhospital,hospital.com,phoenixhospital website,Medican,phoenixcontact">
<link rel="icon" href="images/icon4.png" type="image/x-icon">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/form.css">
</head>
<body>
<div style="background-color: #DF691A; padding-bottom: 10px;padding-top: 10px;text-align: center;">
<header>
<a href="index.html" style="font-size: 30px;">Phoenix Hospital</a>
<a href="index.html" style="font-size: 15px;"><img src="images/logo6.jpg" width="20px" height="20px">Home</a>
<a href="register.html" target="_blank" style="font-size: 15px;">Register</a>
<a href="gallery.html" target="_blank" style="font-size: 15px;">Gallery</a>
<a href="appointment.html" target="_blank" style="font-size: 15px;">Book Appointment</a>
</header>
</div><br><br>
<div class="container">
<div class="row">
<div class="col-md-6 " id="form_container">
<h2>Contact Us</h2>
<p> Please send your message below. We will get back to you at the earliest! </p>
<form role="form" method="post" id="reused_form">
<div class="row">
<div class="col-sm-12 form-group">
<label for="message"> Message:</label>
<textarea class="form-control" type="textarea" id="message" name="message" maxlength="6000" rows="7"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-6 form-group">
<label for="name"> Your Name:</label>
<input type="text" class="form-control" id="name" name="name" required>
</div>
<div class="col-sm-6 form-group">
<label for="email"> Email:</label>
<input type="email" class="form-control" id="email" name="email" required>
</div>
</div>
<div class="row">
<div class="col-sm-12 form-group">
<button type="submit" class="btn btn-lg btn-default pull-right" onclick="validate()">Send →</button>
</div>
</div>
</form>
</div>
</div>
</div><br><br><br><br><br><br><br><br>
<div class="container-fluid">
<img src="images/contact.jpg" width="50%" height="300px" style="float: left;">
<img src="images/logo12.jpg" width="50%" height="300px" style="float: left;">
<div id="map"></div>
</div>
<footer>
<div class="w-80">
<div class="footer-box">
<h2>Services</h2>
<a href="#">HEPATILOGY</a>
<a href="#">MEDICAL DRESSAGE</a>
<a href="#">LABORATORY</a>
<a href="#">VACCINATIONS</a>
<a href="#">WHITENING</a>
</div>
<div class="footer-box">
<h2>About Us</h2>
<a href="#">COMPANY OVERVIEW</a>
<a href="#">MANAGEMENT</a>
<a href="#">INITIATIVES</a>
<a href="#">CARRERS</a>
<a href="#">OURS DOCTERS ACHIEVE</a>
</div>
<div class="footer-box">
<h2>Contact us</h2>
<a href="#">POST A QUERY</a>
<a href="#">Phoenix CLINICS</a>
<a href="#">REACH HOSPITALS</a>
<a href="#">Phoenix CRADLE</a>
<a href="#">ASK QUESTIONS</a>
</div>
<div class="footer-box">
<h2>Facilities</h2>
<a href="#">HEPATILOGY</a>
<a href="#">MEDICAL DRESSAGE</a>
<a href="#">LABORATORY</a>
<a href="#">VACCINATIONS</a>
<a href="#">WHITENING</a>
</div>
</div>
</div>
</footer>
<script>
function validate(){
alert("Your Queries Has Saved.\nOur Customer Care Service Will Contact You In Few Minutes. ")
}
</script>
<script>
function initMap() {
var loc = {
lat: 11.665043,
lng: 78.210414
};
var map = new google.maps.Map(
document.getElementById('map'), {
zoom: 18,
center: loc
});
var marker = new google.maps.Marker({
position: loc,
map: map
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNgjYzihMYJszQRxqHjKoSwf7JJDWfJDU&callback=initMap">
</script>
</body>
</html>