-
Notifications
You must be signed in to change notification settings - Fork 0
/
refactor_index_jabi.html
executable file
·175 lines (169 loc) · 7.92 KB
/
refactor_index_jabi.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
<html>
<head>
<script src="jquery.js"></script>
<script>
$(function(){
$("#includedHeaderContent").load("refactor_header.html");
});
$(function(){
$("#includedFooterContent").load("refactor_footer.html");
});
</script>
</head>
<body>
<div id="includedHeaderContent"></div>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<center><img id="header-logo" src="images/go-native-bpr-logo.svg" /></center>
<h2 style="font-size:3em; font-family: 'Pacifico', cursive;">Let's run for a plastic-free Bengaluru!</h2>
<br />
<center><a href="join/" class="button primary" style="font-weight:bold;">Join The Movement</a></center>
</header>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/header-2.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2 id="tLoc" style="color:#FF591F; font-weight:bold; font-size:3em; text-align:center;">0</h2>
<p style="text-align:center; font-weight:bold;">Localities</p>
</header>
</div>
<div class="col-4 col-12-medium">
<header>
<h2 id="tPlog" style="color:#FF591F; font-weight:bold; font-size:3em; text-align:center;">0</h2>
<p style="text-align:center; font-weight:bold;">Ploggers</p>
</header>
</div>
<div class="col-4 col-12-medium">
<header>
<h2 id="dRem" style="color:#FF591F; font-weight:bold; font-size:3em; text-align:center;">0</h2>
<p style="text-align:center; font-weight:bold;">Days remaining</p>
</header>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- One Backup -->
<!-- <section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/header-2.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>What Is It About?</h2>
<p>Bengaluru Plog Run is an initiative by Go Native that calls out to all citizens of Bengaluru.</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p>The increasing amount of plastic use and improper plastic waste disposal has steadily been choking the environment and Bengaluru, as a city, has been making constant efforts to actively bring about a change.</p>
</div>
<div class="col-4 col-12-medium">
<p>But, the <span style="font-weight:bold;">STIGMA</span> attached to the act of picking up garbage has been enforced for centuries and is now fixated heavily within us - making us think twice before we pick up a piece of plastic that has been littered all over, sometimes even by us.</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section> -->
<!-- Two -->
<section id="two" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/header-3.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-4 col-12-medium">
<header>
<h2>What are we going to do about it? </h2>
<p>Encourage local communities to walk together for change.</p>
</header>
</div>
<div class="col-4 col-12-medium">
<p>Bengaluru Plog Run will mark localities in the city of Bengaluru and work towards bringing a change from within the local communities. Within a marked out radius of 3-5 km of your neighbourhood, we encourage you to sign up, walk with us on the 2nd of October and</p>
</div>
<div class="col-4 col-12-medium">
<p><span style="font-weight:bold;">BREAK THE STIGMA</span> by picking up dry plastic waste that has been littered. All you need to do is - click a button and fill a form and we will provide you with the rest, from a plog run route in your area all the way to kits that will help you pick the plastic.</p>
</div>
</div>
</div>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</section>
<!-- Three -->
<section id="three" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/header-4.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="col-6">
<header>
<h2 id="r4" style="color:#FF591F; font-weight:bold; font-size:3em; text-align:center;">Refuse.</h2>
</header>
</div>
<div id="messenger" style="font-size:1.8em;" class="col-2"></div>
</div>
</div>
</div>
<a href="#four" class="goto-next scrolly">Next</a>
</section>
<!-- Four -->
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Meet the creators.</h2>
<p>Bengaluru plog Run is an initiative brought to you by the following organizations.</p>
</header>
<div class="box alt">
<div class="row gtr-uniform">
<section class="col-3 col-6-medium col-12-xsmall">
<a href="https://www.go-native.in/" target="_blank"><img src="images/go-native.png"/></a>
<h4><a href="https://www.go-native.in/" target="_blank">Go Native</a></h4>
<p>Go Native is a quiet little retreat with a Farm to Table restaurant and lifestyle store in Bangalore. Go Native aims to bring the Sustainable products into our daily living</p>
</section>
<section class="col-3 col-6-medium col-12-xsmall">
<a href="https://nncf.life/" target="_blank"><img src="images/nncf.png"/></a>
<h4 style="margin-top:12px;"><a href="https://nncf.life/" target="_blank">Namma Nimma Cycle Foundation</a></h4>
<p>A not for profit company focussed on sustainable mobility and bringing the culture of cycling into urban areas.</p>
</section>
<section class="col-3 col-6-medium col-12-xsmall">
<a href="https://uwbengaluru.org/" target="_blank"><img src="images/uwb.png" /></a>
<h4 style="margin-top:5px;"><a href="https://uwbengaluru.org/" target="_blank">United Way Bengaluru</a></h4>
<p>UWBe focuses its efforts on education, livelihood, health and environment. UWBe seeks to engage with and empower local communities.</p>
</section>
<section class="col-3 col-6-medium col-12-xsmall">
<a href="http://letsbethechange.in/" target="_blank"><img src="images/lbtc.png" /></a>
<h4><a href="http://letsbethechange.in/" target="_blank">Let's Be The Change</a></h4>
<p>Let's Be The Change, a youth driven NGO run with a vision for a cleaner country. Over 5 years LBTC has fixed over 300 garbage dumps with over 1000 volunteers. LBTC is a bridge connection between the Municipal Corporation (BBMP) and the Citizens.</p>
</section>
</div>
</div>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Can't join the movement?</h2>
<p>Don't worry. We got you covered. Leave us your email and we'll keep you posted.</p>
</header>
<form method="post" action="#" class="cta" id="eform">
<div class="row gtr-uniform gtr-50">
<div class="col-8 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Your Email Address" /></div>
<div class="col-4 col-12-xsmall"><input type="button" id="ebutton" value="Let's do this!" class="fit primary" /></div>
</div>
</form>
</div>
</section>
<div id="includedFooterContent"></div>
</body>
</html>