index.html 20.3 KB
Newer Older
Bady's avatar
Bady committed
1
2
3
<!DOCTYPE html>
<html lang="en">

Bady's avatar
Bady committed
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<head>
  <title>Poddery</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="shortcut icon" href="images/favicon.png">

  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/animate.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">

  <!-- Custom CSS -->
  <link rel="stylesheet" href="css/style.css">
Bady's avatar
Bady committed
19
  <link rel="stylesheet" href="css/progress-bar.css">
Noorul's avatar
Noorul committed
20

Noorul's avatar
Noorul committed
21
 <link rel="stylesheet" href="css/video-js.min.css">
Noorul's avatar
Noorul committed
22
 
Noorul's avatar
Noorul committed
23
<!-- to be added opengraph WIP -->
Bady's avatar
Bady committed
24
</head>
Bady's avatar
Bady committed
25

Bady's avatar
Bady committed
26
27
28
<body data-spy="scroll" data-offset="50" data-target=".navbar-collapse" style='background: rgba(0, 0, 0, 0) url("images/bg.png") repeat scroll 0% 0%;'>

<!-- =========================
Bady's avatar
Bady committed
29
     PRE LOADER
Bady's avatar
Bady committed
30
============================== -->
Bady's avatar
Bady committed
31
32
33
  <div class="preloader">
    <div class="sk-rotating-plane"></div>
  </div>
Bady's avatar
Bady committed
34
35

<!-- =========================
Bady's avatar
Bady committed
36
     NAVIGATION LINKS
Bady's avatar
Bady committed
37
38
============================== -->

Bady's avatar
Bady committed
39
40
  <div class="navbar navbar-fixed-top custom-navbar" role="navigation">
    <div class="container">
Bady's avatar
Bady committed
41

Bady's avatar
Bady committed
42
43
      <!-- navbar header -->
      <div class="navbar-header">
Bady's avatar
Bady committed
44
45
46
47
48
49
50
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#podderycollapse" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href=""><img class="logo" src="images/poddery.png" alt="Poddery logo" /></a>
Bady's avatar
Bady committed
51
52
        <a class="navbar-brand logotext" href="">Poddery</a>
      </div>
Bady's avatar
Bady committed
53

Bady's avatar
Bady committed
54
55
56
57
58
59
60
61
62
63
      <div id="podderycollapse" class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#poddery-sponsors" class="smoothScroll">Sponsors</a></li>
          <li><a href="https://fund.poddery.com/" class="smoothScroll">Fund Poddery</a></li>
          <!-- <li><a href="#poddery-contribute" class="smoothScroll">Contribute</a></li> -->
          <li><a href="#poddery-contact" class="smoothScroll">Contact</a></li>
          <li><a href="privacy.html" class="smoothScroll">Privacy Policy</a></li>
          <li><a href="tos.html" class="smoothScroll">Terms of Service</a></li>
          <li><a href="https://poddery.com/users/sign_in"><span class="btn-login">Login</span></a></li>
        </ul>
Bady's avatar
Bady committed
64
      </div>
Bady's avatar
Bady committed
65
66
67
68
69
70
71

    </div>
  </div>

  <div class="fundpod">
    <a href="#fundview"><img class="img img-responsive" src="images/fundbubble.png"></a>
  </div>
72

Bady's avatar
Bady committed
73
<!-- =========================
Bady's avatar
Bady committed
74
    INTRO SECTION
Bady's avatar
Bady committed
75
============================== -->
Bady's avatar
Bady committed
76
77
78
79
80
81
82
83
84
85
86
87
88
89
  <section id="intro" class="parallax-section">
    <div class="container">
      <div class="col-0-0"></div>
      <div class="col-0-1">
        <div class="container">

          <div class="row">
            <div class="col-sm-4"></div>
            <div class="col-sm-4">
              <div class="row">
                <div class="col-sm-12">
                  <img id="diasporalogo" src="images/podderywide.png" alt="Diaspora Logo" style="width:100%;">
                </div>
              </div>
90
            </div>
Bady's avatar
Bady committed
91
92
93
94
            <div class="col-sm-4"></div>
          </div>

          <div style="text-align:center;">
Bady's avatar
Bady committed
95
            <p style="margin-top:4px; color:white; font-size: 1.3em; text-shadow: 1px 1px #000000;">The Community-run Distributed Social-network</p>
Bady's avatar
Bady committed
96
          </div>
97

Bady's avatar
Bady committed
98
        </div>
Bady's avatar
Bady committed
99

Bady's avatar
Bady committed
100
101
102
103
104
105
106
107
108
109
110
        <!-- Donations progress bar -->
        <div class="progress">
          <div id="direct-donations" class="progress-bar progress-bar-primary" role="progressbar" title="Direct">
            <span class="percent"></span>
          </div>
          <div id="indiegogo-donations" class="progress-bar progress-bar-info" role="progressbar" title="Indiegogo">
            <span class="percent"></span>
          </div>
        </div>
        <div class="progress-text"></div>

111
        <div class="row text-center" style="margin-bottom: 20px;">
Bady's avatar
Bady committed
112
          <a href="https://fund.poddery.com" style="margin-left:12px"><button type="button" class="btn btn-success" style="padding:10px 20px;background-color:#337aff;border:0">CONTRIBUTE NOW</button></a>
113
        </div>
Bady's avatar
Bady committed
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
        <div class="btn-group space">
          <a class="btn" style="width:130px; margin-left:12px;" href="https://poddery.com/users/sign_in">LOGIN</a>
          <a class="btn" style="width:130px; margin-left:12px;" href="https://poddery.com/users/sign_up">REGISTER</a>
        </div>

        <div id="band" class="text-center space" style="margin-top: 10px; border-radius: 4px;">
          <b>Unity is strength! <br class="visible-xs-block"><a class="save-pod" href="http://fund.poddery.com">Fund to keep the pod alive.</a></b>
        </div>
      </div>
    </div>
    <div class="col-0-2"></div>
    </div>

  </section>

  <div id="fundview"></div>
Bady's avatar
Bady committed
130
131

<!-- =========================
Bady's avatar
Bady committed
132
     OVERVIEW SECTION
Bady's avatar
Bady committed
133
============================== -->
Bady's avatar
Bady committed
134
135
136
137
138
  <section id="overview" class="parallax-section">
    <div class="container">
      <div class="row">
        <div class="wow fadeInUp col-md-6 col-sm-10 video" data-wow-delay="1.6s">
          <div class="img img-responsive">
139
140
141
142
143
144
145
146
		  <video id='my-video' class='video-js' controls preload='auto' width='560' height='314'
		  poster='images/Web-site.png' data-setup='{}'>
		    <source src='https://peertube.social/download/videos/19ccad68-9ea8-4c43-970f-8ab6e4292c31-720.mp4' type='video/mp4'>
		    <p class='vjs-no-js'>
		      To view this video please enable JavaScript, and consider upgrading to a web browser that
		      <a href='#' target='_blank'>supports HTML5 video</a>
		    </p>
		  </video>
Bady's avatar
Bady committed
147
148
          </div>
        </div>
Bady's avatar
Bady committed
149

Bady's avatar
Bady committed
150
151
152
153
154
155
156
        <div class="wow fadeInUp col-md-6 col-sm-6" data-wow-delay="0.9s">
          <h3>Fund Poddery Campaign</h3>
          <p>Folks, we have been running poddery.com for last 6 years, started as a diaspora pod, with xmpp and matrix added later, all using the same username and password.</p>
          <p>When a lot of computing moved to "cloud", we have to step up our game to have Free Software based services and collective control.</p>
          <p>Since social media has network effect (you have to use the services used by your friends), it is much harder to get people to switch, though technically it is much simpler compared to GNU/Linux installation in the early days.</p>
          <p>It is fully funded and managed by the Free Software Community of India. Now we need your help to make our third crowd funding campaign successful. Contribute and share the campaign. https://fund.poddery.com/ You can also join the team and help run the service, there are technical, design and non technical tasks you can help with. </p>
        </div>
Bady's avatar
Bady committed
157

Bady's avatar
Bady committed
158
159
160
        <div class="row text-center" style="margin-top: 20px; margin-bottom: 20px;">
          <a href="https://fund.poddery.com" target="_blank" style="margin-left:12px;"><button type="button" class="btn btn-success">CONTRIBUTE</button></a>
        </div>
Bady's avatar
Bady committed
161

Bady's avatar
Bady committed
162
163
164
      </div>
    </div>
  </section>
Bady's avatar
Bady committed
165
166

<!-- =========================
Bady's avatar
Bady committed
167
     DETAIL SECTION
Bady's avatar
Bady committed
168
============================== -->
Bady's avatar
Bady committed
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
  <section id="detail" class="parallax-section">
    <div class="container">
      <div class="row">

        <div class="wow fadeInLeft col-md-4 col-sm-4" data-wow-delay="0.3s">
          <i class="fa fa-eye-slash"></i>
          <h3>Privacy aware</h3>
          <p>The online social world where you are in control of your own data. Share what you want with whom you want.</p>
        </div>

        <div class="wow fadeInUp col-md-4 col-sm-4" data-wow-delay="0.6s">
          <i class="fa fa-wrench"></i>
          <h3>Free Software</h3>
          <p>Our software is completely free, so grab the code and host it wherever you want!</p>
        </div>

        <div class="wow fadeInRight col-md-4 col-sm-4" data-wow-delay="0.9s">
          <i class="fa fa-users"></i>
          <h3>Creative community</h3>
          <p>Meet people from all over the world who love the Internet and want to see it free as much as you do.</p>
        </div>
Bady's avatar
Bady committed
190

Bady's avatar
Bady committed
191
192
193
      </div>
    </div>
  </section>
Bady's avatar
Bady committed
194
195

<!-- =========================
Bady's avatar
Bady committed
196
     VIDEO SECTION
Bady's avatar
Bady committed
197
============================== -->
Bady's avatar
Bady committed
198
199
200
201
202
203
204
205
206
207
208
209
  <section id="video" class="parallax-section">
    <div class="container">
      <div class="row">

        <div class="wow fadeInUp col-md-6 col-sm-10" data-wow-delay="1.3s">
          <h3>Poddery.com, is one of the earliest and biggest diaspora social networking host.</h3>
          <p>Diaspora is a culture. A culture against the loss of personal privacy by the corporate social network giants. Diaspora enables you to keep your data with you and provides the flexibility to choose what you share. Since your data is stored on your own computer and not a single company's servers you are in control of your data.</p>
          <p>Diaspora, being a distributed system, is actually a network of multiple instances of the software Diaspora. These instances are called pods. You can think of it like a mobile service provider or an email provider. You can chose to have diaspora account from any of these accounts from <a href="https://podupti.me">podupti.me</a> or you can choose poddery to be your diaspora host.</p>
        </div>

        <div class="wow fadeInUp col-md-6 col-sm-10 video" data-wow-delay="1.6s">
          <div class="img img-responsive">
210
211
212
213
214
215
216
217
218
219
220
		<!-- <a href="https://www.youtube.com/embed/7Rr-FVe14Yo"><img class="img img-responsive" src="images/watch.png"></a> -->

		  <video id='my-video' class='video-js' controls preload='auto' width='560' height='314'
		  poster='images/Diaspora_dandy_logo_thumbnail.png' data-setup='{}'>
		    <source src='https://peertube.social/download/videos/6133bfc6-ed5b-4f47-b21c-c6f26c500851-314.mp4' type='video/mp4'>
		    
		    <p class='vjs-no-js'>
		      To view this video please enable JavaScript, and consider upgrading to a web browser that
		      <a href='#' target='_blank'>supports HTML5 video</a>
		    </p>
		  </video>
Bady's avatar
Bady committed
221
222
223
224
225
226
          </div>
        </div>

      </div>
    </div>
  </section>
Bady's avatar
Bady committed
227
228

<!-- =========================
Bady's avatar
Bady committed
229
     MATRIX SECTION
Bady's avatar
Bady committed
230
============================== -->
Bady's avatar
Bady committed
231
232
233
  <section id="register" class="parallax-section">
    <div class="container">
      <div class="row">
Bady's avatar
Bady committed
234

Bady's avatar
Bady committed
235
236
237
        <div class="wow fadeInUp col-md-6 col-sm-6" data-wow-delay="0.6s">
          <a href="https://matrix.org/"><img src="images/matrix.png" class="img-responsive matrix" alt="Matrix"></a>
        </div>
Bady's avatar
Bady committed
238

Bady's avatar
Bady committed
239
240
241
242
243
244
245
246
247
        <div class="wow fadeInUp col-md-6 col-sm-6" data-wow-delay="0.9s">
          <h2>Matrix</h2>
          <p>Matrix is a decentralised instant messenger which supports end to end encryption and file sharing. You can connect with your friends and communities here.</p>
          <p><a href="https://matrix.org">Matrix</a> by default allows you to integrate with IRC and other communication medias. Riot is a client side application with slack like interface and with markdown support.</p>
        </div>

      </div>
    </div>
  </section>
Bady's avatar
Bady committed
248
249

<!-- =========================
Bady's avatar
Bady committed
250
     XMPP SECTION
Bady's avatar
Bady committed
251
252
============================== -->

Bady's avatar
Bady committed
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
  <section id="overview" class="parallax-section">
    <div class="container">
      <div class="row">

        <div class="wow fadeInUp col-md-6 col-sm-6" data-wow-delay="0.9s">
          <h2>XMPP</h2>
          <p>Poddery supports chatting among your contacts in Diaspora and anybody with an account on a service supporting <a href="https://xmpp.org">XMPP</a>. You need to enable chat on your Poddery account to make use of it. See this tutorial for help. There are various chat clients available for your PC, tablet or phone.</p>
        </div>

        <div class="wow fadeInUp col-md-6 col-sm-6" data-wow-delay="0.6s">
          <a href="https://xmpp.org/"><img src="images/xmpp.png" class="img-responsive xmpp" alt="xmpp"></a>
        </div>

      </div>
    </div>
  </section>
Bady's avatar
Bady committed
269
270

<!-- =========================
Bady's avatar
Bady committed
271
     FSCI SECTION
Bady's avatar
Bady committed
272
============================== -->
Bady's avatar
Bady committed
273
274
275
  <section style="background-color:white;padding-top:30px;padding-bottom:30px;">
    <div class="container">
      <div class="row">
Bady's avatar
Bady committed
276

Bady's avatar
Bady committed
277
278
279
        <div class="col-md-12 col-sm-12 wow bounceIn">
          <div class="section-title" style="text-align:center;">
            <h2>FSCI</h2>
Bady's avatar
Bady committed
280
          </div>
Bady's avatar
Bady committed
281
        </div>
Bady's avatar
Bady committed
282

Bady's avatar
Bady committed
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
        <div class="container">
          <div class="row">
            <div class="wow fadeInUp col-md-6 col-sm-6" data-wow-delay="0.6s">
              <a href="http://fsci.org.in/"><img src="images/fsci.png" class="img-responsive fsci" alt="fsci"></a>
            </div>
            <div class="wow fadeInUp col-md-6 col-sm-6" data-wow-delay="0.9s">
              <h3><a href="http://fsci.org.in/">Free Software Community of India</a> co-ordinates the FOSS related activities in India.</h3>
              <p>Free Software Community of India connects organisations that follow Free Software Philosophy all over India. If you want to join the movement, you can participate in the loomio discussion here. There is also a wiki maintained by FSCI, can act as a resource hub for everyone. You can also search for free software community near you from <a href="https://fsci.org.in">here</a>.</p>
            </div>
          </div>
        </div>

      </div>
    </div>
  </section>
Bady's avatar
Bady committed
298
299

<!-- =========================
Bady's avatar
Bady committed
300
    SPONSOR SECTION
Bady's avatar
Bady committed
301
============================== -->
Bady's avatar
Bady committed
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
  <section id="program" class="parallax-section">
    <div id="poddery-sponsors" class="container anchor">
      <div class="row">

        <div class="wow fadeInUp col-md-12 col-sm-12" data-wow-delay="0.6s">
          <div class="section-title">
            <h2>Our Sponsors</h2>
            <p>There were two rounds of Save Poddery Campaign, here are some contributors who helped us to maintain poddery all these years.</p>
          </div>
        </div>

        <div role="tabpanel" class="tab-pane active" id="fday">

          <div class="col-md-4">
            <div class="sponsor-img"> <img src="images/AP.jpg" class="img img-responsive" alt="Anoop Panavalappil"></div>
            <h3>Anoop Panavalappil</h3>
          </div>

          <div class="col-md-4">
            <div class="sponsor-img"><img src="images/anish.jpg" class="img img-responsive" alt="Anish Sheela"></div>
            <h3>Anish Sheela</h3>
          </div>

          <div class="col-md-4">
            <div class="sponsor-img"><img src="images/pirate_praveen.jpg" class="img-responsive" alt="Praveen Arimbrathodiyil"></div>
            <h3>Praveen Arimbrathodiyil</h3>
          </div>
Bady's avatar
Bady committed
329

Bady's avatar
Bady committed
330
331
332
333
        </div>
      </div>
    </div>
  </section>
Bady's avatar
Bady committed
334
335

<!-- =========================
Bady's avatar
Bady committed
336
     FAQ SECTION
Bady's avatar
Bady committed
337
============================== -->
Bady's avatar
Bady committed
338
339
340
  <section id="faq" class="parallax-section">
    <div id="poddery-contribute" class="container anchor">
      <div class="row">
Bady's avatar
Bady committed
341

Bady's avatar
Bady committed
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
        <div class="wow bounceIn col-md-offset-2 col-md-8 col-sm-offset-1 col-sm-10 text-center">
          <div class="section-title">
            <h2 style="color:white;">How can you contribute?</h2>
          </div>
        </div>

        <div class="wow fadeInUp col-md-offset-1 col-md-10 col-sm-offset-1 col-sm-10" data-wow-delay="0.9s">
          <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingOne">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
                    Contribute to the code
                  </a>
                </h4>
              </div>
              <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                <div class="panel-body">
                  <p>If you are a developer, you can contribue to code at fosscommunity <a href="https://git.fosscommunity.in/community">gitlab repo</a>.</p>
                </div>
              </div>
            </div>
Bady's avatar
Bady committed
365

Bady's avatar
Bady committed
366
367
368
369
370
371
372
373
374
375
376
377
378
379
            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingTwo">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                    Contribute to the documentation
                  </a>
                </h4>
              </div>
              <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                <div class="panel-body">
                  <p>If you are not a programmer, you can contribute by adding documentation in <a href="http://wiki.fsci.org.in/">wiki</a>.</p>
                </div>
              </div>
            </div>
Bady's avatar
Bady committed
380

Bady's avatar
Bady committed
381
382
383
384
385
386
387
388
389
390
391
392
393
394
            <div class="panel panel-default">
              <div class="panel-heading" role="tab" id="headingThree">
                <h4 class="panel-title">
                  <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                    Join discussions
                  </a>
                </h4>
              </div>
              <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                <div class="panel-body">
                  <p>Join discussions at our <a href="https://www.loomio.org/g/2bjVXqAu/fosscommunity-in-poddery-com-maintainer-s-group">Loomio group</a> or you can participate at <a href="https://riot.im/app/#/room/#poddery:poddery.com">matrix discussions</a>.</p>
                </div>
              </div>
            </div>
Bady's avatar
Bady committed
395

Bady's avatar
Bady committed
396
397
          </div>
        </div>
Bady's avatar
Bady committed
398

Bady's avatar
Bady committed
399
400
401
      </div>
    </div>
  </section>
Bady's avatar
Bady committed
402

Bady's avatar
Bady committed
403
404
405
406
407
408
<!-- =========================
     CONTACT SECTION
============================== -->
  <section id="sponsors" class="parallax-section">
    <div id="poddery-contact" class="container anchor">
      <div class="row">
Bady's avatar
Bady committed
409

Bady's avatar
Bady committed
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
        <div class="wow bounceIn col-md-12 col-sm-12">
          <div class="section-title">
            <h2>JOIN US ON..</h2>
          </div>
        </div>

        <div class="wow fadeInUp col-md-4 col-xs-12" data-wow-delay="0.3s">
          <a href="https://www.loomio.org/g/2bjVXqAu/fosscommunity-in-poddery-com-maintainer-s-group">
            <img src="images/loomio.png" class="img-responsive" alt="sponsors"></a>
        </div>

        <div class="wow fadeInUp col-md-4 col-xs-12" data-wow-delay="0.6s">
          <a href="https://diasp.in/u/poddery">
            <img src="images/Diaspora.png" class="img-responsive" alt="sponsors"> </a>
        </div>

        <div class="wow fadeInUp col-md-4 col-xs-12" data-wow-delay="0.9s">
          <a href="https://riot.im/app/#/room/#poddery:poddery.com">
            <img src="images/matrixbl.png" class="img-responsive" alt="sponsors"></a>
        </div>
      </div>
    </div>
  </section>
Bady's avatar
Bady committed
433
434

<!-- =========================
Bady's avatar
Bady committed
435
     FOOTER SECTION
Bady's avatar
Bady committed
436
============================== -->
Bady's avatar
Bady committed
437
438
439
  <footer>
    <div class="container">
      <div class="row">
Bady's avatar
Bady committed
440

Bady's avatar
Bady committed
441
        <div class="col-md-12 col-sm-12">
Bady's avatar
Bady committed
442
443
444
445
446
          <p class="wow fadeInUp" data-wow-delay="0.6s">
            Copyheart ❤️
            <span class="sm-br">Improve this site at <a rel="nofollow" href="https://git.fosscommunity.in/community/poddery.com" target="_blank">git.fosscommunity.in</a>.</span>
            <span class="sm-br">Original source available at <a href="https://templatemo.com/tm-486-new-event" target="_blank">Templatemo.com</a></span>
          </p>
Bady's avatar
Bady committed
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
        </div>

      </div>
    </div>
  </footer>

  <!-- Back to top -->
  <a href="#back-top" class="go-top"><i class="fa fa-angle-up"></i></a>

<!-- =========================
     SCRIPTS
============================== -->
  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.parallax.js"></script>
  <script src="js/smoothscroll.js"></script>
  <script src="js/wow.min.js"></script>

Noorul's avatar
Noorul committed
465
<script src='js/video.min.js'></script>
Noorul's avatar
Noorul committed
466

Bady's avatar
Bady committed
467
468
  <!-- Custom JS -->
  <script src="js/custom.js"></script>
Bady's avatar
Bady committed
469
  <script src="js/progress-bar.js"></script>
Bady's avatar
Bady committed
470
471
</body>
</html>