-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
313 lines (284 loc) · 9.89 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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
---
layout: default
title: "Kiran Foundation : I am Possible!"
carousels:
- images:
- image: /images/imp/1.jpg
- image: /images/imp/2.jpg
- image: /images/imp/6.jpg
- image: /images/imp/5.jpg
---
<header>
<div class="container" style="padding-top: 60px;">
{% include carousel.html height="50" unit="%" duration="7" number="1" %}
</div>
</header>
<div id="update-popup" class="update-popup">
<div class="update-popup-content">
<span class="close-btn" onclick="closeUpdatePopup()">×</span>
<h2>Announcement!</h2>
<p>Kiran Pratibha 2024 Results Announced!!. <a href="/2024/06/10/kiran-pratibha-result/" style="color: #F1592A;"><br/>Click Here.</a></p>
</div>
</div>
<div class="container">
<div class="columns col-wrapper">
<div vertical-align="center">
<h1 class="editable brand-txt" align="center">KIRAN FOUNDATION</h1>
<p class="editable" align="center">
If a hardworking, talented youth can not fulfill his/her dreams due to a lack of resources, it is the failure
of the whole society. We dream of a society where merit and hard work are supported irrespective of
financial, physical, or social status. Kiran Foundation is a family of like-minded, capable, and
compassionate people and we are committed to bringing a fundamental shift in our society
</p>
<br/>
<p>
</p>
<br/>
<div class="button" align="center">
<a href="/about/">Know More</a> <BR/>
</div>
</div>
<div>
<img src="{{ site.baseurl }}/images/ma/home.png" alt="Smt. Kiran Jain">
</div>
</div>
</div>
<div class="darker">
<div class="container">
<h1 class="editable" style="text-align: center;"> Volunteers / Internship </h1>
<!--h2 class="editable">Volunteers / Internship </h2-->
<p class="editable" style="text-align: center; font-size: 1.0rem;">
With more helping hands we can support more kids through our scholarship program. We need support in increasing reach to
students, raising funds, mentoring, website maintenance, building partnerships, starting new initiatives etc.
You don't have to make big commitments, a few hours every week goes a long way. Send us an email on
<a href="mailto:{{ site.data.company.email }}"> {{ site.data.company.email }} </a>
</p>
</br>
<div align="center" style="font-size: 1.0rem;"> Or </div>
</br>
<div class="button1" align="center">
<a href="{{site.data.company.whatsapp_link }}"> <i class="fa fa-whatsapp" aria-hidden="true" style="font-size : 20px ;"></i> Contact on Whatsapp </a>
</div>
<br/>
<div class="button" align="center">
<a href="/join-us/">Know More</a>
</div>
</div>
</div>
<div class="container">
<h1 class="editable" style="text-align: center;">Our Initiatives </h1> <br/> <br/>
<div class="columns">
<div>
<img src="{{ site.baseurl }}/images/pratibha.png" width="600" alt="img">
</div>
<div>
<h2 class="editable">किरण प्रतिभा</h2>
<p class="editable"> In India every year many bright young kids have let their hopes and dreams go. They are forced by
circumstances to battle the harsh realities of life at the cost of their future. Many of them were born into poor
or uneducated families. Our aim through this program is to identify exceptional but underprivileged kids and support
them in their endeavors of Education, Sports, or Art according to their interests and abilities.
</p> <br/>
<div class="button">
<a href="pratibha" target = "_blank">See Details</a><BR/>
</div>
</div>
</div>
</div>
<div class="container">
<div class="columns col-wrapper">
<div>
<h2 class="editable">किरण शक्ति</h2>
<p class="editable">Confident and empowered women are essential for a strong and resilient society. Unfortunately,
the vitality of women as a catalyst for change is grossly underestimated in our society. Through this program,
we provide vocational and life skills training for women in their native language.
</p> <br/>
<div class="button">
<a href="shakti" target = "_blank">See Details</a> <BR/>
</div>
</div>
<div>
<img src="{{ site.baseurl }}/images/shakti.png" width="600" alt="img">
</div>
</div>
</div>
<!-- div class="container">
<div class="columns">
<div>
<img src= "{{ site.baseurl }}/images/samman.png" width="600" alt="img">
</div>
<div>
<h2 class="editable">किरण सम्मान</h2>
<p class="editable">We regularly organized various free workshops. Our workshops are conducted by subject matter experts and are
aimed to provide inspiration along with the information. We also provide one-on-one career counselling and guidence on the
need basis.Insensitivity makes India one of the worst countries for disabled. We are challenging this attitudes through disability
sensitization and working on restoring the respect and equality for people with disability.</p>
</div>
</div>
</div>
<div class="container">
<div class="columns">
<div>
<h2 class="editable">किरण ज्ञान</h2>
<p class="editable">Confident and empowered women are essential for a strong and resilient society. Unfortunately, vitality of
women as a catalyst for change is grossly underestimated in our society. Through this program we provide vocational and
life skills trainings for women in their native language.We not only train them but also connect them to opportunities based on thier skills and constraints.</p>
</div>
<div>
<img src="{{ site.baseurl }}/images/gyan.png" width="600" alt="img">
</div>
</div>
</div -->
<div class="darker">
<div class="container">
<ul class="thirds">
<li>
<div class="image">{% include icons/site.html icon="vision" %}</div>
<h3 class="editable">Vision</h3>
<p class="editable" style="font-size: 1.0rem;" >{{site.data.company.vision }} </p>
</li>
<li>
<div class="image">{% include icons/site.html icon="mission" %}</div>
<h3 class="editable">Mission</h3>
<p class="editable" style="font-size: 1.0rem;" >{{site.data.company.mission }} </p>
</li>
<li>
<div class="image">{% include icons/site.html icon="motto" %}</div>
<h3 class="editable">Values</h3>
<p class="editable" style="font-size: 1.0rem;" >{{site.data.company.values }} </p>
</li>
</ul>
</div>
</div>
<div class="container">
<blockquote>
<p class="quote editable">कर्म ही तुम्हारी तपस्या है।</p>
</blockquote>
</div>
<div class="#">
<div class="container">
<h1 class="editable" style="text-align: center;"> Updates </h1>
<!--h2-- class="editable brand3-txt">Updates</!--h2-->
<p class="editor-link"><a href="cloudcannon:collections/_posts" class="btn"><strong>✎</strong> Add Update</a></p>
<div class="posts">
{% for post in site.posts limit:3 %}
<div class="post">
{% if post.more == true %}
<a href="{{ post.url }}" ><div class="image" style="background-image: url({{post.featured_image}})"></div> </a>
{% else %}
<div class="image" style="background-image: url({{post.featured_image}})"></div>
{% endif %}
<div class="post-content">
<h3> <b>{{ post.title }}</b></h3>
{{ post.summary }}
{% if post.more == true %}
<p ><a href="{{ post.url }}" class="btn"> read more</a></p>
{% endif %}
</div>
</div>
{% endfor %}
</div>
<br/>
<br/>
<div class="button" align="center">
<a class="#" href="/update/">See More</a>
</div>
<!--center>
<a href="/update/">Know More</a>
<center--->
</div>
</div>
<!--div class="container">
<h2> Instagram Feed </h2>
{% include instagram.html username="kiran_trust" %}
<!-- https://profilepageimages.usecue.com -->
<!--div class="button" align="center" style="padding: 25px;">
<a href="https://www.instagram.com/kiran_trust/">View More</a>
</!--div>
</div -->
<!--Partner Section-->
<!--div class="training-section">
<h1>Organizations who are standig with us</h1>
<div class="container-new">
<div class="training-item">
<a href="/shakti_course/efs2022/"><img src="/images/ma/home.png"></a>
<h2> Essential Finance Skills for Woman </h2>
<p> ( May - July 2022 ) </p>
<a href="/shakti_course/efs2022/"><button> Read More </button></a>
</div>
<div class="training-item">
<a href="/shakti_course/efs2022/"><img src="/images/ma/home.png"></a>
<h2> Essential Finance Skills for Woman </h2>
<p> ( May - July 2022 ) </p>
<a href="/shakti_course/efs2022/"><button> Read More </button></a>
</div>
<div class="training-item">
<a href="/shakti_course/efs2022/"><img src="/images/ma/home.png"></a>
<h2> Essential Finance Skills for Woman </h2>
<p> ( May - July 2022 ) </p>
<a href="/shakti_course/efs2022/"><button> Read More </button></a>
</div>
</div>
</div-->
<!--Style for partner section-->
<!--style>
.training-section{
width: 100%;
background-size: cover;
padding: 60px;
background-color: #c9e5ef;
}
.training-section h1{
text-align: center;
padding: 25px 0px;
color: #000;
}
.container-new{
width: 1170px;
margin: auto;
flex-wrap: wrap;
display: flex;
justify-content: space-around;
}
.training-item{
flex-basis: 30%;
margin: 25px 0px;
text-align: center;
background: #fff;
padding-bottom: 15px;
}
.training-item img{
width: 368px;
height:180px;
}
.training-item h2{
margin: 10px 0 0px 0;
color: #000;
}
.training-item button{
background: #fff;
border: none;
color: #F1592A;
}
@media only screen and (min-width: 200px) and (max-width: 768px){
.container-new{
max-width: 100%;
flex: 100%;
flex-direction: column;
}
.training-item img{
width: 100%;
height: 100%;
}
}
</style-->
<!--End of style -->
<script>
// Function to close the update popup
function closeUpdatePopup() {
document.getElementById('update-popup').style.display = 'none';
}
// Display the update popup when the page loads
window.onload = function() {
document.getElementById('update-popup').style.display = 'block';
};
</script>