-
Notifications
You must be signed in to change notification settings - Fork 1
/
events.html
141 lines (127 loc) · 8.81 KB
/
events.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<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>Jazba-the helping hand</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Sigmar+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Pacifico&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/events.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top" id="navigation">
<div class="container-fluid">
<div>
<a class="navbar-brand heading" href="#">JAZBA</a>
</div>
<button class="navbar-toggler collapsed custom-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse navLinks" id="navbarSupportedContent1">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item navItems">
<a class="nav-link other-links" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item navItems">
<a class="nav-link other-links" href="about-us.html">About Us</a>
</li>
<li class="nav-item navItems">
<a class="nav-link active" href="events.html">Events</a>
</li>
<li class="nav-item navItems">
<a class="nav-link other-links" href="initiatives.html">Initiatives</a>
</li>
</ul>
</div>
</div>
</nav>
<h1 class="topic">EVENTS</h1>
<div class="row row-cols-1 row-cols-md-2 g-4">
<div class="col left" data-aos="flip-right" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="card">
<img src="images/english.png" class="card-img-top english-img" alt="...">
<div class="card-body">
<h2 class="card-title">English Classes</h2>
<p class="card-text">Children were put into groups according to their prior knowledge. A group of three to four kids was appointed to each volunteer to ensure focus and prospering results. Some kids who left their schooling for some reasons
were also encouraged to join us and resume their education. Some were hesitant to study all together but we talked them around. A bit of homework was given to them to make sure that they stay in touch with their studies. Seeing the kids
working hard for their future made our efforts worthwhile and filled us with a sense of accomplishment.</p>
</div>
</div>
</div>
<div class="col right" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="card">
<img src="images/cloth.png" class="card-img-top cloth-img" alt="...">
<div class="card-body">
<h2 class="card-title">Clothes Distribution Drive</h2>
<p class="card-text">It’s the festive season and every child deserves something special in it! October is a month of happiness and joy, filled with lots of festivals and holidays, it is one of the most awaited months of the year. It is more
or less ironical that things that may seem ‘special’ to the children living in the slum area are just ordinary stuff for most of the children. To kids who think getting food thrice a day means having a ‘lucky day’, cloth items are like
magic. Team Jazba decided to conduct a distribution drive in one of our adopted slum areas, Srinivaspuri, to distribute clothes to the chilren.</p>
</div>
</div>
</div>
<div class="col left" data-aos="flip-right" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="card">
<img src="images/diwali.png" class="card-img-top" alt="...">
<div class="card-body">
<h2 class="card-title">Diwali Celebrations</h2>
<p class="card-text">Happiness is real, only when it is shared!
Team Jazba decided to conduct some intriguingly engaging activities for the little ones a few days before Diwali. Activities included the making of greeting cards, colouring rangolis and making lamps. The kids were very excited to use all
the decorative materials and were taught how to use them. Colourful glitters, sheets and sketch pens were distributed amongst them. Witnessing the joyous mood of the little ones, elated ours as well</p>
</div>
</div>
</div>
<div class="col right" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="card">
<img src="images/holi.png" class="card-img-top" alt="...">
<div class="card-body">
<h2 class="card-title">Holi Celebrations</h2>
<p class="card-text">Holi not only strengthens the bond of unity but it also makes us stronger as a family, By the end of the day, the vibrant blues, pinks and yellows made every child’s vision so beautiful and unique, The Festival of
Colours was celebrated with great enthusiasm by having a creative session of drawing and colouring with the little ones, filling their minds and life with colours of joy. Jazba also celebrated the festival of colours by distributing
gulaal and marking their day with love and affection.</p>
</div>
</div>
</div>
<div class="col left" data-aos="flip-right" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="card">
<img src="images/republic.png" class="card-img-top republic-img" alt="...">
<div class="card-body">
<h2 class="card-title">Republic Day Celebrations</h2>
<p class="card-text">Jazba celebrated this Republic Day with these tiny tots. Freedom in their mind, Strength in the words, Pureness in their blood and Zeal in their hearts. It was pleasing to see them indulge in various activities with us.
1 of our student gave a speech on Republic Day. Our celebration ended with reciting our National Anthem. </p>
</div>
</div>
</div>
<div class="col right" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
<div class="card">
<img src="images/game.png" class="card-img-top game-img" alt="...">
<div class="card-body">
<h2 class="card-title">Gaming Sessions</h2>
<p class="card-text">“All work, no play makes jack a dull boy”. We conducted some enthralling games for the little ones as exercise and some fun is equally as important as studying. The kids were excited to play and compete. A relaxed mind
is a rejuvenated one and a balance scheme of work and relaxation is the proper way to keep the mind in trim shape.</p>
</div>
</div>
</div>
</div>
<section id="footer" class="section footer">
<div class="align-center" data-aos="zoom-in" data-aos-easing="ease-out-cubic">
<ul class="social-network social-circle">
<li><a href="https://www.youtube.com/watch?v=f1u-AthF3WM" target="_blank" class="icoYt" title="Youtube"><i class="fab fa-youtube"></i></a></li>
<li><a href="https://www.linkedin.com/company/jazba-helpinghands/" target="_blank" class="icoLinkedin" title="Linkedin"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="https://www.instagram.com/jazba_helpinghands/" target="_blank" class="icoInstagram" title="Instagram"><i class="fab fa-instagram-square"></i></a></li>
</ul>
</div>
</section>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script>
AOS.init();
</script>
</body>
</html>