charityWebsite/course.html at master · PSSunidhi/charityWebsite · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="with=device-width,,initial-scale=0.1">
	<title>Charity Website</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
	<marquee bgcolor="grey" behavior="scroll" direction="left">over society is in our hand. Help the needy by donating a penny!!!!</marquee>
	<!-- header -->
	<section class="sub-header">
		<nav>
			<a href="index.html"><img src="image/Helping hand.png"></a>
			<div class="nav-links" id="navLinks">
				<i class="fa fa-times" onclick="hideMenu()"></i>
				<ul>
					<li><a href="index.html">HOME</a></li>
					<li><a href="about.html">ABOUT</a></li>
					<li><a href="course.html">FACILITIES</a></li>
					<li><a href="blog.html">BLOG</a></li>
					<li><a href="contact.html">CONTACT</a></li>

				</ul>
			</div>
			<i class="fa fa-bars" onclick="showMenu()" ></i>
		</nav>
		<h1>FACILITIES</h1>
	</section>
	<!-- course -->
	<section class="course">

		<h1>Schemes We Offer</h1>
		<p>our society is in our hands lets save it.</p>
		<div class="row">
			<div class="course-col">
				<h3>Education</h3>
				<p>We provide Education to the children and those people who wants to study from well educated teachers which nurtures and help them to succed in life</p>

			</div>
			<div class="course-col">
				<h3>Mid Day Meal</h3>
				<p>We provide Mid Day Meal to children. By offering Meal to them they are more likely to attend school regularly and it also helps to curb malnurishment.</p>

			</div>
			<div class="course-col">
				<h3>Empowering Women</h3>
				<p>We Empower women by giving them jobs in our charity club or we help them to get job. Till now we have empowered 1000 women from India and around the world. We hope to empower more women.</p>

			</div>
		</div>
	</section>
	<!-- facilities -->
	<section class="facilities">
		<h1>Our Facilities</h1>
		<p>For the overall development of a society we have provided  various facilities</p>
		<div class="row">
			<div class="facilities-col">
				<img src="https://images.unsplash.com/photo-1604918477251-75e773547ced?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mjh8fHBvdmVydHl8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60">
				<h3>We Care For Hygene</h3>
				<p>Over team helps to clean the surrounding clean and encourage the poor also to stay hygenic. We also spread awareness through campaine. Till now we have cleaned 200 gutters.</p>
			</div>
			<div class="facilities-col">
				<img src="https://images.unsplash.com/photo-1473649085228-583485e6e4d7?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Nzl8fHBvdmVydHl8ZW58MHx8MHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60">
				<h3>Educate poor</h3>
				<p>poor are our responsibility and as we want our society to grow faster we have look after the education of the poor, the weakest section of our society. Lets help them to be educated and make our society better place to live in</p>
			</div>
			<div class="facilities-col">
				<img src="https://images.unsplash.com/photo-1608686207856-001b95cf60ca?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8Y2hhcml0eXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60">
				<h3>Tasty and Heathy Food</h3>
				<p>Hygenic and nutritious food which give us energy to work for our dreams</p>
			</div>
		</div>


	</section>


	<!-- footer -->
	<section class="footer">
		<h4>About Us</h4>
		<p>The Helping Hands network is the nation’s largest domestic hunger-relief organization, working to connect people with food and end hunger. Donors, staff, and volunteers all play an important role in our efforts to end hunger in the United States. We also help those who are in need like women and children. We give education, jobs and basic facilities to the needy and encourage others to help them. </p>
		<div class="icons">
			<i class="fa fa-facebook" ></i>
			<i class="fa fa-twitter" ></i>
			<i class="fa fa-instagram" ></i>
			<i class="fa fa-linkedin" ></i>

		</div>
		<p>Made with <i class="fa fa-heart-o" ></i> by P S Sunidhi</p>
	</section>


	<!-- javascript for toggle menu -->
<script type="text/Javascript" src="script.js">

</script>
</body>
</html>