-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
71 lines (70 loc) · 4.28 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<header class="text-gray-400 bg-[#f8f8f8] body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
<a class="flex title-font font-medium items-center text-white mb-4 md:mb-0">
<a href="index.html"> <img src="logo.png" class="w-[75px] h-[50px]"> </a>
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
</svg>
</a>
<nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">
<a href="index.html" class="mr-5 ">Home</a>
<a href="about.html" class="mr-5 ">About Us</a>
<a href="updates.html" class="mr-5 ">Updates</a>
<a href="contact.html" class="mr-5 ">Contact Us</a>
</nav>
</div>
</header>
<section class="py-6 bg-white text-gray-600">
<div class="grid max-w-6xl grid-cols-1 px-6 mx-auto lg:px-8 md:grid-cols-2 md:divide-x">
<div class="py-6 md:py-0 md:px-6">
<h1 class="text-4xl font-bold">Get in touch</h1>
<p class="pt-2 pb-4">Fill in the form to donate or work with us</p>
<p class=" pb-4 font-bold">To donate in kind, mail to our PO box - 38188-3637</p>
<div class="space-y-4">
<p class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 mr-2 sm:mr-6">
<path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
<span>Sankhol Village, Haryana </span>
</p>
<p class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 mr-2 sm:mr-6">
<path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z"></path>
</svg>
<span>XXXXXXXXXX</span>
</p>
<p class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5 mr-2 sm:mr-6">
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path>
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path>
</svg>
<span>[email protected]</span>
</p>
</div>
</div>
<form novalidate="" class="flex flex-col py-6 space-y-6 md:py-0 md:px-6 ng-untouched ng-pristine ng-valid">
<label class="block">
<span class="mb-1">Full name</span>
<input type="text" placeholder="John Doe" class="block w-full rounded-md shadow-sm focus:ring focus:ring-opacity-75 focus:ring-[#a4def9]">
</label>
<label class="block">
<span class="mb-1">Email address</span>
<input type="email" placeholder="[email protected]" class="block w-full rounded-md shadow-sm focus:ring focus:ring-opacity-75 focus:ring-focus:ring-[#a4def9]">
</label>
<label class="block">
<span class="mb-1">Message</span>
<textarea rows="3" class="block w-full rounded-md focus:ring focus:ring-opacity-75 focus:ring-violet-focus:ring-[#a4def9] bg-gray-100"></textarea>
</label>
<a href="contact.html"><button type="button" class="self-center px-8 py-3 text-lg rounded focus:ring hover:ring focus:ring-opacity-75 bg-[#465775] text-[#f8f8f8] focus:ring-green-500 hover:ring-[#a4def9]">Submit</button></a>
</form>
</div>
</section>
</body>
</html>