-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
199 lines (125 loc) · 12.3 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
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
<!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="/style.css">
<script defer type="module" src="/main.js"></script>
<!-- for font -->
<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=Montserrat:wght@400;600&display=swap" rel="stylesheet">
<!-- Favicon Start -->
<link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/ico" href="/assets/favicon.ico">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
<!-- Android Chrome Icons -->
<link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon/android-chrome-512x512.png">
<!-- Favicon End -->
<!-- Chat Option -->
<script>(function (w, d) { w.CollectId = "648a035e94ae2b59a69d50fd"; var h = d.head || d.getElementsByTagName("head")[0]; var s = d.createElement("script"); s.setAttribute("type", "text/javascript"); s.async = true; s.setAttribute("src", "https://collectcdn.com/launcher.js"); h.appendChild(s); })(window, document);</script>
</head>
<body class=" bg-cover bg-center bg-fixed bg-no-repeat bg-image1 md:bg-image2">
<!-- Header -->
<div id="header-placeholder"></div>
<!-- Contact Us Section Start -->
<section class="min-h-screen bg-black bg-opacity-70 ">
<div class="container px-6 py-20 mx-auto ">
<div class="lg:flex lg:items-center lg:-mx-10 mt-20">
<div class="lg:w-1/2 lg:mx-10 font-Montserrat bg-white rounded-lg p-4 ">
<h1 class=" text-2xl md:text-3xl lg:text-4xl
font-bold text-center text-white capitalize bg-gray-700 rounded-lg p-4 md:p-6 ">Contact Us </h1>
<p class="hidden md:block mt-4 text-center text-gray-950 font-medium text-sm md:text-base ">
<!-- Ask us everything and we would love
to hear from you -->
Whether you're seeking legal guidance or simply want more information about our services,we encourage you to reach out to us.
<!-- We are here to provide you with the support and information you need to navigate the legal landscape effectively. -->
</p>
<form class="mt-12"
action="https://formspree.io/f/mbjevvej"
method="POST"
>
<div class="-mx-2 md:items-center md:flex">
<div class="flex-1 px-2">
<label for="name" class="block mb-2 text-sm text-gray-950 font-semibold">Full Name</label>
<input type="text" id="name" name="name" placeholder="name" class="block w-full px-5 py-3 mt-2 text-white placeholder-white bg-gray-700 border border-gray-200 rounded-md focus:border-gray-950 focus:ring-gray-900 focus:outline-none focus:ring focus:ring-opacity-40" required />
</div>
<div class="flex-1 px-2 mt-4 md:mt-0">
<label for="email" class="block mb-2 text-sm text-gray-950 font-semibold">Email address</label>
<input type="email" id="email" name="email" placeholder="[email protected]" class="block w-full px-5 py-3 mt-2 text-white placeholder-white bg-gray-700 border border-gray-200 rounded-md focus:border-gray-950 focus:ring-gray-900 focus:outline-none focus:ring focus:ring-opacity-40" required/>
</div>
</div>
<div class="w-full mt-4">
<label for="Message" class="block mb-2 text-sm text-gray-950 font-semibold">Message</label>
<textarea id="Message" name="Message" class="block w-full h-32 px-5 py-3 mt-2 text-white placeholder-white bg-gray-700 border border-gray-200 rounded-md md:h-56 focus:border-gray-950 focus:ring-gray-900 focus:outline-none focus:ring focus:ring-opacity-40" placeholder="Message" required></textarea>
</div>
<button class="w-full px-6 py-3 mt-4 text-base tracking-wide text-white capitalize transition-colors duration-300 transform bg-gray-700 rounded-md focus:outline-none focus:ring focus:ring-gray-900 focus:ring-opacity-50 font-semibold">
get in touch
</button>
</form>
</div>
<div class=" mt-12 lg:flex lg:mt-0 lg:flex-col lg:items-center lg:w-1/2 lg:mx-10 font-Montserrat ">
<!-- <img class="hidden object-cover mx-auto rounded-full lg:block shrink-0 w-96 h-96" src="/images/hand3.jpg" alt=""> -->
<div class="mt-6 space-y-8 md:mt-8">
<p class="flex items-start -mx-2">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mx-2 text-white " fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
<span class="mx-2 text-white w-74 ">92, Dr. D.N Road, Fort, Mumbai, Maharashtra
</span>
</p>
<p class="flex items-start -mx-2">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mx-2 text-white " fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
</svg>
<span class="mx-2 text-white truncate w-72 ">(+91) 91111-10029</span>
</p>
<p class="flex items-start -mx-2">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mx-2 text-white " fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
<span class="mx-2 text-white truncate w-72 ">[email protected]</span>
</p>
</div>
<div class="mt-6 w-80 md:mt-8">
<h3 class="text-white font-semibold ">Follow us</h3>
<div class="flex mt-4 -mx-1.5 ">
<a class="mx-1.5 text-gray-400 transition-colors duration-300 transform hover:text-white" href="https://twitter.com/LegitLaw1407" target="_blank">
<svg class="w-10 h-10 fill-current" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.6668 6.67334C18.0002 7.00001 17.3468 7.13268 16.6668 7.33334C15.9195 6.49001 14.8115 6.44334 13.7468 6.84201C12.6822 7.24068 11.9848 8.21534 12.0002 9.33334V10C9.83683 10.0553 7.91016 9.07001 6.66683 7.33334C6.66683 7.33334 3.87883 12.2887 9.3335 14.6667C8.0855 15.498 6.84083 16.0587 5.3335 16C7.53883 17.202 9.94216 17.6153 12.0228 17.0113C14.4095 16.318 16.3708 14.5293 17.1235 11.85C17.348 11.0351 17.4595 10.1932 17.4548 9.34801C17.4535 9.18201 18.4615 7.50001 18.6668 6.67268V6.67334Z" />
</svg>
</a>
<a class="mx-1.5 text-gray-400 transition-colors duration-300 transform hover:text-white" href="https://www.linkedin.com/company/legitlaw-co-in/about/" target="_blank">
<svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.2 8.80005C16.4731 8.80005 17.694 9.30576 18.5941 10.2059C19.4943 11.1061 20 12.327 20 13.6V19.2H16.8V13.6C16.8 13.1757 16.6315 12.7687 16.3314 12.4687C16.0313 12.1686 15.6244 12 15.2 12C14.7757 12 14.3687 12.1686 14.0687 12.4687C13.7686 12.7687 13.6 13.1757 13.6 13.6V19.2H10.4V13.6C10.4 12.327 10.9057 11.1061 11.8059 10.2059C12.7061 9.30576 13.927 8.80005 15.2 8.80005Z" fill="currentColor" />
<path d="M7.2 9.6001H4V19.2001H7.2V9.6001Z" fill="currentColor" />
<path d="M5.6 7.2C6.48366 7.2 7.2 6.48366 7.2 5.6C7.2 4.71634 6.48366 4 5.6 4C4.71634 4 4 4.71634 4 5.6C4 6.48366 4.71634 7.2 5.6 7.2Z" fill="currentColor" />
</svg>
</a>
<!-- <a class="mx-1.5 dark:hover:text-blue-400 text-gray-400 transition-colors duration-300 transform hover:text-blue-500" href="#">
<svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7 10.2222V13.7778H9.66667V20H13.2222V13.7778H15.8889L16.7778 10.2222H13.2222V8.44444C13.2222 8.2087 13.3159 7.9826 13.4826 7.81591C13.6493 7.64921 13.8754 7.55556 14.1111 7.55556H16.7778V4H14.1111C12.9324 4 11.8019 4.46825 10.9684 5.30175C10.1349 6.13524 9.66667 7.2657 9.66667 8.44444V10.2222H7Z" fill="currentColor" />
</svg>
</a> -->
<!-- <a class="mx-1.5 dark:hover:text-blue-400 text-gray-400 transition-colors duration-300 transform hover:text-blue-500" href="#">
<svg class="w-8 h-8" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9294 7.72275C9.65868 7.72275 7.82715 9.55428 7.82715 11.825C7.82715 14.0956 9.65868 15.9271 11.9294 15.9271C14.2 15.9271 16.0316 14.0956 16.0316 11.825C16.0316 9.55428 14.2 7.72275 11.9294 7.72275ZM11.9294 14.4919C10.462 14.4919 9.26239 13.2959 9.26239 11.825C9.26239 10.354 10.4584 9.15799 11.9294 9.15799C13.4003 9.15799 14.5963 10.354 14.5963 11.825C14.5963 13.2959 13.3967 14.4919 11.9294 14.4919ZM17.1562 7.55495C17.1562 8.08692 16.7277 8.51178 16.1994 8.51178C15.6674 8.51178 15.2425 8.08335 15.2425 7.55495C15.2425 7.02656 15.671 6.59813 16.1994 6.59813C16.7277 6.59813 17.1562 7.02656 17.1562 7.55495ZM19.8731 8.52606C19.8124 7.24434 19.5197 6.10901 18.5807 5.17361C17.6453 4.23821 16.51 3.94545 15.2282 3.88118C13.9073 3.80621 9.94787 3.80621 8.62689 3.88118C7.34874 3.94188 6.21341 4.23464 5.27444 5.17004C4.33547 6.10544 4.04628 7.24077 3.98201 8.52249C3.90704 9.84347 3.90704 13.8029 3.98201 15.1238C4.04271 16.4056 4.33547 17.5409 5.27444 18.4763C6.21341 19.4117 7.34517 19.7045 8.62689 19.7687C9.94787 19.8437 13.9073 19.8437 15.2282 19.7687C16.51 19.708 17.6453 19.4153 18.5807 18.4763C19.5161 17.5409 19.8089 16.4056 19.8731 15.1238C19.9481 13.8029 19.9481 9.84704 19.8731 8.52606ZM18.1665 16.5412C17.8881 17.241 17.349 17.7801 16.6456 18.0621C15.5924 18.4799 13.0932 18.3835 11.9294 18.3835C10.7655 18.3835 8.26272 18.4763 7.21307 18.0621C6.51331 17.7837 5.9742 17.2446 5.69215 16.5412C5.27444 15.488 5.37083 12.9888 5.37083 11.825C5.37083 10.6611 5.27801 8.15832 5.69215 7.10867C5.97063 6.40891 6.50974 5.8698 7.21307 5.58775C8.26629 5.17004 10.7655 5.26643 11.9294 5.26643C13.0932 5.26643 15.596 5.17361 16.6456 5.58775C17.3454 5.86623 17.8845 6.40534 18.1665 7.10867C18.5843 8.16189 18.4879 10.6611 18.4879 11.825C18.4879 12.9888 18.5843 15.4916 18.1665 16.5412Z" fill="currentColor" />
</svg>
</a> -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Us Section End Here -->
<!-- Foootar -->
<div id="footer-placeholder"></div>
</body>
</html>