-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
127 lines (121 loc) · 6.64 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<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">
<meta name="theme-color" content="#1C7947">
<title>SGTWS | Gallery</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/about.css">
</head>
<body>
<header id="navbar">
<nav>
<a href="index.html" class="nav-logo"><h1>Student Guardian Teacher Welfare Society</h1></a>
<div class="right-menu" id="right-menu">
<a href="#" class="menu-link">
<p>about us</p>
<div class="color-strip"></div>
</a>
<a href="index.html#our-work" class="menu-link">
<p>our work</p>
<div class="color-strip"></div>
</a>
<a href="gallery.html" class="menu-link">
<p>gallery</p>
<div class="color-strip"></div>
</a>
<a href="" class="menu-btn donate">
<p>support us</p>
</a>
</div>
</nav>
</header>
<svg id="menu" onclick="toggleMenu()" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 28" class="icon line" width="32" height="32"><path id="menu-stroke" class="menu-stroke" d="M9,18H21M3,12H21M3,6H15" style="stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;"></path></svg>
<section class="other-hero" id="hero">
<img src="img/7.jpg" class="other-hero-bg">
<div class="other-hero-container">
<div class="other-content">
<h1 class="hero-title">About Us</h1>
</div>
</div>
</section>
<section class="about-section">
<div class="about-wrapper row">
<div class="about-content">
<p>
Established in year 1996 with a goal to educate the unpriviliged section of our society, the Students Guardian Teacher Welfare Society (Regd.) is indulged in many welfare activities.
We always believe in <i><strong>"वसुधैव कुटुम्बकम"</strong></i> which implies that We All.
Together, we can bring a positive change to this world. And educating people is the best way to do it. That's exactly why we focus on educating people.
In addition with modern education, we teach children the lessons of <i><strong>Sanatan Dharma</strong></i> in order to make them a good human being who will further make her/his contribution for the betterment of our society.
We strongly believe that bookish knowledge isn't enough to counter the harsh challenges of outer world. A comprehensive development of a person's intellect, behaviour and perception are equally important in this journey that we know as <i><strong>"Life"</strong></i>.
</p>
</div>
<div class="about-img">
<img src="img/1.jpg" class="about-img">
</div>
</div>
<div class="about-wrapper row-reversed">
<div class="about-content">
<p>
It's the 21st century, and in today's era, education without employment is considered a bane! That's we don't just provide education but we also help rural people gain some skills and get employed.
Fortunately, our work is not limited to men only. We continuously put efforts to give more-and-more employment opportunities to women belonging to rural areas.
Thanks to these initiatives, the number of women participating in these activities is exponentially increasing. From this, we can understand the fact that women are keen to learn and grow; the only thing they lack is "opportunity".
</p>
</div>
<div class="about-img">
<img src="img/4.jpg" class="about-img">
</div>
</div>
<div class="full-width-content">
<p>
We are on a journey; a journey to educate those who can't afford it, to bring employment to those who are sleeping with empty stomachs, to guide those who have lost their hopes due to addiction and to protect our mother nature who is nourishing all of us without demanding anything in exchange!
You know what the most interesting thing is? We've been doing this from over 26 years and we don't have any plans to stop in the near future.
</p>
</div>
</section>
<!-- Footer Starts Here -->
<footer>
<div class="footer-row">
<div class="footer-column branding-column">
<div class="footer-branding">
<img src="img/sgtwslogo.png" alt="SGTWS" class="footer-logo">
<h2 class="brand-name logo-font">Student Guardian Teacher Welfare Society</h2>
</div>
<br>
<p class="footer-desc">
Near Sharda Factory, Damuadhunga,<br>
P.O. Kathgodam, Tehsil-Haldwani,<br>
Dist.-Nainital, Uttrakhand - 263126
</p>
</div>
<div class="footer-column">
<div class="footer-heading"><h3>Organisation</h3><h4 class="down-arrow">❮</h4></div>
<a href="#" class="footer-link">About Us</a>
<a href="#" class="footer-link"">Contact</a>
</div>
<div class="footer-column">
<div class="footer-heading"><h3>Social Services</h3><h4 class="down-arrow">❮</h4></div>
<a href="#" class="footer-link">Children Welfare</a>
<a href="#" class="footer-link">Women Empowerment</a>
<a href="#" class="footer-link">Environment Welfare</a>
<a href="#" class="footer-link">De-Addiction Activities</a>
</div>
<div class="footer-column">
<div class="footer-heading"><h3>Important</h3><h4 class="down-arrow">❮</h4></div>
<a href="#" class="footer-link">Terms & Conditions</a>
<a href="#" class="footer-link">Privacy Policy</a>
</div>
</div>
<br>
<br>
<div class="footer-row">
<div class="social">
<p>Our motto - Your support, everyone's development</p>
</div>
</div>
</footer>
<script src="js/navbar.js"></script>
</body>
</html>