-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
260 lines (188 loc) · 8.03 KB
/
index.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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<head>
<meta charset="utf-8">
<title>NGO virtual events</title>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/4.0.0/firebaseui.css" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,400;1,100&family=Open+Sans&display=swap');
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');
</style>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="app">
<nav>
<div class="logo">
<h4 style="color: rgb(60, 67, 154);" ; font-size: 100;>Sustainable NGOs</h4>
</div>
<ul class="nav-links">
<li>
<a href="https://www.canva.com/design/DAEZqlYKbUo/2zphegfAoUbTrfHg2TuWXw/view?website#2">
<button>About
</button>
</a>
</li>
<li>
<a href="mailto:hackclubpunecity@gmail.com?subject=Suggestion&"><button>Contact</button></a>
</a>
</li>
</ul>
</nav>
<img src="https://cloud-qy3wc2d86-hack-club-bot.vercel.app/0world_art_day.jpg" />
<section id="event-details-container">
<h2>Creativity is contagious, pass it on!
</h2>
<br>
<p>This World Art Day, iVolunteer has planned to celebrate art on April 11th, 2021 by calling in all the different
types of artists virtually to give the shelter home kids a beautiful glimpse of what art is. If you think that
you know any sort of art and that you can transfer the same knowledge to kids, do register today and help us
make this day a memorable one. It can be anything like singing, painting, sketching, DIY crafts, playing any
instrument, etc. If you do not want to teach but just want to join as a participant and enjoy the time with
kids, you are most welcome!</p>
<br>
<br>
<p><i class="material-icons">calendar_today</i> SUNDAY, 11 APRIL, 2021 FROM 15:00 - 17:00
</p>
<p><i class="material-icons">location_city</i> Wherever YOU are!
<p><i class="material-icons">link</i><a style="color: blue;"
href="https://www.ivolunteer.in/opportunity/a0C7F00000U4wqFUAR">Event Link</a>
<br>
<button id="startRsvp">Sign in</button>
</section>
<section id="firebaseui-auth-container"></section>
<section id="description-container">
<h2>What we'll be doing</h2>
<p>Join us for full of exciting activity!</p>
<p id="number-attending"></p>
</section>
<section id="guestbook-container">
<h2>Are you attending?</h2>
<button id="rsvp-yes">YES</button>
<button id="rsvp-no">NO</button>
<h2>Discussion</h2>
<form id="leave-message">
<label>Leave a message: </label>
<input type="text" id="message">
<button type="submit">
<i class="material-icons">send</i>
<span>Send</span>
</button>
</form>
<section id="guestbook"></section>
</section>
<section id="description-container">
<img
src="https://cdn.dribbble.com/users/1248571/screenshots/15264679/media/f7e7f8d32d0a3577a453a76fa53c41a8.png?compress=1&resize=800x600" />
<div class='pic'>
<h2>Why partnering with NGOs?</h2>
<p>
NGO activities include, but are not limited to, environmental, social, advocacy and human rights work. They
can work to promote social or political change on a broad scale or very locally. NGOs play a critical part in
developing society, improving communities, and promoting citizen participation. See you all in our event. Make
this event great and make a better world.
</p>
<br>
<br>
<br>
<h2>Activity of a March: Feed a person</h2>
<p>We love doing some fun activities. Right now, we are introducing activity of the month. It’s a way to
participate and collaborate and even share your stories with others. And most importantly it helps us to share
care for everyone irrespective of their background.</p>
</div>
</section>
</div>
<!-- /////////// Center body ///////////// -->
<!-- ////////// Upcoming events//////////////////-->
<div id="app">
<div class="upcoming">
<h1>Upcoming Events</h1>
</div>
<!-- EVENTS -->
<!-- ////////////////////imagebox class:To handle images class//////////// -->
<div class="imagebox">
<!--///events class: to handle individual image // -->
<div class="subimg">
<a href="https://elixirindia.org/event/unescowhv2021-ahmedabad/">
<img src="https://media.istockphoto.com/vectors/heart-hands-vector-id1091189616?k=6&m=1091189616&s=612x612&w=0&h=IqeqPP6nAs2oI0UBKX-UcFGvdzKvEyoBX3YiELeBobE="
alt="event 1" style="width:200px;height:200px;">
<br>
<br>
<br>
<b>Applications Invited for UNESCO World Heritage Volunteers 2020-2021</b>
</a>
<br>
<p style='color: Black'>Event Duration: 24 Apr. 2021 - 03 May. 2021</p>
</div>
<div class="subimg">
<a href="https://www.photocrowd.com/photo-competitions/photography-awards/pa2faward-2021/#section-1533">
<img src = "https://media.istockphoto.com/vectors/human-hand-with-pet-paw-print-vector-id1180800356?k=6&m=1180800356&s=612x612&w=0&h=xdAQnZ7HzU_sNmGX_aix1zNaODBzpPG-hPjxcAPx8YU=" alt = "event 2" style="width:200px;height:200px;">
<br>
<br>
<br>
<b>Applications Invited for Environmental Photography Award 2021</b>
</a>
<br>
<p style='color: Black'>Event Duration: 01 May. 2021 - 01 May. 2021</p>
</div>
<div class="subimg">
<a href="https://sfiar.ch/award.htm">
<img src = "https://media.istockphoto.com/vectors/food-donations-color-icon-charity-food-collection-box-with-meal-vector-id1208586170?k=6&m=1208586170&s=612x612&w=0&h=NdkOD7C1BuA0i2gsMWxrL3QMKMBN14Q1TjUQEvC4lrs=" alt = "event 3" style="width:200px;height:200px;"/>
<br>
<br>
<br>
<b>Applications Invited for Swiss Forum for International Agricultural Research Award 2021</b>
</a>
<br>
<p style='color: Black'>Event Duration: 16 Mar. 2021 - 15 Jul. 2021</p>
</div>
</div>
<br>
<br>
<h2>How attending an event can change the life of a person?</h2>
<p>An Event which changed my life, well when I think back on my life there's Many changes for the good and some were
bad but, there were some learning experiences that helped make me a better person. An Event which changed my life,
well when I think back on my life there's Many changes for the good and some were bad but, there were some
learning experiences that helped make me a better person.</p>
</div>
<br>
<br>
<br>
<!-- footer section commit by yash -->
<footer>
<div class="footer">
<div class="inner_footer">
<!-- logo position and logo_container -->
<div class="logo_container">
<img
src="https://cloud-guxm0hh6e-hack-club-bot.vercel.app/0blue_and_green_construction_logo.png"
/>
</div>
<!-- content of footer block -->
<!-- first element block -->
<div class="footer_third">
<p>Get in touch with us</p>
<!-- <a href="#"> hackclub@gmail.com </a> -->
<a href="mailto:hackclubpunecity@gmail.com?subject=Suggestion&" />
<button>
contact us
</button></a>
</div>
<div class="footer_third_quotes">
<h1>
<blockquote class="blockquote">
<q> The journey of a thousand miles begins with one step.</q>
<p>
<div class="quoteowner">
~ Lao Tzu
</div>
</p>
</blockquote>
</h1>
</div>
</div>
</div>
</footer>
<!-- footer section -->
</body>