-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvolunteer.html
133 lines (124 loc) · 6.84 KB
/
volunteer.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<title>THE_BRIJWASI_FOUNDATION-Volunteer</title>
<link rel="icon" type="logo" href="logos/logo.png">
<link href="BugakiRegular-514J8.ttf" rel="stylesheet">
<meta name="description" content="Join Brijwasi Foundation as a volunteer and make a difference in the fight against hunger. Learn how you can contribute your time and skills to support our initiatives and help communities in need.">
<style>
.font-bugaki {
font-family: 'bugaki', sans-serif;
}
.ml-3 {
margin-left: 1rem;
}
.text-xl {
font-size: 1.25rem;
}
</style>
</head>
<body style="background-color: #10462e;">
<header class="text-gray-600 body-font" style="background-color: #f0ab2f;">
<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-gray-900 mb-4 md:mb-0">
<img src="logos/logo.png" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" class="w-12 h-12 text-white p-2 rounded-full" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
</img>
<span class="ml-3 text-xl font-bugaki" style="color: #10462e;">The Brijwasi Foundation</span>
</a>
<nav
class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
<a class="mr-5 hover:text-white-900" href="index.html">Home</a>
<a class="mr-5 hover:text-white-900"
href="https://milaap.org/fundraisers/support-underprivileged-people-and-animals/deeplink?deeplink_type=paytm"
target="_blank">Donate</a>
<a class="mr-5 hover:text-white-900" href="volunteer.html"
style="position: relative; text-decoration: none; color: inherit;">
<span
style="background: white; border-radius: 75px; padding: 0.0em 0.2em; position: relative;">Volunteer</span>
</a>
<a class="mr-5 hover:text-white-900" href="album.html">Album</a>
<a class="mr-5 hover:text-white-900" href="contactus.html">Contact us</a>
<a class="mr-5 hover:text-white-900" href="credits.html">Credits</a>
</nav>
<div class="flex flex-row items-center justify-center w-full md:w-auto">
<a href="https://www.instagram.com/the.brijwasi.foundation/" target="_blank" class="mr-4">
<img src="logos/instagram.png" alt="Instagram" class="w-8 h-8">
</a>
<a href="https://www.linkedin.com/company/the-brijwasi-foundation/people/" target="_blank" class="mr-4">
<img src="logos/linkedin.png" alt="LinkedIn" class="w-8 h-8 object-contain">
</a>
<a href="https://linktr.ee/The.Brijwasi.Foundation" target="_blank" class="mr-4">
<img src="logos/linktree.png" alt="Linktree" class="w-8 h-8 object-contain">
</a>
<a href="mailto:[email protected]" target="_blank" class="mr-4">
<img src="logos/gmail.png" alt="Linktree" class="w-8 h-8 object-contain">
</a>
</div>
</div>
</header>
<div class="container mb-5 p-5 shadow-lg rounded-3xl mt-24 mb-24"
style="box-shadow: 0 0 0 10px #f0ab2f; width: 95%; max-width: 80000px; margin: 0 auto;">
<h1 class="text-2xl font-bold mb-5 text-center" style="color: #f7e6ca;">VOLUNTEER WITH US</h1>
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSfxenIqoNuFOn2NE6kfdGyQaMlRzhmSk4C16alZgC_a3h4qig/viewform?embedded=true"
width="100%" height="3134" frameborder="0" marginheight="0" marginwidth="0"
style="border: none; border-radius: 8px;">Loading…
</iframe>
</div>
<footer class="text-gray-600 body-font" style="background-color: #f0ab2f;">
<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-gray-900 mb-4 md:mb-0">
<img src="logos/logo.png" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="2" class="w-12 h-12 text-white p-2 rounded-full" viewBox="0 0 24 24">
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
</img>
<span class="ml-3 text-xl font-bugaki" style="color: #10462e;">The Brijwasi Foundation</span>
</a>
<nav
class="md:mr-auto md:ml-4 md:py-1 md:pl-4 md:border-l md:border-gray-400 flex flex-wrap items-center text-base justify-center">
<a class="mr-5 hover:text-white-900" href="index.html" target="_blank">Home</a>
<a class="mr-5 hover:text-white-900"
href="https://milaap.org/fundraisers/support-underprivileged-people-and-animals/deeplink?deeplink_type=paytm"
target="_blank">Donate</a>
<a class="mr-5 hover:text-white-900" href="volunteer.html"
style="position: relative; text-decoration: none; color: inherit;">
<span
style="background: white; border-radius: 75px; padding: 0.0em 0.2em; position: relative;">Volunteer</span>
</a>
<a class="mr-5 hover:text-white-900" href="album.html">Album</a>
<a class="mr-5 hover:text-white-900" href="contactus.html">Contact us</a>
<a class="mr-5 hover:text-white-900" href="credits.html">Credits</a>
</nav>
<div class="flex flex-row items-center justify-center w-full md:w-auto">
<a href="https://www.instagram.com/the.brijwasi.foundation/" target="_blank" class="mr-4">
<img src="logos/instagram.png" alt="Instagram" class="w-8 h-8">
</a>
<a href="https://www.linkedin.com/company/the-brijwasi-foundation/people/" target="_blank" class="mr-4">
<img src="logos/linkedin.png" alt="LinkedIn" class="w-8 h-8 object-contain">
</a>
<a href="https://linktr.ee/The.Brijwasi.Foundation" target="_blank" class="mr-4">
<img src="logos/linktree.png" alt="Linktree" class="w-8 h-8 object-contain">
</a>
<a href="mailto:[email protected]" target="_blank" class="mr-4">
<img src="logos/gmail.png" alt="Linktree" class="w-8 h-8 object-contain">
</a>
</div>
</div>
<div class="container mx-auto py-5 flex flex-col md:flex-row items-center">
<div class="md:w-1/3 text-center md:text-left mb-4 md:mb-0 pl-5">
<p class="text-gray-900">Delhi // Gurugram // Noida</p>
<p class="text-gray-900">Email: [email protected]</p>
<p class="text-gray-900">Phone: +91 98112 82850</p>
</div>
<div class="md:w-1/3 text-center md:text-right">
<p class="text-gray-900">© 2024 The Brijwasi Foundation. All rights reserved.</p>
</div>
</div>
</footer>
</body>
</html>