-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.php
136 lines (134 loc) · 6.31 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>WhizzAct</title>
<!-- animate js -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
<!-- MDB -->
<link
href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.4.0/mdb.min.css"
rel="stylesheet"
/>
<!-- custom css-->
<link rel="stylesheet" href="css/contact.css" />
<!-- icons -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
/>
<!-- font for h1 -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Raleway:wght@600&display=swap"
rel="stylesheet"
/>
<!-- boostrap -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
</head>
<body>
<!-- navbar -->
<?php include("section/mainlayout/navbar.php") ?>
<!-- navbar -->
<!-- #3419AB -->
<div class="bg">
<div class="container pt-5">
<div class="col-12 col-lg-6 mx-auto pt-5 ">
<h1 class="text-center" style="color:#14b2d5;">Let's Get in Touch.</h1>
<p class="text-center text-light placeholder-glow"> Thank you for your interest in our services. Fill the contact form below, and we will promptly revert you back within a business day regarding your request.</p>
</div>
<div class="col-12 col-md-11 col-lg-9 d-md-flex bg-white mt-5 px-3 py-3 rounded-4 shadow mx-auto">
<div class="col-12 col-md-5 col-lg-4 px-3 py-4 rounded-4" style="background-color: #3419AB;">
<h4 class="fw-bolder text-white">Contact Info</h4>
<div class="mt-3">
<h5 class="fw-normal text-white"><img src="./asserts/icons/icons8-location-50.png" class="me-2" alt="" style="height: 2rem;">Find Us</h5>
<a href="https://goo.gl/maps/1283AkjR8dKwUSB57" class="ms-2 contact-links page-link mt-2 placeholder-glow">SH 3, 374 Kumbharwada, S.T. Road, Nr. GuruPrasad Bar, opp. Allahabad Bank, Chembur, Mumbai, Maharashtra 400071</a>
</div>
<div class="mt-3">
<h5 class="fw-normal text-white"><img src="./asserts/icons/icons8-call-50.png" class="me-2" alt="" style="height: 2rem;">Call US</h5>
<a href="tel:+91 82681 08343" class="contact-links page-link ms-2 placeholder-glow">+91 82681 08343</a>
<a href="tel:+91 74003 92271" class="contact-links page-link ms-2 placeholder-glow">+91 74003 92271</a>
</div>
<div class="mt-3">
<h5 class="fw-normal text-white"><img src="./asserts/icons/icons8-mail-50.png" class="me-2" alt="" style="height: 2rem;">Mail at</h5>
<a href="mailto:[email protected]" class="page-link contact-links ms-2 placeholder-glow">[email protected]</a>
<a href="mailto:[email protected]" class="page-link contact-links ms-2 placeholder-glow">[email protected]</a>
</div>
</div>
<div class="col-12 col-md col-lg-8 px-3 mt-3 mt-md-0 px-md-5 py-3 contact-form">
<div class="row">
<div class="col-6">
<label for="name">Name</label>
<input type="text" id="name" class="fw-bolder w-100 border-0 contact-input">
</div>
<div class="col-6">
<label for="Phone">Phone</label>
<input type="tel" id="phone" class="fw-bolder w-100 border-0 contact-input">
</div>
</div>
<label for="email" class="mt-2">Email</label><br>
<input type="email" id="email" name="" id="" class="fw-bolder w-100 border-0">
<div class=" w-100 mt-2 ">
<label for="subject" class="">Subject</label><br>
<input type="email" name="" id="subject" class="fw-bolder w-50 border-0">
</div>
<label for="message" class="mt-2">Message</label><br>
<textarea maxlength="325" name="" id="message" rows="5" class="w-100 border-0"></textarea>
<button class="px-3 py-1 mt-3 rounded border-0" style="background-color: #3419AB;color: #fff;">Send Message</button>
</div>
</div>
</div>
</div>
<div class="map m-5 mx-auto px-3 py-3 border rounded">
<iframe class="w-100 rounded" height="250px" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15084.90462512591!2d72.8906333!3d19.0537917!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x19f52138e044c3d8!2sWhizzAct%20Solutions!5e0!3m2!1sen!2sin!4v1660744354213!5m2!1sen!2sin"style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="d-flex justify-content-end my-2">
<a href="" class="page-link ">Facbook</a>
<a href="" class="page-link ms-2">Instagram</a>
<a href="" class="page-link ms-2">Twitter</a>
</div>
</div>
<!-- boostrap -->
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"
></script>
<!-- mdb -->
<script
type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/4.4.0/mdb.min.js"
></script>
<!-- animate js -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<!-- jquery -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<!-- custom js -->
<script src="./js/index.js"></script>
</body>
</html>