-
Notifications
You must be signed in to change notification settings - Fork 0
/
news.html
186 lines (183 loc) · 11.5 KB
/
news.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>News - Pratham Foundations</title>
<link rel="shortcut icon" href="Assests/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="styles/news.css">
</head>
<body>
<div style="display: flex; flex-direction: column;place-items: center;">
<div class="top">
<div class="title">
<div class="ctt">
<h2>Our Largest Milestone</h2>
<div class="content">
<p>During the lockdown period in India, we adopted a village named Kazhipattur, Chennai,
Tamilnadu
and we provided them
food, clothing, shelter, and even job opportunities to the unemployed people</p>
</div>
</div>
<img src="Assests/Component 4.png" class="image">
</div>
</div>
<div class="navigationbar">
<a href="index.html">Home</a>
<a href="news.html">News</a>
<a href="branches.html">Branches</a>
<a href="aboutus.html">About US</a>
<a href="contacts.html">Contact US</a>
<a href="imagegallery.html">Image Gallery</a>
</div>
<div style="margin-top: 30px; margin-bottom: 30px; " class="middlecontainer">
<div class="middle">
<h2 class="middle__title">Our Milestones in Education</h2>
<div class="middle__contents">
<div style="align-items: center;" class="person">
<img class="middle__image" src="Assests/it.png" alt="">
<h2>Christopher</h2>
<p>IT professional who grew from us</p>
<a class="middle___link" href="christopher.html">Read More...</a>
</div>
<div style="align-items: center;" class="person">
<h2>Akshitha</h2>
<p>Young doctor working in Apollo</p>
<a class="middle___link" href="aksitha.html">Read More...</a>
<img class="middle__image" src="Assests/doctor.png" alt="">
</div>
<div style="align-items: center;" class="person">
<img class="middle__image" src="Assests/military.png" alt="">
<h2>Major Vijay Chauhan</h2>
<p>He cracked NDA exam with the help of our expert teachers</p>
<a style="margin-top: 20px;" class="middle___link" href="army.html">Read More...</a>
</div>
</div>
</div>
<div class="educational__service">
<h2 class="service__title">Our Educational Service</h2>
<div class="service__contents">
<p>During the lockdown period in India, schools were shut down and children couldn't continue
their
education as they
didn't have a smartphone but we provided 2000 tablet phones freely to the children so that
they
can study well.</p>
<img src="Assests/phoneimage.png" class="phoneimage" alt="" srcset="">
</div>
</div>
<div class="floodbg">
<div class="flood">
<h3>Our Services during Disasters: </h3>
<div class="flood__contents">
<div class="part1__flood">
<img src="Assests/flood1.png" alt="">
<p>
During the 2018 flood in Kerala we collected donations from all possible resources
and gave them to Kerala. We also
provided food and shelter to the people.
</p>
</div>
<div class="part1__flood">
<img src="Assests/flood2.png" alt="">
<p>
The 2015 flood in South India damaged Chennai massively, during that time we helped
the people by providing them food,
blankets, and nearly 1000 people stayed in our home for 10 days.
</p>
</div>
<div class="part1__flood">
<img src="Assests/flood3.png" alt="">
<p>
The 2013 flood in Uttarakhand is recorded to be the worst massive disaster. Even
during that time, we helped many needy
and poor people
</p>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer__contact" style="text-align: center;align-items: center">
<h3>Contact Info</h3>
<div
style="display: flex; width:auto; flex-direction: column; justify-content: space-between;height: 150%; margin: 20px 0 0 10px;">
<table style="height:200px;">
<tr style="margin-top: 10px;">
<td>
<p
style="font-family: Muli, sans-serif; font-size: 16px; font-weight:300; text-align: left;color: #fff;">
Address:</p>
</td>
<td>
<p
style="font-family: Californian FB;font-weight: 300;font-size: 20px;color: #00ff4e;text-align: left; ">
Pratham Foundations,203,Kutchery Road,
Mylapore, Chennai - 600 004.
</p>
</td>
</tr>
<tr>
<td>
<p
style=" font-family: Muli, sans-serif; font-size: 16px; font-weight:300; text-align: left;color: #fff;">
Phone:</p>
</td>
<td>
<p
style="font-family: Californian FB; font-weight: 300; font-size: 20px; color: #00ff4e; text-align: left">
+91 -9344028179 </p>
</td>
</tr>
<tr>
<td>
<p
style="font-family: Muli, sans-serif; font-size: 16px; font-weight:300; text-align: left;color: #fff;">
Email:</p>
</td>
<td>
<p
style="font-family: Californian FB; font-weight: 300;font-size: 20px;color: #00ff4e;text-align: left">
Prathamfoundations@gmail.com</p>
</td>
</tr>
</table>
</div>
</div>
<div class="footer__links">
<h3>Important Links</h3>
<div class="footer__links__links">
<a href="index.html">Home</a>
<a href="news.html">News</a>
<a href="branches.html">Branches</a>
<a href="aboutus.html">About US</a>
<a href="contacts.html">Contact Us</a>
<a href="donateus.html">Donate US</a>
<a href="imagegallery.html">Image Gallery</a>
</div>
</div>
<div class="newsletter">
<h3>News Letter</h3>
<div class="newsletter__contents">
<p>Want to join in our next event or to get updates from our team, enter your email addres</p>
<form action="#popup2">
<div class="text__newsletter">
<input type="email" required placeholder="Email Address" name="" id="">
<button>
<img src="Assests/sendimage.png" alt="">
</button>
<div id="popup2" class="overlay1">
<div class="popup1">
<h2>Thanks for subscribing to us. You will receive all the update</h2>
<a class="close1" href="#">×</a>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>