/
index.html
295 lines (281 loc) · 13 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
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
<!doctype html>
<html lang="en">
<head>
<title>Justice Adda</title>
<!-- SEO Metas -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="apple-mobile-web-app-title" content="Justice Adda">
<meta name="application-name" content="Justice Adda">
<meta name="msapplication-config" content="img/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- Icons -->
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="img/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="img/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="img/manifest.json">
<link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#da532c">
<link rel="shortcut icon" href="img/favicon.ico">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/mobile.css">
</head>
<body>
<header id="masthead">
<div class="container">
<div class="row">
<div class="col-md-5ths logo-column">
<a href="/"><img alt="Justice Adda" src="img/favicon-32x32.png">Justice Adda</a>
</div>
<div class="col-md-5ths">
<a href="/about">About</a>
</div>
<div class="col-md-5ths">
<a href="/solutions">Solutions</a>
</div>
<div class="col-md-5ths">
<a target="_blank" href="https://baithak.justiceadda.com">Blog</a>
</div>
<div class="col-md-5ths">
<a href="/contact">Contact</a>
</div>
</div>
</div>
</header>
<main id="content" class="no-ma">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-push-2 ma-bo">
<h1 class="hero-text"><strong>Justice Adda</strong> collaborates with human rights campaigners, development organizations and justice initiatives to enable people to understand and use the law by providing content, design and technology solutions.</h1>
<div class="ma">
<a href="#" class="button button-primary button-hero">Find a Solution<i class="ion-chevron-right"></i></a>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<i class="icon-big ion-key"></i>
<p><strong>Access</strong></p>
<p>We are determined to empower<br>people with tools to enable access to justice.</p>
</div>
<div class="col-md-3">
<i class="icon-big ion-university"></i>
<p><strong>Knowledge</strong></p>
<p>We are committed to building awareness to foster resilient communities.</p>
</div>
<div class="col-md-3">
<i class="icon-big ion-erlenmeyer-flask"></i>
<p><strong>Design</strong></p>
<p>We are focused on designing new products based on the needs of the justice user.</p>
</div>
<div class="col-md-3">
<i class="icon-big ion-wand"></i>
<p><strong>Innovation</strong></p>
<p>We are driven to translate ideas into value to make the justice system fair and equitable.</p>
</div>
</div>
<div class="row padded">
<div class="col-md-6">
<div class="image" style="height:400px;background:url(img/solutions/cr.jpg);background-size:cover"></div>
</div>
<div class="col-md-6">
<h3 class="all-caps">Featured Project</h3>
<h2>The Court Reporter’s Toolkit</h2>
<p>Court reporting is an important function that bridges the gap between the courts and the public. One does not need a law degree to cover and report on court cases and yet it requires wisdom and care. Here’s a manual to help you report accurately, fairly and responsibly.</p>
<p><a href="#" class="button">View Toolkit →</a></p>
</div>
</div>
<div class="row ma-bo projects-">
<div class="col-md-4">
<div class="image" style="background:url(img/solutions/cd.jpg) center;background-size:cover"></div>
<h4 class="ma-to">The Case Drawing Project</h4>
<p>The Supreme Court of India has pioneered public interest jurisprudence in the fields of gender justice, electoral reform, child rights, the protection of the environment etc. Our case drawing series attempts to explain important legal questions in an engaging and visually informative manner.</p>
<p><a href="#" class="button button-primary">View Project<i class="ion-chevron-right"></i></a></p>
</div>
<div class="col-md-4">
<div class="image" style="background:url(img/solutions/dac.jpg);background-size:cover"></div>
<h4 class="ma-to">Design a Campaign</h4>
<p>Don’t get overwhelmed by the idea of planning a campaign to help save the world! Justice Adda and the NINEISMINE campaign have broken it down for you, giving you a guide to the A to Z of campaigning.</p>
<p><a href="#" class="button button-primary">Read Guidebook<i class="ion-chevron-right"></i></a></p>
</div>
<div class="col-md-4">
<div class="image" style="background:url(img/solutions/it.jpg);background-size:cover"></div>
<h4 class="ma-to">Intolerance Tracker</h4>
<p>Intolerance Tracker is an online platform to collect, aggregate, and map stories of intolerance across South Asia. These stories cover instances of discrimination that individuals or communities face based on their affiliation with a group or identity. Perpetrators include other individuals, groups or states.</p>
<p><a href="#" class="button button-primary">Visit Website<i class="ion-chevron-right"></i></a></p>
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
<h3>Solutions</h3>
</div>
</div>
<div class="row ma-bo icon-box">
<div class="col-md-4">
<i class="ion-speakerphone"></i>
<h2 class="small-heading">Communication</h2>
<p>We help you fight and campaign for a justice issue by designing an effective communication strategy – from social media, to branding and more traditional marketing strategy. We also combine this with both design and techology solutions depending on your needs.</p>
</div>
<div class="col-md-4">
<i class="ion-paintbrush"></i>
<h2 class="small-heading">Design</h2>
<p>We help you communicate your message by visualizing complex legal issues as easily understandable graphic and textual representations. This includes infographics, backgrounders, comic strips for reports, articles or online posts as well as web-based interactive tools and multimedia explainers.</p>
</div>
<div class="col-md-4">
<i class="ion-code-working"></i>
<h2 class="small-heading">Technology</h2>
<p>We develop innovative apps and websites to disseminate information and help empower those without access to justice. We have collaborated with <a href="https://oswald.foundation" target="_blank">Oswald Foundation</a> to provide accessible techonology solutions.</p>
</div>
</div>
<!--<div class="row">
<div class="col-md-12">
<h3>Team</h3>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Founder</div>
</div>
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Designer</div>
</div>
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Programmer</div>
</div>
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Writer</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Innovator</div>
</div>
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Customer Support</div>
</div>
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Photographer</div>
</div>
<div class="col-md-3">
<div class="person-image"></div>
<div class="person-name">John Smith</div>
<div class="person-email">Video Editor</div>
</div>
</div>-->
</div>
</main>
<div class="cambridge-feature">
<div class="container">
<div class="col-md-3">
<div style="width: 90%">
<p class="ma-bo-sm">
<img alt="" src="img/camb.png" style="width: 80%">
</p>
<p class="small light">
Justice Adda is part of the Cambridge Social Ventures programme in the Centre for Social Innovation at Cambridge Judge Business School.
</p>
</div>
</div>
<div class="col-md-9 bg-light subscribe-box">
<div class="row">
<div class="col-md-4">
<h2 class="light light-font">Stay Updated</h2>
<p>
Subscribe to Justice Adda’s newsletter. We only send good things, care for your privacy, and you can unsubscribe any time.
</p>
</div>
<div class="col-md-8">
<form method="post" action="https://baithak.justiceadda.com/files/newsletter/subscribe">
<input type="email" placeholder="example@justiceadda.com">
<input type="submit" value="Confirm Subscription">
</form>
<p class="small light ma-to-sm">
<a href="https://baithak.justiceadda.com/files/newsletter/preferences">Edit your preferences</a>
</p>
</div>
</div>
</div>
</div>
</div>
<footer id="colophon">
<div class="container">
<div class="row">
<div class="col-md-3 logo-column">
<p>
<a href="/"><img alt="Justice Adda" src="img/favicon-32x32.png">Justice Adda</a>
</p>
<p>
© 2016 Justice Adda
</p>
<p class="social-links">
<a target="_blank" href="https://www.facebook.com/justiceadda"><i class="ion-social-facebook"></i></a>
<a target="_blank" href="https://www.twitter.com/justiceadda"><i class="ion-social-twitter"></i></a>
<a target="_blank" href="https://www.instagram.com/justiceadda"><i class="ion-social-instagram"></i></a>
<a target="_blank" href="https://www.github.com/anandchowdhary/justice-adda"><i class="ion-social-github"></i></a>
<a target="_blank" href="https://baithak.justiceadda.com/rss"><i class="ion-social-rss"></i></a>
</p>
<p>
<a href="javascript:alert('Failed to load Accessibility services, please refresh the page. If it still doesn\'t work, contact us to report this bug.');" data-oswald>Accessibility</a>
</p>
</div>
<div class="col-md-3">
<h3 class="footer-heading">Company</h3>
<ul>
<li><a href="/about">About Us</a></li>
<li><a href="/team">Team</a></li>
<li><a href="/quote">Request a Quote</a></li>
<li><a href="/contact">Contact Info</a></li>
</ul>
</div>
<div class="col-md-3">
<h3 class="footer-heading">Information</h3>
<ul>
<li><a href="/solutions">Solutions</a></li>
<li><a href="/terms">Terms of Use</a></li>
<li><a href="/privacy">Privacy Policy</a></li>
</ul>
</div>
<div class="col-md-3">
<h3 class="footer-heading">Baithak</h3>
<ul>
<li><a target="_blank" href="https://baithak.justiceadda.com">Visit Blog</a></li>
<li><a target="_blank" href="https://baithak.justiceadda.com/community-guidelines">Community Guidelines</a></li>
<li><a target="_blank" href="https://baithak.justiceadda.com/submit">Submit Article</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Scripts -->
<script src="https://oswald.tech/widget?key=861e66a0584a409188cc1e40bd5c50e9"></script>
</body>
</html>