-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
241 lines (233 loc) · 11.1 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
<html>
<head>
<title>Empowering Women</title>
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/contact.css">
<link rel="stylesheet" href="assets/css/card.css">
</head>
<body style="overflow-x: hidden">
<section style="background: url(images/tab.PNG); height: 15%;">
<div class="container">
<br>
<a href="#one" style="color: white; box-shadow: inset 0 0 0 0px rgba(144, 144, 144, 0.5)" class="button scrolly">Meaning</a>
<a href="#two" style="color: white; box-shadow: inset 0 0 0 0px rgba(144, 144, 144, 0.5)" class="button scrolly">Gender Equality</a>
<a href="#three" style="color: white; box-shadow: inset 0 0 0 0px rgba(144, 144, 144, 0.5)" class="button scrolly">Blog</a>
<a href="#form" style="color: white; box-shadow: inset 0 0 0 0px rgba(144, 144, 144, 0.5)" class="button scrolly">Query Form</a>
<a href="faq.html" class="button special">FAQ</a>
<button style="font-family: inherit;" type=button class="button special">Contact Us</button>
<div class="wrap">
<div class=content>
<b><h3 style="float: left" class=y>CONTACT US<h6 style="float: right"><button class="button">X</button></h6></h3></b>
<br><br><br><br><br><br>
<i class=x>Tushar Arora<br>
<a href="tel:+919958250076">+91-9958250076</a><br>
<a href="mailto:[email protected]?subject=WEmp.org">[email protected]</a></i>
</div>
</div>
<br>
</section>
<section id="header" style="z-index: -1;">
<div class="inner">
<img style="position: relative; top: -50px;" src="images\a1.png" height=100 width=120>
<h1 style="position: relative; top: -30px;">नारी प्रीत में राधा बने,<br>गृहस्थी में जानकी।<br>काली बन कर शीश काटे,<br>जब बात हो सम्मान की।।</h1>
<p><b><i>"A feminist is anyone who recognizes the equality and<br>
full humanity of women and men."</i></b></p>
</div>
</section>
<!-- One -->
<section id="one" class="main style1">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<header class="major">
<h2>MEANING</h2>
</header>
<p>Women Empowerment refers to increasing and improving the social, economic, political and legal strength of the women, to ensure equal-right to women. Women empowerment helps women to control and benefit from resources, assets, income and their own time, as well as the ability to manage risk and improve their economic status and well-being.</p>
</div>
<div class="6u$ 12u$(medium) important(medium)">
<span class="image fit"><img src="images\b1.jpg"></span>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="main style2">
<div class="container">
<div class="row 150%">
<div class="6u 12u$(medium)">
<ul class="major-icons">
<li><span class="icon style1 major fa-code"></span></li>
<li><span class="icon style2 major fa-bolt"></span></li>
<li><span class="icon style3 major fa-camera-retro"></span></li>
<li><span class="icon style4 major fa-cog"></span></li>
<li><span class="icon style5 major fa-desktop"></span></li>
<li><span class="icon style6 major fa-calendar"></span></li>
</ul>
</div>
<div class="6u$ 12u$(medium)">
<header class="major">
<h2>GENDER EQUALITY</h2>
</header>
<p>What a man and a woman should/should not do was never a role given to society! Yet we created gender roles and then the battle of sex began! With this powerful thought in our minds young Womenites took to the Raahgiri for the second time to reach out to fellow Delhites and know their views and thoughts on the topic of ‘Gender Equality’.</p>
<br>
<p>Voicing their views over issues such as ‘girls wearing short clothes in public’ and ‘girls asked to change their surname post marriage’; people had mixed reactions. Some found it ‘cool’ while some considered it a stereotype in the society. Although people agreed that modern perceptions have changed, our nation is still entangled in the web of inequality.</p>
<br>
<p>Neverthless, it was a fun filled experience and another achievement in the book of ‘Womenite’s endeavours’ to spread the message of change and to bring about that change.</p>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="main style1 special">
<div class="container">
<header class="major">
<h2>OUR LATEST BLOGS</h2>
</header>
<p>Sign up to get notified about our latest blogs right as they get published.</p>
<div class="row 150%">
<div class="4u 12u$(medium)">
<span class="image fit"><img src="images/impw2.jfif" height=220 alt="" /></span>
<h3><b>Importance of women's empowerment in India</b></h3>
<p><i>"A woman is like a tea bag—you never know how strong she is until she gets in hot water."</i></p>
<ul class="actions">
<li><a href="impw.html" target=_blank class="button">More</a></li>
</ul>
</div>
<div class="4u 12u$(medium)">
<span class="image fit"><img src="images/mindset.jpg" height=220 alt="" /></span>
<h3><b>Not women, mindsets need empowerment</b></h3>
<p><i>"The empowered woman is powerful beyond measure, and beautiful beyond description."</i></p>
<ul class="actions">
<li><a href="mindset.html" target=_blank class="button">More</a></li>
</ul>
</div>
<div class="4u$ 12u$(medium)">
<span class="image fit"><img src="images/wchange.jpg" height=220 alt="" /></span>
<h3><b>7 ways women could change the world</b></h3>
<p><i>"If you want something said, ask a man; if you want something done, ask a woman."</i></p>
<ul class="actions">
<li><a href="7ways.html" target=_blank class="button">More</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="main style2 special">
<div class="container">
<header class="major">
<h2>Have any queries?</h2>
</header>
<p>You can also sign up for our weekly blogs.</p>
<ul class="actions uniform">
<li><a href="#form" class="button scrolly" class="button special">Submit Query</a></li>
<li><a href="faq.html" class="button special">faq</a></li>
</ul>
</div>
</section>
<!-- Five -->
<a id=form></a>
<section id="five" class="main style1">
<div class="container">
<h4><center><b>Query Form</b></center></h4>
<form method="post" action="#">
<div class="row uniform 50%">
<div class="6u 12u$(xsmall)">
<input type="text" name="contact_name" id="demo-name" placeholder="Name" />
</div>
<div class="6u$ 12u$(xsmall)">
<input type="email" name="contact_email" id="demo-email" placeholder="Email" />
</div>
<div class="12u$">
<textarea name="contact_textarea" id="demo-message" placeholder="Enter your message" rows="6"></textarea>
</div>
<div class="6u 12u$(small)">
<input type="checkbox" id="demo-copy" name="demo-copy">
<label for="demo-copy">Sign me up for your weekly blogs.</label>
</div>
<div class="12u$">
<ul class="actions">
<input type="hidden" name="submitted" id="submitted" value="true" />
<li><input type="submit" value="Send Message" class="special" /></li>
<li><input type="reset" value="Reset" /></li>
</ul>
</div>
</div>
</form>
</section>
</div>
</section>
<hr style="border-width: 5px; border-color: powderblue;">
<!-- Six -->
<section id="six" class="main style">
<div class="container">
<center><h2>NON-GOVERNMENTAL ORGANIZATIONS IN ACTION</h2><center>
<br><br>
<a href="http://www.womenite.com" target=_blank>
<ul>
<li type=none style="width: 33%; float: left">
<div class="card" style="width: 300; height: 310">
<center><img src="images/ngo1.jpg" height="175" width="260" style="border-radius: 5px 5px 0 0"></center>
<div class="container" style="padding: 2px 16px;">
<br>
<h4 style="text-align: left">
<b> Womenite</b></h4>
<p style="text-align: left">
The Changemakers</p>
<br>
</div></a>
</li>
<li type=none style="width: 33%; float: left">
<a href="http://www.azadfoundation.com" target=_blank>
<div class="card" style="width: 300; height: 310">
<center><img src="images/ngo2.png" height="175" width="260" style="border-radius: 5px 5px 0 0"></center>
<div class="container" style="padding: 2px 16px;">
<br>
<h4 style="text-align: left">
<b> Azad Foundation</b></h4>
<p style="text-align: left">
The Changemakers</p>
<br>
</div></a>
</li>
<li type=none style="width: 33%; float: left">
<a href="http://www.sapnaindia.org" target=_blank>
<div class="card" style="width: 300; height: 310">
<center><img src="images/ngo3.PNG" height="175" width="260" style="border-radius: 5px 5px 0 0"></center>
<div class="container" style="padding: 2px 16px;">
<br>
<h4 style="text-align: left">
<b> Sapna</b></h4>
<p style="text-align: left">
Realising a dream</p>
<br>
</div></a>
</li></ul>
</div>
</section>
<br><br><br><br><br><br><br><br><br><br><br><br>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<li><a href="http://twitter.com/empowerwomenrr" class="icon alt fa-twitter" target=_blank><span class="label">Twitter</span></a></li>
<li><a href="http://fb.com/woemp" class="icon alt fa-facebook" target=_blank><span class="label">Facebook</span></a></li>
<li><a href="http://instagram.com/empoweringwomennow" class="icon alt fa-instagram" target=_blank><span class="label">Instagram</span></a></li>
<li><a href="mailto:[email protected]?subject=WEmp.org" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© 2017</li><li>Design: <a href="http://fb.com/t.arora96" target=_blank>Tushar Arora</a></li>
</ul>
</section>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/contact.js"></script>
</body>
</html>