-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
339 lines (278 loc) · 15.5 KB
/
index.html
File metadata and controls
339 lines (278 loc) · 15.5 KB
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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!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">
<!-- Title of the Project -->
<title>ourgroundworks</title>
<!-- css file for style -->
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="Images/our-work-logo.jpg" />
<link href="https://fonts.googleapis.com/css2?family=Over+the+Rainbow&display=swap" rel="stylesheet">
<!-- Font Awesome link for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
</head>
<body>
<!-- Heading of the Project section start-->
<header>
<!-- Mobile Screen Navagation Start -->
<div class="dropdown" id="drop" style="display:none">
<ul class="nav">
<li id="nav-list"><a href="index.html">Home</a></li>
<li id="nav-list"> <a href="about.html">About</a></li>
<li id="nav-list" class="drop-p"><a href="#">Programmes<i class="fa-solid fa-caret-down"></i></a>
<div id="drop-program">
<a id="pro" href="programms.html">Good Pitch Local Karnataka</a>
<hr>
<a id="pro" href="program2.html">Changemedia</a>
</div>
</li>
<li id="nav-list"> <a href="con.html">Contact</a></li>
</ul>
</div>
<!-- Mobile Screen Navagation End -->
<!-- Desktop Screen Navagation Start -->
<div class="nvabar-box">
<ul class="navbar">
<li id="nav-list"><a href="index.html">Home</a></li>
<li id="nav-list"> <a href="about.html">About</a></li>
<li id="nav-list" class="drop-p"><a href="#">Programmes<i class="fa-solid fa-caret-down"></i></a>
<div id="drop-program">
<a id="pro" href="programms.html">Good Pitch Local Karnataka</a>
<hr>
<a id="pro" href="program2.html">Changemedia</a>
</div>
</li>
<li id="nav-list"> <a href="con.html" target="_blank">Contact</a></li>
</ul>
</div>
<div onclick="myFunction()" class="hamburger-icon">
<button id="bar-button"><i id="icon" class="fa-solid fa-bars"></i>
<i id="cross" class="fa-solid fa-xmark"></i>
</button><!-- hamburger icon -->
</div>
<!-- Desktop Screen Navagation End -->
</header>
<!-- Heading of the Project section end-->
<!-- Main body Start -->
<main class="main-container">
<div class="container-1">
<div class="box1">
<p id="heading">
<i><strong>o</strong></i>ur<i><strong>G</strong></i>round<i><strong>w</strong></i>orks.
</p>
<p id="heading2"><strong>a leader in design thinking for empowered enterprise</strong></p>
</div>
<img class="logo-img"
src="Images/our-work-logo.jpg"
alt="logo-Img">
</div>
<!-- ************************************* -->
<div class="container-2">
<p class="editor_excerpt">through design thinking as the mechanism for change-making,
we work to create a ground swell of impact with entities and communities that see themselves
as part of <u>a wider grid-work of transformation</u></p>
<p class="editor_excerpt">...with informed <u>empathy</u> and deepened <u>insight</u> as
the glue.</p>
<!-- <img id="img2"
src="Images/line-img.png"
alt="Line-img"> -->
</div>
<!-- ************************************** -->
<div class="container-3">
<p id="pTag">We facilitate problem solving with a hands-on design thinking approach that....</p>
<ul>
<li id="li-ptag">
<p> ▶︎<strong id="strong-ptag"> integrates systems change & design thinking </strong>to
strategy, roll out & impact measurement;
</p>
</li>
<li id="li-ptag">
<p>▶︎<strong id="strong-ptag"> employs design thinking & action research to programme </strong>
feasibility, campaign /project planning;
</p>
</li>
<li id="li-ptag">
<p>▶︎<strong id="strong-ptag"> integrates empathy as a skill</strong> for problem solving;
</p>
</li>
<li id="li-ptag">
<p> ▶︎<strong id="strong-ptag"> curates spaces & events</strong> for public communication;
</p>
</li>
<li id="li-ptag">
<p> ▶︎<strong id="strong-ptag"> mentors for leadership</strong> within an outcome-oriented
frame;
</p>
</li>
<li id="li-ptag">
<p>▶︎<strong id="strong-ptag"> coaches for impact </strong> to combine media making and social
change.
</p>
</li>
</ul>
<p id="pTag2">...and to evolve and deepen insight to...</p>
<p id="craft"> ▶︎ <strong id="strong-craft"><u>craft entrepreneurship that creates meaningful profit for
wider well-being.</u></strong> </p>
</div>
<!-- ************************************* -->
<div class="container-4">
<h5>SOME OF OUR LATEST VENTURES ...in collective enterprise</h5>
<ul>
<li>
<p id="latest-venturs-list"> <strong id="list">life*sustained ...</strong> a social enterprise
connecting artisans and consumers directly.</p>
</li>
<li>
<p id="latest-venturs-list"> <strong id="list">reimagining civil society ...</strong> a
collaborative design process.</p>
</li>
<li>
<p id="latest-venturs-list"><strong id="list"> bridge institute - impact assessment ...</strong>
systems change designed collectively: measuring impact towards the UN sustainable development
goals.</p>
</li>
<li>
<p id="latest-venturs-list"><strong id="list"> vimor handloom foundation ...</strong>designing &
curating the 45 year 'arrival' of the foundation - its
contribution and the unveiling of its emerging future.</p>
</li>
<li>
<p id="latest-venturs-list"><strong id="list">good pitch karnataka ...</strong> constructing &
curating a global initiative for social projects with media
at the heart of change-making that culminated in a very successful pitching event.</p>
</li>
</ul>
</div>
<!-- ****************************************** -->
<div class="container-5">
<hr>
<div id="box5">
<p>...with collectives & communities </p>
<p>...with projects & campaigns</p>
<p>...with schools & professional education </p>
</div>
<hr>
</div>
<!-- ****************************************** -->
<div class="Main-box-ptag">
<p class="box-ptag">with a focus on strategy and systems to orchestrate robust individual and collective
purpose, presence, sustenance.</p>
<p class="box-ptag">integrate media-making into change-making practice to knit impact collaborations to
deepen public insight & transformation. </p>
<p class="box-ptag">facilitate education communities to work to integrate empathy as a skill through
problem solving in daily practice...and create new insight.</p>
</div>
<div class="container-box">
<div class="container6">
<!-- <p class="box-ptag">with a focus on strategy and systems to orchestrate robust individual and collective
purpose, presence, sustenance.</p> -->
<h4>Our focus:</h4>
<div><strong id="level-strong">level 1: build collective empathy & relevance</strong> evaluate and equip
teams as
self-organising units – with agility and cohesion of focusing on: ‘role’ - as a sense of self;
‘alignment’ – for team purpose; ‘impact’ – collective clarity on effectiveness.</div>
<div><strong id="level-strong">level 2: plan for impact</strong>envisage and construct action & capacity
with a view to
making an impact; frame the impact you intend to create; paint your story of impact & purpose.</div>
<div><strong id="level-strong">level 3: assess impact</strong> gauge and measure the shifts against the
impact you
intended to create (break down impact into bite sizes); track the story of impact; repeatedly
revisit the pathway of impact.</div>
<div><strong id="level-strong">level 4: active induction </strong>prepare and orient new members of the
collective so that
people identify with ‘the purpose’ assimilate ‘their role’ become part of the ‘common purpose’.
</div>
</div>
<!-- ****************************************** -->
<div class="container6">
<!-- <p class="box-ptag">integrate media-making into change-making practice to knit impact collaborations to
deepen public insight & transformation. </p> -->
<h4>Our focus:</h4>
<div><strong id="level-strong">at the strategy level </strong>...reimagine issue-based change through
media-making.</div>
<div><strong id="level-strong">approach</strong>…establish spaces for impact collaboration in
socio-economic,
environmentalissues with media making.</div>
<div><strong id="level-strong">framework </strong>…Involve communities to engage with their issues
through media-making.
</div>
<div><strong id="level-strong">evolve insight</strong>...among individuals, communities, organisations
through making
media-making an integrated and significant part of change-making.</div>
<div><strong id="level-strong">to trigger stepped up public inquiry, reflection and mobilised
action</strong>...by making
collective choices based on stories, information, data for collective progress and
transformation,and; defines and presents ‘new citizenry’ engagement.</div>
<div><strong id="level-strong">to inspire & mobilise in the public domain </strong>...by creating
compelling 'public
pitches'to trigger wider commitment to the issue/enterprise.</div>
<!-- <div><strong></strong></div> -->
</div>
<!-- ****************************************** -->
<div class="container6">
<h4>Our focus:</h4>
<div><strong id="level-strong">liberal spaces for applied learning </strong>that create enterprises of
collective
action,applied learning, impact and empowerment in primary, secondary and higher education.</div>
<div><strong id="level-strong">institutions imparting a professional education</strong>in areas related
to development,
management, design, law, communications, journalism for budding professionals to build robust
professional practice.</div>
<div><strong id="level-strong">create 'encounters'</strong>that connect, confront, chance upon new
experiential learning
and builds a calm & collected mind of conscious intention and attention in a secular culture.</div>
<div><strong id="level-strong">experiential learning</strong>is brought about through current experience
and ‘recycling’
previous experience.</div>
</div>
</div>
<hr>
<!-- ****************************************** -->
<div class="container7">
<h3>Across the board this enables...</h3>
<p id="box7"><strong id="strong7"><u>... a hands-on design thinking work process</u></strong> across &
within
teams, collectives &
communities.</p>
<p id="box7"><strong id="strong7"> <u>... to build the ‘skill of empathy’</u></strong>to inquire, understand
&
relate to the lives of
others to create transformation <strong> <u>...from deepened insight.</u></strong></p>
<p id="box7"><strong id="strong7"> <u>... empathy & insight as integral to individual & team
practice</u></strong>
an active element of day-to-day thinking & action to develop & deepen the ability to generate knowledge,
enable application, create impact.</p>
<p id="box7"><strong id="strong7"><u>...space crafted that is synchronised & 'anti-silo' </u></strong> to
coherently bring together
experiential learning <strong id="strong7"><u>through content & curation for applied learning, and an
enhanced
individual & collective experience.</u> </strong></p>
</div>
</main>
<!-- Main body End -->
<!-- Footer Start -->
<footer>
<div class="container8">
<div class="container9">
<p>Copyright @ Tara Rao. All rights reserved.</p>
<div>
<img src="//nebula.wsimg.com/01f11d68b9f92d7aa8b77ed39a24a54e?AccessKeyId=531592D248B589D87A56&disposition=0&alloworigin=1"
style="vertical-align:middle;width:23px;height:23px;" alt="twitter-img">
<img src="//nebula.wsimg.com/c9d696e2a26ab0ae2ed03ff5f5cd4c89?AccessKeyId=531592D248B589D87A56&disposition=0&alloworigin=1"
style="vertical-align:middle;width:23px;height:23px;" alt="facebook-img">
</div>
</div>
<div>
<em class="food">built with ❤️ by <a id="foot-link" href="https://t4glabs.discourse.group/u?cards=no&group=Tech4Good-Fellows&order=likes_received&period=all" target="_blank"><u> T4G Labs Fellows</u> </a>
& Hosted Freely on <a id="foot-link" href="https://ourgroundworks.org/" target="_blank"><u> Github Pages</u> </a>
</em>
</div>
</div>
</footer>
<!-- Footer End -->
<!-- Javascript file -->
<script src="index.js"></script>
</body>
</html>