-
Notifications
You must be signed in to change notification settings - Fork 2
/
homehack.html
239 lines (161 loc) · 8.14 KB
/
homehack.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
<!DOCTYPE html>
<html>
<head>
<title>Swacch Bharat</title>
<link rel="shortcut icon" href="logo.ico" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" type="text/css" href="css/animate.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script src="js/wow.min.js"></script>
<script type="text/javascript">
new WOW().init();
</script>
<script src="js/init.js"></script>
</head>
<style type="text/css">
.si{
margin-left: 80px;
}
.nav-wrapper, nav{
background-color: rgba(0,0,0,0) !important;
position: absolute;
z-index: 200;
box-shadow: none;
}
#sidenav-overlay
{
position: absolute;
z-index: -1;
}
p {
font-family: 'Fertigo', serif;
font-size: 20px;
color: #0000ff;
}
h5
{
color: ;
}
</style>
<body>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<!-- nav bar -->
<nav>
<div class="nav-wrapper N/A transparent">
<img src="logo.png" class="circle responsive-img si" height="85" width="84"></a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li> <a class="waves-effect waves-teal "><h5><b>HOME</b></h5></a></li>
<li> <a class="waves-effect waves-teal "><h5><b>CONTACT US</b></h5></a></li>
<li> <a class="waves-effect waves-teal "><h5><b>REGISTER</b></h5></a></li>
<li> <a class="waves-effect waves-teal "><h5><b>SIGNIN</b></h5></a></li>
<li> <a class="waves-effect waves-teal "><h5><b>CONTEST</b></h5></a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="#"><b>HOME</b></a></li>
<li><a href="#"><b>CONTACT</b></a></li>
<li><a href="#"><b>REGISTER</b></a></li>
<li><a href="#"><b>SIGNIN</b></a></li>
<li><a href="#"><b>CONTEST/b></a></li>
</ul>
</div>
</nav>
<!-- slider -->
<div class="slider">
<ul class="slides">
<li>
<img src="IndiaTv43f62a_abhiyaan.jpg" > <!-- random image -->
<div class="caption center-align">
<h3>Clean India Green India
</h3>
<h5 class="light grey-text text-lighten-3"> Let make the right choice and use dustbin
</h5>
</div>
</li>
<li>
<img src="1_650_103014113211.jpg"> <!-- random image -->
<div class="caption left-align">
<h3>Safai mein Bhalaai</h3>
<h5 class="light grey-text text-lighten-3">Don’t ever be MEAN to the ones who CLEAN</h5>
</div>
</li>
<li>
<img src="Swach-Bharat-Abhiyan-Rayat-Bahra-University-1.jpg"> <!-- random image -->
<div class="caption right-align">
<h3>Cleanliness from inside and outside, health automatically will reside both sides</h3>
<h5 class="light grey-text text-lighten-3">Clean bean got hygiene</h5>
</div>
</li>
<li>
<img src="B1JMNKACYAAaqKY.jpg"> <!-- random image -->
<div class="caption center-align">
<h3>Cleanliness should not be foreseen for it brings hygiene</h3>
<h5 class="light grey-text text-lighten-3">Include 2 things in your routine – Cleanliness and hygiene!!!</h5>
</div>
</li>
</ul>
</div>
<!-- sjdxsak -->
<div class="divider"></div>
<div class="section wow rotateInOutRight ">
<h5 class="left-align "><i>Is cleaning only the responsibility of the karamcharis ? Do citizens have no role in this? We have to change this mindset</i>
</h5>
<p class="right-align"><h8><i> Narendra Modi </i></h8></p>
</div>
<div class="row">
<div class="col s4 wow slideOutLeft"><img src="swach-bharat-abhiyan-1-638 (copy).jpg" height="450" width="400" class="circle responsive-img"></div>
<div class="col s5 wow rotateOut"><h5><i>According to the World Health Organization, an average of Rs. 6500 per person was lost in India due to lack of cleanliness and hygiene. Swachh Bharat would make a significant impact on public health and in safeguarding income of the poor, ultimately contributing to the national economy - Narendra Modi
</i></h5></div>
<div class="col s3 wow slideOutRight "><img src="india1.jpg" height="450" width="400" class="circle responsive-img"></div>
</div>
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header wow hinge"><i class=" large material-icons prefix">label_outline</i>
<span class="blue-text text-darken-2 "><h5>More About Swacch Bharat Abhiyan</h5></span>
</div>
<div class="collapsible-body"><p>With effect from 1 April 1999, the Government of India restructured the Comprehensive Rural Sanitation Programme and launched the Total Sanitation Campaign (TSC) which was later (on 1 April 2012) renamed Nirmal Bharat Abhiyan (NBA).
Prime Minister Narendra Modi spoke of the need for toilets in his 2014 Independence Day speech stating,
Has it ever pained us that our mothers and sisters have to defecate in open? Poor womenfolk of the village wait for the night; until darkness descends, they can`t go out to defecate. What bodily torture they must be feeling, how many diseases that act might engender. Can't we just make arrangements for toilets for the dignity of our mothers and sisters?
— Narendra Modi
Modi also spoke of the need for toilets in schools during the campaign for 2014 Jammu and Kashmir state elections stating,
When the girl student reaches the age where she realises this lack of female toilets in the school she leaves her education midway. As they leave their education midway they remain uneducated. Our daughters must also get equal chance to quality education. After 60 years of independence there should have been separate toilets for girl students in every school. But for the past 60 years they could not provide separate toilets to girls and as result the female students had to leave their education midway.
— Narendra Modi</p></div>
</li>
</ul>
<div class="row ">
<div class="col s4 wow bounceIn"><img src="Swach-Bharat-Abhiyan-Rayat-Bahra-University-1.jpg" height="350" width="350" class="circle responsive-img"></div>
<div class="col s4 wow bounceOut"><img src="swachh-bharat-abhiyan-image.png" height="350" width="350" class="circle responsive-img"></div>
<div class="col s4 wow zoomIn"><img src="shazia-cleans.jpg" height="350" width="350" class="circle responsive-img"></div>
</div>
<footer>
<img src="copyright.jpg" height="17" width="17"><h10><b>2015 COPYRIGHT SWACCH BHARAT</b></h10>
</footer>
<script type="text/javascript">
$(document).ready(function(){
$('.slider').slider({full_width: true});
$('.collapsible').collapsible({
accordion : false // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
$(document).ready(function(){
$('.materialboxed').materialbox();
});
$(document).ready(function(){
$('.parallax').parallax();
});
$(".button-collapse").sideNav();
});
$(document).ready(function(){
$('.collapsible').collapsible({
accordion : true // A setting that changes the collapsible behavior to expandable instead of the default accordion style
});
});
</script>
</body>
</html>