-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
838 lines (780 loc) · 46.2 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
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
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-P7LDZVR0ZS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-P7LDZVR0ZS');
</script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>NDI Youth Leading Debate</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/agency.css" rel="stylesheet">
</head>
<button onclick="topFunction()" id="myBtn" title="Go to top"><img id="doubleup" src="img\double-up-arrow-01.svg"></button>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="index.html">YLD</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" id="menu-navbar">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="about.html">About the Initiative</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">Chapters</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#examples">Program Examples</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">Resources</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container">
<div class="intro-text">
<div class="intro-lead-in text-white">Youth Leading Debate</div>
<div class="intro-heading text-uppercase text-white">Developing Political skills through the art of debate</div>
<a class="btn iconPic btn-primary btn-xl text-uppercase js-scroll-trigger" href="about.html">Tell Me More</a>
</div>
</div>
</header>
<!-- Services -->
<section class="page-section" id="services">
<div class="container ">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Chapters</h2>
</div>
</div>
<!-- <div class="row tiles" id="big-grey-box">
<div class="col-md-3 col-sm-6 portfolio-bg grey-parent" id="debate-pol-particip">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal8">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-check-square fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="portfolio-caption">
<div class="bold-chapter"><h4>Debate and Political Participation</h4></div>
<div class="chapter-desrip"><p class="text-muted">Describes how competitive debate supports youth political participation and the development of relevant skills.
</p></div>
</div>
<div class="portfolio-bg btn-pad" id="debate-pol-particip-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a class="portfolio-link" data-toggle="modal" href="#portfolioModal8">Read more A</a></button>
<hr class="btn-hr">
</div>
</div>
<div class="col-md-3 col-sm-6 portfolio-bg grey-parent" id="design-youth-debate-prog">
<a href="structure.html">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-balance-scale fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="portfolio-caption">
<div class="bold-chapter"><h4>Designing a Youth Debate Program</h4></div>
<div class="chapter-desrip"><p class="text-muted">Includes guidance for creating and implementing a youth debate program using the YLD model.
</p></div>
</div>
<div class="portfolio-bg btn-pad" id="design-youth-debate-prog-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a href="structure.html">Read more b</a></button>
<hr class="btn-hr">
</div>
</div>
<div class="col-md-3 col-sm-6 portfolio-bg grey-parent" id="program-examples">
<a href="#examples">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-check-square fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="portfolio-caption">
<div class="bold-chapter"><h4>Program Examples</h4></div>
<div class="chapter-desrip"><p class="text-muted">Each country example describes unique features for youth debate programs considering the context, country, and program budget.
</p></div>
</div>
<div class="portfolio-bg btn-pad" id="program-examples-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a href="#examples">Read more C</a></button>
<hr class="btn-hr">
</div>
</div>
<div class="col-md-3 col-sm-6 portfolio-bg grey-parent" id="resources-link">
<a href="#portfolio">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-check-square fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="portfolio-caption">
<div class="bold-chapter"><h4>Resources</h4></div>
<div class="chapter-desrip"><p class="text-muted">This section contains program resources, including NDI’s Debate Program Manual, NDI’s Debate Instruction Manual, NDI’s Tournament Manual, and sample materials.</p></div>
</div>
<div class="portfolio-bg btn-pad" id="resources-link-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a href="#portfolio">Read more D</a></button>
</div>
</div>
</div> -->
<!-- ********** Read More buttons separated **********-->
<div class="row tiles">
<div class="col-lg-3 portfolio-bg">
<div class="portfolio-caption">
<a href="structure.html">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-balance-scale fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="bold-chapter"><h4>Debate and Political Participation</h4></div>
<div class="chapter-desrip"><p class="text-muted">Describes how competitive debate supports youth political participation and the development of relevant skills.
</p></div>
<button class="btn btn-primary text-uppercase btn-grusk"><a class="portfolio-link" data-toggle="modal" href="#portfolioModal8">Read more</a></button>
</div>
</div>
<div class="col-lg-3 portfolio-bg">
<div class="portfolio-caption">
<a href="structure.html">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-balance-scale fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="bold-chapter"><h4>Designing a Youth Debate Program</h4></div>
<div class="chapter-desrip"><p class="text-muted">Includes guidance for creating and implementing a youth debate program using the YLD model.
</p></div>
<button class="btn btn-primary text-uppercase btn-grusk"><a href="structure.html">Read more</a></button>
</div>
</div>
<div class="col-lg-3 portfolio-bg">
<div class="portfolio-caption">
<a href="#examples">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-check-square fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="bold-chapter"><h4>Program Examples</h4></div>
<div class="chapter-desrip"><p class="text-muted">Each country example describes unique features for youth debate programs considering the context, country, and program budget.
</p></div>
<button class="btn btn-primary text-uppercase btn-grusk"><a href="#examples">Read more</a></button>
</div>
</div>
<div class="col-lg-3 portfolio-bg">
<div class="portfolio-caption">
<a href="#portfolio">
<div class="portfolio-hover icon">
<div class="portfolio-hover-content fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas iconPic fa-check-square fa-stack-1x fa-inverse"></i>
</div>
</div>
</a>
<div class="bold-chapter"><h4>Resources</h4></div>
<div class="chapter-desrip"><p class="text-muted">This section contains program resources, including NDI’s Debate Program Manual, NDI’s Debate Instruction Manual, NDI’s Tournament Manual, and sample materials.</p></div>
<button class="btn btn-primary text-uppercase btn-grusk"><a href="#portfolio">Read more</a></button>
</div>
</div>
</div>
<!-- <div class="row tiles">
<div class="col-md-3 col-sm-6 portfolio-bg btn-pad" id="debate-pol-particip-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a class="portfolio-link" data-toggle="modal" href="#portfolioModal8">Read more</a></button>
</div>
<div class="col-md-3 col-sm-6 portfolio-bg btn-pad" id="design-youth-debate-prog-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a href="structure.html">Read more</a></button>
</div>
<div class="col-md-3 col-sm-6 portfolio-bg btn-pad" id="program-examples-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a href="#examples">Read more</a></button>
</div>
<div class="col-md-3 col-sm-6 portfolio-bg btn-pad" id="resources-link-btn">
<button class="btn btn-primary text-uppercase btn-grusk"><a href="#portfolio">Read more</a></button>
</div>
</div> -->
</div>
</section>
<!-- About -->
<section class="about-section">
<div class="container">
<div class="intro-text">
<div class="intro-lead-in text-white about-text">"In a sense, we can say that debate is a path that will lead us to a more tolerant society...being a tolerant society that accepts differences, we will surely become a creative, logical, critical and constructive society that recognizes it is our differences that become a motor to generate ideas.” - Otto Barrientos, Quetzaltenango</div>
<div class="intro-heading text-white">To read more about the importance of youth debate, visit <br>“11 Reasons why youth debates are crucial to a democracy”</div>
<a class="btn iconPic btn-primary btn-xl text-uppercase js-scroll-trigger" href="https://drive.google.com/file/d/1VPjTp34X63vaypOAsficEVmwioN42pzS/view?usp=sharing" target="_blank">Read More</a>
</div>
</div>
</section>
<!-- Program Examples -->
<section class="page-section" id="examples">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase"><a href="examples.html">Program examples</a></h2>
<p>Youth policy debate as an integrated component of youth political participation programs with built-in opportunities for young people to practice their newfound skills during debate competitions and through other program activities. Each country example highlights unique debate program variations based on the country context, the creativity of the youth participants and the political environment.</p>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="timeline">
<li>
<div class="timeline-image">
<a href="examples.html#Zambia"><img class="rounded-circle img-fluid" src="img/about/ZambiaDebates.jpg" alt="Zambia debates"></a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading">Zambia:<br><span class="timeline-subhead">#YouthDebateZambia</span></h4>
</div>
<div class="timeline-body">
<p class="text-muted">In collaboration with the <a href="https://www.cylazambia.org/" target="_blank"> Centre for Young Leaders in Africa</a> (CYLA) and <a href="https://youth4parliament.com" target="_blank">Youth4Parliament</a>, NDI gathered young people from political parties and civil society organizations to develop their debate skills and generate discussion on critical issues in Zambia.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<a href="examples.html#Lebanon"><img class="rounded-circle img-fluid" src="img/about/Lebanon1.jpg" alt="Lebanon debates program"></a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading">Lebanon: <br><span class="timeline-subhead">Sar el Wa2et (It’s About Time)</span></h4>
</div>
<div class="timeline-body">
<p class="text-muted">In collaboration with a recurring primetime television program hosted by famed political talk show personality Marcel Ghanem, called “Sar el Waqet” (“It’s About Time”), NDI-trained students debate draft laws and discuss them with elected officials.</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<a href="examples.html#Guatemala"><img class="rounded-circle img-fluid" src="img/about/Guatemala.jpg" alt="Guatemala Debates"></a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading"><a class="portfolio-link">Guatemala: <br><span class="timeline-subhead">Jóvenes Liderando Debates (Young People Leading Debate)</span></a></h4>
</div>
<div class="timeline-body">
<p class="text-muted"> Jóvenes Liderando Debates is a nine-month program to help politically active young people learn the art of competitive policy debate. The program consisted of policy dialogues, debate training and regional and national debate competitions.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<a href="examples.html#Moldova"><img class="rounded-circle img-fluid" src="img/about/Moldova.jpg" alt="Moldova debates"></a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading">Moldova: <br><span class="timeline-subhead">Challenger</span></h4>
</div>
<div class="timeline-body">
<p class="text-muted">Challenger is a one-year program that offers intensive training and practical exercises to a select group of young professionals. During the program, participants attend a policy debate school, playing the role of “government” and “opposition”.</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<a href="examples.html#Jordan"><img class="rounded-circle img-fluid" src="img/about/JordanGroup.jpg" alt="Jordan Celebrations"></a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading">Jordan: <br><span class="timeline-subhead">Ana Usharek (I Participate)</span></h4>
</div>
<div class="timeline-body">
<p class="text-muted">In Jordan, NDI is partnering with Universities to help young people use democratic methods and community action to become invested in their nation’s future. Through debates, students openly discuss democratic practices and current events.
</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<a href="examples.html#Libya"><img class="rounded-circle img-fluid NDI-pic" src="img/about/LibyaHSP.jpg" alt="Libya High school Program"></a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading">Libya: <br><span class="timeline-subhead">High School Debates Program</span></h4>
</div>
<div class="timeline-body">
<p class="text-muted">In Libya, NDI is partnering with the Dialogue and Debate Association (DDA) to implement a high school debate program. DDA’s debate programs, conducted in cooperation with the Ministry of Education, aid students in developing vital skills with the goal of making changes in their communities</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<a href="examples.html#Armenia"><img class="rounded-circle img-fluid NDI-pic" src="img/about/armenia.jpg" alt="Armenian Debates"></a>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="subheading">Armenia: <br><span class="timeline-subhead">Debathon</span></h4>
</div>
<div class="timeline-body">
<p class="text-muted">In Armenia, NDI’s Debathon youth debate program serves as a platform for non-affiliated Armenian youth to engage in political dialogue and develop their skills in advocating for political needs.
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid -->
<section class="bg-light page-section" id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading text-uppercase">Resources</h2>
<h3 class="section-subheading text-muted">This section contains program resources, including NDI’s Debate Program Manual, Debate Instruction Manual, and Tournament Manual.</h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal1">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/NDI_YLD_PROGRAM.png" alt="program manual">
</a>
<div class="portfolio-caption">
<h4>Program Manuals</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal2">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/NDI_PROMAT.jpg" alt="">
</a>
<div class="portfolio-caption">
<h4>Program Materials</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal3">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/Youth-candidates-with-sign-language-interpreter_cropped.png" alt="">
</a>
<div class="portfolio-caption">
<h4> Youth Debate Videos</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal4">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/about/IYD_PODCAST_BANNER_1_0_0.png" alt="Podcast photo">
</a>
<div class="portfolio-caption">
<h4>DemWorks Podcast</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal5">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/Zambia.png" alt="Zambia debate photo">
</a>
<div class="portfolio-caption">
<h4>Additional Resources</h4>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a class="portfolio-link" data-toggle="modal" href="#portfolioModal6">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/NDI_MANUAL.jpg" alt="girl reading photo">
</a>
<div class="portfolio-caption">
<h4>External Resources</h4>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<span class="copyright">Copyright © NDI Youth leading Debate 2020</span>
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<li class="list-inline-item">
<a href="#">Privacy Policy</a>
</li>
<li class="list-inline-item">
<a href="#">Terms of Use</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline">
<li class="list-inline-item">
<img class="img-fluid" src="img/footer_cepps.png" alt="CEPPS logo">
</li>
<li class="list-inline-item">
<img class="img-fluid" src="img/footer_ndi.png" alt="NDI logo">
</li>
<li class="list-inline-item">
<img class="img-fluid" src="img/footer-ned.png" alt="NED logo">
</li>
<li class="list-inline-item">
<img class="img-fluid" src="img/footer_usaid.png" alt="USAID logo">
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Portfolio Modals -->
<!-- Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Program Manuals</h2>
<img class="img-fluid d-block mx-auto" src="img/portfolio/NDI_YLD_INSTRMAN.png" alt="">
<ol class="list-inline">
<p>The Youth Leading Debate Program Manual provides guidance for implementing a youth debate program. The manual draws on lessons learned from implementing a debate program for politically active young people in Guatemala, as well as NDI youth debate programs in Jordan and Moldova.
<li><a href="https://www.ndi.org/sites/default/files/YLD%20Program%20Manual.pdf" target="_blank" class="link">NDI Debate and Tournament Manual</a></li>
</p>
<p>The Youth Leading Debate Instruction Manual is a technical reference for program facilitators and participants. This manual provides a comprehensive introduction to policy debate and draws on resources and tools developed by global youth debate organizations and debate instructors. This manual also contains a 10-module program curriculum with step-by-step instructions for program facilitators.
<li><a href="https://www.ndi.org/sites/default/files/YLD%20Instruction%20Manual.pdf" target="_blank"class="link">NDI Instruction Manual</a></li>
</p>
</ol>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Program Materials</h2>
<img class="img-fluid d-block mx-auto" src="" alt="">
<h3>Guatemala: Youth Leading Debate</h3>
<ul class="list-inline">
<li><a href="https://drive.google.com/file/d/1EaquOjICcZ3z5Ifs_V_o4nhLKdldDhVK/view" target="_blank" class="link">Policy Dialogue Agenda</a></li>
<li><a href="https://drive.google.com/file/d/1fVF7j33MVazg3TgAkvflllU5TgHgdhmN/view" target="_blank" class="link">Debate Bootcamp Application</a></li>
<li><a href="https://drive.google.com/file/d/11CppBudbednoJbGwY0kiYvmlf0dkiN7C/view" target="_blank" class="link">Debate Bootcamp Agenda</a></li>
<li><a href="https://drive.google.com/file/d/1iz2V5U5ddNlMTyu15llOX318V9JY3fff/view" target="_blank" class="link">Regional Debate Tournament Agenda</a></li>
<li><a href="https://drive.google.com/file/d/10zZx4YA2tNd5S0W9QCRjxbYnG98F9MDa/view" target="_blank" class="link">Regional & National Debate Competition Topics</a></li>
<li><a href="https://drive.google.com/file/d/1dlMB6VdJ2tgTORJhd5XdxuewX1Vacuhc/view" target="_blank" class="link">Sample Debate Scorecard</a></li>
<li><a href="https://drive.google.com/file/d/1EdOJSvzbttz_-PBjmJlfGihi8_EYI6aQ/view" target="_blank" class="link">Policy Debate Rules</a></li>
<li><a href="https://drive.google.com/file/d/1jBGHCChRm_PVAll5xXZhItnqdFynKsJQ/view" target="_blank" class="link">Inclusion Considerations</a></li>
</ul>
<h3>Jordan: Ana Usharek</h3>
<ul class="list-inline">
<li><a href="https://drive.google.com/file/d/1TvXcnHFw_gB9ln6F3BOmJ0_0xDSaQUJC/view" target="_blank" class="link">Jordan Debate Skills Manual</a></li>
</ul>
<h3>Zambia: #YouthDebateZambia</h3>
<ul class="list-inline">
<li><a href="https://drive.google.com/file/d/17rCfZyE-nXtER6j6VZtRBTp_M-Xo2a6k/view" target="_blank" class="link">Youth Debate Participant Manual</a></li>
</ul>
<h3>Moldova: Challenger</h3>
<ul class="list-inline">
<li><a href="https://drive.google.com/file/d/1l7Ks_2T1wiGT33xv5JfxezZUuvl3bTuu/view" target="_blank" class="link">Challenger Overview</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Youth Debate Videos</h2>
<img class="img-fluid d-block mx-auto" src="img/portfolio/modal_photo.jpg" alt="Debate Video Photo">
<ul class="list-inline">
<li>Guatemala:<a href="https://www.youtube.com/watch?v=nwWKzt7Iywk&t=8s" target="_blank" class="link" >Youth Leading Debate: National Tournament</a></li>
<li>Guatemala:<a href="https://www.youtube.com/watch?v=hBVnhnCKjng&t=24s" target="_blank" class="link">Debate Bootcamp: Coban, Guatemala</a></li>
<li>Jordan:<a href="https://www.youtube.com/watch?v=l0txRKeMDFI&list=UUPXonRr7om1zqugDYUAOPXg&index=43&t=0s" target="_blank" class="link">National Student Debate Competition</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 4 -->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">DemWorks Podcast</h2>
<iframe width="100%" height="300" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/874089433&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/user-819541725" title="National Democratic Institute" target="_blank" style="color: #cccccc; text-decoration: none;">National Democratic Institute</a> · <a href="https://soundcloud.com/user-819541725/24-increasing-youth-political-inclusion-through-debate" title="24. Increasing Youth Political Inclusion through Debate" target="_blank" style="color: #cccccc; text-decoration: none;">24. Increasing Youth Political Inclusion through Debate</a></div>
<ul class="list-inline">
<p>To celebrate International Youth Day 2020 Rachel Mims, Senior Program Officer for Youth Political Participation at NDI, is joined by three young leaders from Zambia, Lebanon, and Moldova. They discuss competitive youth debate as an opportunity to build political skills, actively contribute to solving social problems, and create greater space for youth inclusion in public life.</p>
<li><a href="https://soundcloud.com/user-819541725/24-increasing-youth-political-inclusion-through-debate" target="_blank" class="link">Youth Political Inclusion and The Art of Competitive Debate</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 5 -->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Additional Resources</h2>
<img class="img-fluid d-block mx-auto" src="img/about/11reasons.png" alt="11 reasons why photo">
<ul class="list-inline">
<li><a href="https://drive.google.com/file/d/1CIdWEDgGQyhOLSNWhyleAd_eQ2VT3h49/view?usp=sharing" target="_blank" class="link">11 Reasons why youth debates are crucial to a democracy</a></li>
<li><a href="https://www.ndi.org/sites/default/files/Civic%20Update%202017%20-%20A%20New%20Side%20of%20Skills%20Development_0.pdf" target="_blank" class="link">Civic Update: A New Side of Soft Skills Development</a></li>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 6 -->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">External Websites</h2>
<img class="img-fluid d-block mx-auto" src="" alt="">
<ul class="list-inline">
<p>
<li><a href="http://www.urbandebatewashingtondc.org/" target="_blank" class="link">Washington Urban Debate League
</a></li>
The mission of Urban Debate is simple, teach urban kids to think, communicate, collaborate, and love learning. The Washington Urban Debate League uses debate as a transformative educational opportunity to re-engage students and teach them portable skills such as critical thinking, research, public speaking, and advocacy that they will use in their future educational and career pursuits, and to contribute to their communities.
</p>
<p>
<li><a href="http://www.debatesinternational.org/" target="_blank" class="link">Debates International</a></li>
This website, managed by NDI, and is intended to serve as a comparative international resource for groups organizing candidate debates for a range of elected offices. The site includes examples of practical organizational and production information from debate sponsoring organizations from around the globe, primarily members of Debates International, an informal association of new and longstanding debate groups.
</p>
<p>
<li><a href="https://www.ndi.org/youth-political-participation-programming-guide" target="_blank" class="link">Youth Political Participation Guide</a></li>
The Youth Political Participation Programming Guide is designed to help democracy and governance practitioners deliver more effective youth programs. The guide draws on the needs and perspectives expressed by young political leaders and activists from four global regions, lessons learned from NDI programs involving youth, and the work of other democracy & governance assistance organizations.
</p>
</ul>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase">Guatemala</h2>
<p class="item-intro text-muted">Jóvenes Liderando Debates (Youth Leading Debate)</p>
<img class="img-fluid d-block mx-auto" src="" alt="">
<p>With financial support from the National Endowment for Democracy (NED), NDI developed a policy dialogue and debate program to support young people develop a range of political assets, increase the profile and credibility of their political voices, and connect them with public policymakers. At the start of the program, NDI developed a dialogue and debate methodology that incorporated NDI’s youth theory of change, NDI’s in-house debates expertise, and lessons learned supporting youth debates globally, including the Ana Usharek program in Jordan and the Challenger program in Moldova.
</p>
<ol class="list-inline"> <u>Program Features</u>
<li>Participants were civil society youth and party-affiliated young people
</li>
<li>Three cities: Coban; Guatemala City; Quetzaltenango
</li>
<ul class="list-inline"><u>Program Components</u>
<li>Policy Dialogues</li>
<li>Debate Training Camps</li>
<li>Regional Competitions</li>
<li>National Competitions</li>
</ul>
</ol>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Debate modal-->
<div class="portfolio-modal modal fade" id="portfolioModal8" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl"></div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="modal-body">
<!-- Project Details Go Here -->
<h2 class="text-uppercase"><strong>Democracy and Debate</strong></h2>
<p class="debate">
Debate over local and national policy issues is part of the foundation of democracy and a key aspect of the human right to freedom of expression. Debate generates opposing viewpoints and creates a marketplace of diverse ideas for citizens to consider, thus promoting a culture of healthy public discourse. When individuals think critically about what should be done to improve society and how to express opinions on issues, they hone skills that are necessary to participate in civic and political life. Debate helps citizens become active participants in the decision-making process on issues that affect their lives and communities. As debaters learn to look beyond manipulative or empty appeals and hold elected leaders to a higher standard, they become more likely to demand increased evidence-based policymaking, transparency, and fairness in electoral processes.
</p>
<h2><strong>Competitive Debate</strong></h2>
<p class="debate">Engaging in competitive debate helps young people build their confidence and provides them with the opportunity to cultivate and sharpen specific skills such as critical thinking, listening, communication, and teamwork. Competitive debate helps participants develop a better understanding of perspectives on both sides of complex decisions that have a wide-reaching impact on society. The requirement to “switch sides” allows young people to explore an opposing viewpoint, which helps minimize political polarization and build empathy. Since debates often revolve around topics of local or national importance, young people deepen their knowledge of the evidence and research necessary for policy development and reform. Competitive debate can also be an effective platform for challenging norms regarding young people’s ability to participate. Environments that are structured to explore and display political discourse contribute to developing norms of greater inclusion and respect among political elites and decision-makers. Debate skills are also particularly useful training for activism and political participation. Debate helps participants develop persuasion skills and challenges them to refine their advocacy for different audiences while providing them with an intellectually challenging laboratory to test their ideas. The goal of debate is not only to prepare participants to compete but to improve the level of discourse, paving the way for the productive exchange of ideas and increased collaboration.
</p>
<h2><strong>Youth Leading Debate (YLD)</strong></h2>
<p class="debate">NDI combined various forms of competitive debate, with a focus on policy debate, to create a dialogue and debate model that serves the needs of politically active young people. This model provides young people with the space to have constructive discussions about pressing political and social issues and increases their ability to affect changes in policies around these issues. This program also builds on young people’s current levels of activism by bridging gaps across politically active youth at the local and national levels to develop peer networks and work more collectively and strategically. Debates are also an entry point for political participation where young people can gain confidence in expressing their views, demonstrate their competence to adult leaders, and engage in practical, policy-related discourse. Moreover, for young activists already engaged in organizing efforts, public debate competitions create a platform to increase public awareness of their priorities, build political relationships, and inform direct action.</p>
<button class="btn btn-primary" data-dismiss="modal" type="button">
<i class="fas fa-times"></i>
Close </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Structure modal-->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Contact form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom scripts for this template -->
<script src="js/agency.min.js"></script>
</body>
</html>