-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathcontact_us.html
209 lines (175 loc) · 7.41 KB
/
contact_us.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
<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">
<title>Contact Us</title>
<link rel="stylesheet" href="/cont-us-css/contact_us.css">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
</head>
<body>
<header>
<div class="container">
<div class="top-bar">
<div class="nav-col">
<div class="logo">
<!-- <img src="logo1.png" class="img-responsive" alt="logo" width="80vw"> -->
<h2>Goa Police</h2>
</div>
<!-- logo -->
<div class="menu">
<a class="active" href="index.html">Home</a>
<a href="about-overview.html">About Us</a>
<a href="complaint.html">Complaints</a>
<a href="women-safety.html">Women Safety</a>
<a href="pa_traffic.html">Public Awareness</a>
</div>
<div class="clear"></div>
</div>
<!-- nav-col -->
<div class="log">
<a href="sign-in.html">Department Login</a>
</div>
<div class="clear"></div>
</div>
<!-- top-bar -->
</div>
</header>
<section class="header-bg-parent">
<div class="header-col1">
<h5>Welcome</h5>
<h2 class="typewrite">Your Safety Is <span class="auto-input"></span></h2>
<p>Society questions the police and their methods, and the police say, Do you want the criminals off the
street or not?
</p><br>
<a href="contact_us.html">Contact Us</a>
</div>
<div class="header-col2">
<!-- background ke liye use hua hai -->
</div>
<div class="clear"></div>
</section>
<!-- <-------------------------------content section----------------------------------------- -->
<div class="container-contact">
<div class="content">
<div class="left-side">
<div class="address details">
<i class="fas fa-map-marker-alt"></i>
<div class="topic">Address</div>
<div class="text-one">GOA POLICE HEADQUARTERS,</div>
<div class="text-two">Near Azad Maidan,
Panaji-Goa, india.
Pin code:403001
</div>
</div>
<div class="phone details">
<i class="fas fa-phone-alt"></i>
<div class="topic">Phone</div>
<div class="text-one">1800 1254 4875</div>
<div class="text-two">1800 5456 4522</div>
</div>
<div class="email details">
<i class="fas fa-envelope"></i>
<div class="topic">Email</div>
<div class="text-one">[email protected]</div>
<div class="text-two">[email protected]</div>
</div>
</div>
<div class="right-side">
<div class="topic-text">Send us a message</div>
<p>If you have any technical issues or any types of queries related, you can send me message from here.
It's my
pleasure to help you.</p>
<form action="#">
<div class="input-box">
<input type="text" placeholder="Enter your name">
</div>
<div class="input-box">
<input type="email" placeholder="Enter your email">
</div>
<div class="input-box message-box">
</div>
<label for="story"><b>Would you like to share something with us:</b></label>
<textarea id="story" name="story" rows="5" cols="33" type="text" placeholder="Enter your email">
</textarea>
<div class="button">
<input type="button" value="Send Now">
</div>
</form>
</div>
</div>
</div>
<!------------------------------------- footer section --------------------------------------->
<footer class="footer">
<div class="container-footer">
<div class="row">
<div class="footer-col">
<h4>Get in touch with us</h4>
<div class="line">
GOA POLICE HEADQUARTERS,<br>
Near Azad Maidan, Panaji-Goa,<br> india. Pin code:403001<br>
</div>
<ul>
<li><a id="email" href="#">[email protected]</a></li>
</ul>
<div class="line">
1800 1254 4875<br>
1800 5456 4522
</div>
</div>
<div class="footer-col">
<h4>Recommended</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Women Safety</a></li>
<li><a href="#">Complaints</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Sub links</h4>
<ul>
<li><a href="#">Passport Seva</a></li>
<li><a href="#">Legel AID</a></li>
<li><a href="#">New Intiative</a></li>
<li><a href="#">Citizens Charter</a></li>
<li><a href="#">Sakal Service</a></li>
</ul>
</div>
<div class="footer-col">
<h4>follow us</h4>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fas fa-envelope"></i></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
<div class="visit">Visitor Count:- 443434</div>
</footer>
<div class="footer_bottom">
<p class="copyright">
Copyright © 2022 <a href="#">All Rights Reserved</a>
</p>
<p class="developer">
Software Solutions Provided by <a href="">DEBUG ENTITY</a>
</p>
</div>
<!-- CDN link for typewriter -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<!-------------------------------------------- running our job section------------------------------------------------------------ -->
<script>
var typed = new Typed('.auto-input', {
// Waits 1000ms after typing "First"
strings: [' Our Job.'],
typeSpeed: 100,
backSpeed: 100,
loop: true
});
</script>
</body>
</html>