PageSourceSearch

https://duddenhill.org/next-program

html duddenhill.org collected 2026-10-08 10:46:40 UTC 49,533 bytes, 1,015 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3<head>
4        <!-- title -->
5        <title>Next Program - Dudden Hill Foundation</title>
6        <meta charset="utf-8">
7        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
8        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
9        <meta name="author" content="Nerdysigns">
10        <meta name="description" content="The Next Program equips final year Nigerian undergraduates with essential soft skills to secure their preferred jobs. Join our comprehensive learning schedule covering CV writing, interviews, Microsoft Office, and Digital Marketing.">
11        <meta name="keywords" content="next program, duddenhill foundation, career development, job market skills, nigerian undergraduates, CV writing, interview skills">
12        <!-- favicon -->
13        <link rel="shortcut icon" href="img/favicon.png">
14        <!-- Google Fonts -->
15        <link rel="preconnect" href="https://fonts.googleapis.com">
16        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
17        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800&family=Archivo:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet">
18        <!-- animation -->
19        <link rel="stylesheet" href="css/animate.css" />
20        <!-- bootstrap -->
21        <link rel="stylesheet" href="css/bootstrap.min.css" />
22        <!-- et line icon --> 
23        <link rel="stylesheet" href="css/et-line-icons.css" />
24        <!-- font-awesome icon -->
25        <link rel="stylesheet" href="css/font-awesome.min.css" />
26        <!-- themify icon -->
27        <link rel="stylesheet" href="css/themify-icons.css">
28        <!-- swiper carousel -->
29        <link rel="stylesheet" href="css/swiper.min.css">
30        <!-- justified gallery -->
31        <link rel="stylesheet" href="css/justified-gallery.min.css">
32        <!-- magnific popup -->
33        <link rel="stylesheet" href="css/magnific-popup.css" />
34        <!-- revolution slider -->
35        <link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" />
36        <link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
37        <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
38        <!-- bootsnav -->
39        <link rel="stylesheet" href="css/bootsnav.css">
40        <!-- style -->
41        <link rel="stylesheet" href="css/style.css" />
42        <!-- responsive css -->
43        <link rel="stylesheet" href="css/responsive.css" />
44        <!--[if IE]>
45            
45<script src="js/html5shiv.js"></script>
45
46        <![endif]-->
47        <style>
48            .next-program-hero {
49                position: relative;
50                background: linear-gradient(135deg, rgba(0, 7, 89, 0.82), rgba(39, 34, 248, 0.82)), url('img/slider.jpg') center/cover no-repeat;
51                padding: 150px 0 130px;
52                min-height: 80vh;
53                z-index: 0;
54                overflow: hidden;
55                display: flex;
56                align-items: center;
57            }
58            .next-program-hero::after {
59                content: '';
60                position: absolute;
61                inset: 0;
62                background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), transparent 65%);
63                pointer-events: none;
64                z-index: 0;
65            }
66            .next-program-hero-content {
67                position: relative;
68                z-index: 2;
69                color: #ffffff;
70            }
71            .next-program-badge {
72                padding: 10px 18px;
73                border-radius: 999px;
74                background: rgba(255, 255, 255, 0.15);
75                color: #ffffff;
76                letter-spacing: 2px;
77                font-size: 12px;
78                text-transform: uppercase;
79                font-weight: 800;
80                font-family: "Inter", "Oswald", sans-serif;
81                margin-bottom: 28px;
82                display: inline-block;
83                backdrop-filter: blur(10px);
84                
85            }
86            .next-program-title {
87                font-size: 56px;
88                line-height: 1.2;
89                font-weight: 700;
90                font-family: "Inter", "Oswald", sans-serif;
91                color: #ffffff;
92                margin-bottom: 24px;
93                letter-spacing: -2px;
94            }
95            .next-program-description {
96                font-size: 18px;
97                line-height: 1.7;
98                color: rgba(255, 255, 255, 0.9);
99                margin-bottom: 36px;
100                font-family: "Archivo", "Arial", sans-serif;
101                font-weight: 300;
102                max-width: 680px;
103                margin-left: auto;
104                margin-right: auto;
105            }
106            .next-program-cta {
107                display: flex;
108                gap: 16px;
109                flex-wrap: wrap;
110                justify-content: center;
111                align-items: center;
112                margin-left: auto;
113                margin-right: auto;
114                width: 100%;
115            }
116            .next-program-btn-primary {
117                background: #7ADFFF;
118                border: 2px solid #7ADFFF;
119                color: #000759 !important;
120                padding: 16px 32px;
121                font-weight: 600;
122                font-family: "Inter", "Oswald", sans-serif;
123                text-transform: uppercase;
124                letter-spacing: 1px;
125                transition: all 0.3s ease;
126                border-radius: 999px;
127            }
128            .next-program-btn-primary:hover {
129                background: #ffffff;
130                border-color: #ffffff;
131                color: #000759 !important;
132                transform: translateY(-2px);
133                box-shadow: 0 12px 30px rgba(122, 223, 255, 0.4);
134            }
135            .next-program-btn-secondary {
136                background: transparent;
137                border: 2px solid rgba(255, 255, 255, 0.4);
138                color: #ffffff !important;
139                padding: 16px 32px;
140                font-weight: 600;
141                font-family: "Inter", "Oswald", sans-serif;
142                text-transform: uppercase;
143                letter-spacing: 1px;
144                transition: all 0.3s ease;
145                border-radius: 999px;
146                backdrop-filter: blur(10px);
147            }
148            .next-program-btn-secondary:hover {
149                background: rgba(255, 255, 255, 0.15);
150                border-color: rgba(255, 255, 255, 0.6);
151                transform: translateY(-2px);
152            }
153            .how-it-works-section {
154                background:#ffffff;
155                padding: 110px 0;
156            }
157            .how-it-works-badge {
158                display: inline-flex;
159                align-items: center;
160                padding: 8px 16px;
161                border-radius: 999px;
162                background: rgba(121, 119, 230, 0.12);
163                color: #002EFE;
164                text-transform: uppercase;
165                letter-spacing: 2px;
166                font-size: 11px;
167                font-weight: 700;
168                font-family: "Inter", "Oswald", sans-serif;
169                margin-bottom: 20px;
170            }
171            .how-it-works-card {
172                background: #ffffff;
173                border-radius: 24px;
174                padding: 40px 32px;
175                box-shadow: 0 24px 55px rgba(15, 23, 42, 0.08);
176                height: 100%;
177                transition: transform 0.35s ease, box-shadow 0.35s ease;
178                border: 1px solid rgba(226, 232, 240, 0.8);
179                text-align: center;
180            }
181            .how-it-works-card:hover {
182                transform: translateY(-8px);
183                box-shadow: 0 32px 75px rgba(39, 34, 248, 0.15);
184            }
185            .how-it-works-icon {
186                width: 80px;
187                height: 80px;
188                border-radius: 20px;
189                display: inline-flex;
190                align-items: center;
191                justify-content: center;
192                font-size: 32px;
193                margin-bottom: 24px;
194                color: #002EFE;
195                background: rgba(39, 34, 248, 0.12);
196                border: 2px solid rgba(39, 34, 248, 0.2);
197                transition: all 0.35s ease;
198            }
199            .how-it-works-card:hover .how-it-works-icon {
200                transform: scale(1.1);
201                box-shadow: 0 8px 20px rgba(39, 34, 248, 0.3);
202            }
203            .how-it-works-card h5 {
204                font-size: 22px;
205                font-weight: 700;
206                font-family: "Inter", "Oswald", sans-serif;
207                color: #0f172a;
208                margin-bottom: 16px;
209                text-transform: uppercase;
210            }
211            .how-it-works-card p {
212                color: rgba(71, 85, 105, 0.8);
213                font-family: "Archivo", "Arial", sans-serif;
214                font-weight: 300;
215                font-size: 15px;
216                line-height: 1.6;
217                margin-bottom: 0;
218            }
219            .courses-section {
220                background: #ffffff;
221                padding: 110px 0;
222            }
223            .courses-badge {
224                display: inline-flex;
225                align-items: center;
226                padding: 8px 16px;
227                border-radius: 999px;
228                background: rgba(121, 119, 230, 0.12);
229                color: #002EFE;
230                text-transform: uppercase;
231                letter-spacing: 2px;
232                font-size: 11px;
233                font-weight: 700;
234                font-family: "Inter", "Oswald", sans-serif;
235                margin-bottom: 20px;
236            }
237            .course-card {
238                border-radius: 24px;
239                overflow: hidden;
240                position: relative;
241                min-height: 100%;
242                box-shadow: 0 30px 60px rgba(15, 23, 42, 0.16);
243                transition: transform 0.35s ease, box-shadow 0.35s ease;
244                display: flex;
245                flex-direction: column;
246                background: #ffffff;
247                border: 1px solid rgba(226, 232, 240, 0.8);
248            }
249            .course-card:hover {
250                transform: translateY(-8px);
251                box-shadow: 0 35px 70px rgba(39, 34, 248, 0.18);
252            }
253            .course-card--primary {
254                background: linear-gradient(135deg, #000759, #002EFE);
255                color: rgba(255, 255, 255, 0.9);
256                border: none;
257            }
258            .course-card--primary h5,
259            .course-card--primary .course-tag,
260            .course-card--primary .course-list li {
261                color: rgba(255, 255, 255, 0.9);
262            }
263            .course-card__body {
264                padding: 35px 32px 32px;
265                display: flex;
266                flex-direction: column;
267                flex: 1;
268            }
269            .course-tag {
270                text-transform: uppercase;
271                font-size: 11px;
272                letter-spacing: 2px;
273                font-weight: 700;
274                font-family: "Inter", "Oswald", sans-serif;
275                padding: 8px 14px;
276                border-radius: 999px;
277                display: inline-block;
278                margin-bottom: 16px;
279                background: rgba(39, 34, 248, 0.12);
280                color: #002EFE;
281            }
282            .course-card--primary .course-tag {
283                background: rgba(255, 255, 255, 0.15);
284                color: rgba(255, 255, 255, 0.9);
285            }
286            .course-card h5 {
287                font-size: 24px;
288                font-weight: 700;
289                font-family: "Inter", "Oswald", sans-serif;
290                margin-bottom: 20px;
291                text-transform: uppercase;
292                color: #0f172a;
293            }
294            .course-list {
295                list-style: none;
296                padding-left: 0;
297                margin-bottom: 24px;
298            }
299            .course-list li {
300                display: flex;
301                align-items: flex-start;
302                font-size: 14px;
303                line-height: 24px;
304                margin-bottom: 12px;
305                font-family: "Archivo", "Arial", sans-serif;
306                font-weight: 300;
307                color: rgba(71, 85, 105, 0.85);
308            }
309            .course-list li span {
310                display: inline-block;
311                width: 10px;
312                height: 10px;
313                border-radius: 50%;
314                margin-right: 12px;
315                margin-top: 8px;
316                background: #002EFE;
317            }
318            .course-card--primary .course-list li span {
319                background: #7adfff;
320            }
321            .course-availability {
322                margin-top: auto;
323                padding-top: 20px;
324                border-top: 1px solid rgba(226, 232, 240, 0.5);
325                font-size: 13px;
326                color: rgba(71, 85, 105, 0.7);
327                font-family: "Archivo", "Arial", sans-serif;
328                font-weight: 300;
329            }
330            .course-card--primary .course-availability {
331                border-top-color: rgba(255, 255, 255, 0.2);
332                color: rgba(255, 255, 255, 0.7);
333            }
334            .cta-section {
335                background: linear-gradient(135deg, #002EFE, #681FFF);
336                padding: 80px 0;
337                color: #ffffff;
338            }
339            .cta-section-content {
340                text-align: center;
341            }
342            .cta-section h3 {
343                font-size: 38px;
344                font-weight: 700;
345                font-family: "Inter", "Oswald", sans-serif;
346                color: #ffffff;
347                margin-bottom: 20px;
348                text-transform: uppercase;
349            }
350            .cta-section p {
351                font-size: 18px;
352                color: rgba(255, 255, 255, 0.9);
353                margin-bottom: 32px;
354                font-family: "Archivo", "Arial", sans-serif;
355                font-weight: 300;
356            }
357            .cta-btn {
358                background: #ffffff;
359                border: 2px solid #ffffff;
360                color: #002EFE !important;
361                padding: 16px 40px;
362                font-weight: 600;
363                font-family: "Inter", "Oswald", sans-serif;
364                text-transform: uppercase;
365                letter-spacing: 1px;
366                transition: all 0.3s ease;
367                border-radius: 999px;
368            }
369            .cta-btn:hover {
370                background: #7ADFFF;
371                border-color: #7ADFFF;
372                color: #000759 !important;
373                transform: translateY(-2px);
374                box-shadow: 0 12px 30px rgba(122, 223, 255, 0.4);
375            }
376            .approach-section {
377                background: #ffffff;
378                padding: 110px 0;
379            }
380            .approach-badge {
381                display: inline-flex;
382                align-items: center;
383                padding: 8px 16px;
384                border-radius: 999px;
385                background: rgba(121, 119, 230, 0.12);
386                color: #002EFE;
387                text-transform: uppercase;
388                letter-spacing: 2px;
389                font-size: 11px;
390                font-weight: 700;
391                font-family: "Inter", "Oswald", sans-serif;
392                margin-bottom: 20px;
393            }
394            .approach-content {
395                max-width: 720px;
396            }
397            .approach-content h3 {
398                font-size: 42px;
399                font-weight: 700;
400                font-family: "Inter", "Oswald", sans-serif;
401                color: #0f172a;
402                margin-bottom: 24px;
403                text-transform: uppercase;
404                line-height: 1.2;
405            }
406            .approach-content p {
407                font-size: 17px;
408                line-height: 1.7;
409                color: rgba(71, 85, 105, 0.8);
410                font-family: "Archivo", "Arial", sans-serif;
411                font-weight: 300;
412                margin-bottom: 20px;
413            }
414            .approach-visual {
415                position: relative;
416                background: #ffffff;
417                border-radius: 24px;
418                padding: 0;
419                box-shadow: 0 24px 55px rgba(15, 23, 42, 0.08);
420                transition: transform 0.35s ease, box-shadow 0.35s ease;
421                border: 1px solid rgba(226, 232, 240, 0.8);
422                overflow: hidden;
423            }
424            .approach-visual:hover {
425                transform: translateY(-8px);
426                box-shadow: 0 32px 75px rgba(39, 34, 248, 0.15);
427            }
428            .approach-visual img {
429                width: 100%;
430                border-radius: 0;
431                box-shadow: none;
432                object-fit: cover;
433                transition: transform 0.35s ease;
434            }
435            .approach-visual:hover img {
436                transform: scale(1.03);
437            }
438            @media (max-width: 1199px) {
439                .next-program-title {
440                    font-size: 48px;
441                }
442            }
443            @media (max-width: 991px) {
444                .next-program-hero {
445                    padding: 140px 24px 110px;
446                    min-height: 90vh;
447                }
448                .next-program-hero .container {
449                    max-width: 100%;
450                }
451                .next-program-title {
452                    font-size: 40px;
453                }
454                .next-program-description {
455                    font-size: 16px;
456                }
457                .how-it-works-section,
458                .courses-section,
459                .approach-section {
460                    padding: 90px 0;
461                }
462                .approach-content h3 {
463                    font-size: 36px;
464                }
465            }
466            @media (max-width: 767px) {
467                .next-program-hero {
468                    min-height: 100vh;
469                    padding: 120px 20px 90px;
470                    display: flex;
471                    align-items: center;
472                }
473                .next-program-hero .container {
474                    width: 100%;
475                }
476                .next-program-hero .next-program-badge,
477                .next-program-hero .next-program-title,
478                .next-program-hero .next-program-description {
479                    margin-left: auto;
480                    margin-right: auto;
481                    width: 100% !important;
482                }
483                .next-program-title {
484                    font-size: 32px;
485                    line-height: 1.35;
486                }
487                .next-program-description {
488                    font-size: 15px;
489                    margin-bottom: 28px;
490                }
491                .next-program-cta {
492                    flex-direction: column;
493                }
494                .next-program-btn-primary,
495                .next-program-btn-secondary {
496                    width: 100%;
497                    text-align: center;
498                }
499                .how-it-works-section,
500                .courses-section,
501                .approach-section {
502                    padding: 80px 0;
503                }
504                .course-card__body {
505                    padding: 30px 26px;
506                }
507                .cta-section {
508                    padding: 60px 0;
509                }
510                .cta-section h3 {
511                    font-size: 28px;
512                }
513                .approach-content h3 {
514                    font-size: 28px;
515                }
516            }
517        </style></head>
518<body>
519
520<header class="no-sticky wrap-search">
521    <!-- start navigation -->
522    <nav class="navbar full-width-pull-menu navbar-top-scroll no-border-top no-transition">
523        <!-- start navigation panel -->
524        <div class="container nav-header-container height-100px sm-height-70px sm-padding-15px-lr">
525            <!-- start logo -->
526            <div class="col-auto pl-0"><a href="/" title="DuddenHill Foundation" class="logo"><img src="img/clarity-logo.png" data-rjs="img/clarity-logo.png" alt="DuddenHill Foundation"></a></div>
527            <!-- end logo -->
528            <!-- start main menu -->
529            <div class="col-auto pr-0">
530                <div class="menu-wrap full-screen d-flex">
531                    <div class="col-md-8 p-0 d-none d-md-block">
532                    </div>
533                    <div class="col-md-4 p-0 bg-white full-screen">
534                        <div class="position-absolute height-100 width-100 overflow-auto">
535                            <div class="d-table height-100 width-100">
536                                <div class="d-table-cell height-100 width-100 vertical-align-middle padding-fourteen-lr alt-font link-style-2 md-padding-seven-lr sm-pad
536ding-15px-lr">
537                                    <!-- start menu -->
538                                    <ul class="font-weight-600 sm-no-padding-left">
539                                        <!-- start menu item -->
540                                        <li class="dropdown">
541                                            <a href="/">Home</a>
542                                        </li>
543                                        <!-- end menu item -->
544                                        <!-- start menu item -->
545                                        <li><a href="who-we-are" title="Who We Are">Who We Are</a></li>
546                                        <!-- end menu item -->
547                                        <li><a href="index#whatwedo" title="What We Do" class="inner-link">What We Do</a></li>
548                                        <li><a href="index#strategy" title="Our Strategy" class="inner-link">Our Strategy</a></li>
549                                        <li class="dropdown">
550                                            <a data-toggle="dropdown" class="dropdown-toggle">Our Programs</a>
551                                            <ul class="dropdown-menu font-weight-300">
552                                                <li><a href="next-program" title="Next Program">Next Program</a></li>
553                                                <li><a href="next-intern" title="Next Intern">Next Intern</a></li>
554                                            </ul>
555                                        </li>
556                                        <li><a href="about">Our Team</a></li>
557                                        <li><a href="gallery">Our Gallery</a></li>
558                                    </ul>
559                                    <!-- end menu -->
560                                    <!-- start social links -->
561                                    <div class="margin-fifteen-top padding-35px-left sm-no-padding-left">
562                                        <div class="icon-social-medium margin-three-bottom">
563                                            <a href="https://web.facebook.com/Duddenhill-Foundation-102941874947793/" target="_blank" class="text-extra-dark-gray text-deep-pink-hover margin-one-lr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
564                                            <a href="https://twitter.com/Duddenhillfdn" target="_blank" class="text-extra-dark-gray text-deep-pink-hover margin-one-lr"><i class="fab fa-twitter" aria-hidden="true"></i></a>
565                                            <a href="https://www.instagram.com/duddenhillfoundation/" target="_blank" class="text-extra-dark-gray text-deep-pink-hover margin-one-lr"><i class="fab fa-instagram" aria-hidden="true"></i></a>
566                                            <a href="https://www.linkedin.com/company/duddenhill-foundation/" target="_blank" class="text-extra-dark-gray text-deep-pink-hover margin-one-lr"><i class="fab fa-linkedin" aria-hidden="true"></i></a>
567                                            <a href="mailto:[email protected]" target="_blank" class="text-extra-dark-gray text-deep-pink-hover margin-one-lr"><i class="fab fa-envelope" aria-hidden="true"></i></a>
568                                        </div>
569                                    </div>
570                                    <!-- start social links -->
571                                </div>
572                            </div>
573                        </div>
574                        <button class="close-button-menu" id="close-button"></button>
575                    </div>
576                </div>
577                <!-- end main menu -->
578                <button class="navbar-toggler mobile-toggle" type="button" id="open-button" data-toggle="collapse" data-target=".navbar-collapse">
579                    <span></span>
580                    <span></span>
581                    <span></span>
582                </button>
583            </div>
584        </div>
585        <!-- end navigation panel -->
586    </nav>
587    <!-- end navigation -->
588</header>
589
590        <!-- start hero section -->
591        <section class="next-program-hero text-center text-white position-relative d-flex align-items-center padding-twelve-tb">
592            <div class="container position-relative z-index-5">
593                <span class="next-program-badge d-inline-block text-extra-small text-white-2 margin-20px-bottom wow fadeInDown" data-wow-delay="0.2s">Career Launchpad</span>
594                <h1 class="next-program-title alt-font font-weight-700 letter-spacing-minus-2 line-height-70 margin-25px-bottom wow fadeInUp" data-wow-delay="0.35s">The Next Program</h1>
595                <p class="next-program-description w-60 mx-auto text-large wow fadeInUp" data-wow-delay="0.45s">The connector between graduating university students and the job market is currently lacking. With this program, we equip students with all the soft skills needed to ultimately secure their preferred jobs.</p>
596                <div class="next-program-cta wow fadeInUp" data-wow-delay="0.55s">
597                    <a href="https://duddenhill-next.org/" class="btn next-program-btn-primary">Get Started</a>
598                    <a href="#courses" class="btn next-program-btn-secondary">Explore Courses</a>
599                </div>
600            </div>
601        </section>
602        <!-- end hero section -->
603
604        <!-- start how it works section -->
605        <section class="how-it-works-section wow fadeIn">
606            <div class="container">
607                <div class="row justify-content-center">
608                    <div class="col-12 col-xl-8 col-lg-9 text-center margin-six-bottom">
609                        <span class="how-it-works-badge">How It Works</span>
610                        <h3 class="alt-font text-extra-dark-gray font-weight-700 margin-20px-bottom">Simple Steps to Career Success</h3>
611                        <p class="text-medium text-extra-dark-gray opacity8">University students that fit the criteria of final year undergraduates simply need to sign up for The Next Program. By signing up, students get access to a learning schedule that would guide their learning process and ultimately, give them a firm foot into their desired field.</p>
612                    </div>
613                </div>
614                <div class="row">
615                    <div class="col-12 col-lg-4 col-md-4 md-margin-four-bottom sm-margin-30px-bottom wow fadeInUp">
616                        <div class="how-it-works-card">
617                            <div class="how-it-works-icon"><i class="ti-pencil-alt"></i></div>
618                            <h5>Sign Up</h5>
619                            <p>University students that fit the criteria of final year undergraduates simply need to sign up for The Next Program here.</p>
620                        </div>
621                    </div>
622                    <div class="col-12 col-lg-4 col-md-4 md-margin-four-bottom sm-margin-30px-bottom wow fadeInUp" data-wow-delay="0.2s">
623                        <div class="how-it-works-card">
624                            <div class="how-it-works-icon"><i class="ti-calendar"></i></div>
625                            <h5>Access Learning Schedule</h5>
626                            <p>By signing up, students get access to a learning schedule that would guide their learning process.</p>
627                        </div>
628                    </div>
629                    <div class="col-12 col-lg-4 col-md-4 sm-margin-30px-bottom wow fadeInUp" data-wow-delay="0.4s">
630                        <div class="how-it-works-card">
631                            <div class="how-it-works-icon"><i class="ti-target"></i></div>
632                            <h5>Launch Your Career</h5>
633                            <p>Ultimately, give them a firm foot into their desired field and secure their preferred jobs.</p>
634                        </div>
635                    </div>
636                </div>
637            </div>
638        </section>
639        <!-- end how it works section -->
640
641        <!-- start courses section -->
642        <section class="courses-section wow fadeIn" id="courses">
643            <div class="container">
644                <div class="row justify-content-center margin-six-bottom">
645                    <div class="col-12 col-xl-8 col-lg-9 text-center">
646                        <span class="courses-badge">Our Courses</span>
647                        <h3 class="alt-font text-extra-dark-gray font-weight-700 margin-20px-bottom">
647Comprehensive Learning Tracks</h3>
648                        <p class="text-medium text-extra-dark-gray opacity8">Explore our carefully curated courses designed to equip you with essential skills for career success.</p>
649                    </div>
650                </div>
651                <div class="row">
652                    <div class="col-12 col-lg-4 col-md-6 margin-30px-bottom wow fadeInUp">
653                        <article class="course-card course-card--primary">
654                            <div class="course-card__body">
655                                <span class="course-tag">Career Essentials</span>
656                                <h5 class="alt-font font-weight-600" style="color: #7ADFFF;">Job Market 101</h5>
657                                <ul class="course-list">
658                                    <li><span></span>Introduction to the Job Market</li>
659                                    <li><span></span>CVs, Resumes and Cover Letters</li>
660                                    <li><span></span>Understanding the Hiring Process</li>
661                                    <li><span></span>Mastering the Job Interview</li>
662                                    <li><span></span>Starting Your New Job</li>
663                                    <li><span></span>Communicating for Impact</li>
664                                    <li><span></span>Becoming a Star Player</li>
665                                    <li><span></span>Final Tips & Best Practices</li>
666                                </ul>
667                                <div class="course-availability">Available August 2021</div>
668                            </div>
669                        </article>
670                    </div>
671                    <div class="col-12 col-lg-4 col-md-6 margin-30px-bottom wow fadeInUp" data-wow-delay="0.2s">
672                        <article class="course-card">
673                            <div class="course-card__body">
674                                <span class="course-tag">Productivity Tools</span>
675                                <h5 class="alt-font font-weight-600">Introduction to Microsoft Office</h5>
676                                <ul class="course-list">
677                                    <li><span></span>Microsoft Word Fundamentals</li>
678                                    <li><span></span>Microsoft Excel Essentials</li>
679                                    <li><span></span>Microsoft PowerPoint Mastery</li>
680                                    <li><span></span>Google Workspace</li>
681                                    <li><span></span>Dropbox & Cloud Storage</li>
682                                    <li><span></span>Communication Tools (Zoom & Teams)</li>
683                                    <li><span></span>Final Tips & Integration</li>
684                                </ul>
685                                <div class="course-availability">Available August 2021</div>
686                            </div>
687                        </article>
688                    </div>
689                    <div class="col-12 col-lg-4 col-md-6 margin-30px-bottom wow fadeInUp" data-wow-delay="0.4s">
690                        <article class="course-card">
691                            <div class="course-card__body">
692                                <span class="course-tag">Digital Skills</span>
693                                <h5 class="alt-font font-weight-600">Introduction to Digital Marketing</h5>
694                                <ul class="course-list">
695                                    <li><span></span>Introduction to Digital Marketing</li>
696                                    <li><span></span>Corporate Social Media Strategy</li>
697                                    <li><span></span>Introduction to App Development</li>
698                                    <li><span></span>Final Tips & Best Practices</li>
699                                </ul>
700                                <div class="course-availability">Available August 2021</div>
701                            </div>
702                        </article>
703                    </div>
704                </div>
705            </div>
706        </section>
707        <!-- end courses section -->
708
709        <!-- start CTA section -->
710        <section class="cta-section wow fadeIn">
711            <div class="container">
712                <div class="row">
713                    <div class="col-12">
714                        <div class="cta-section-content">
715                            <h3>Ready to Transform Your Career?</h3>
716                            <p>Get access to a learning schedule that would guide your learning process and launch your career journey.</p>
717                            <a href="https://duddenhill-next.org/" class="btn cta-btn">Get Started Now</a>
718                        </div>
719                    </div>
720                </div>
721            </div>
722        </section>
723        <!-- end CTA section -->
724
725        <!-- start approach section -->
726        <section class="approach-section wow fadeIn" id="approach">
727            <div class="container">
728                <div class="row align-items-center">
729                    <div class="col-12 col-lg-6 margin-40px-bottom">
730                        <div class="approach-content">
731                            <span class="approach-badge">Our Approach</span>
732                            <h3 class="alt-font font-weight-800 margin-20px-bottom">Bridging the Gap Between Potential and Opportunity</h3>
733                            <p>Assessing the corporate space in Nigeria, there are a handful of institutions that run consistent and well-structured internship programs for undergraduates.</p>
734                            <p>The few organizations that have proper programs have limited spaces confined to the best students with first class or second-class upper grades, limiting the opportunity for many undergraduates with lower grades who may equally have the same drive, passion and commitment to succeed.</p>
735                            <p>In addition, we currently live in a very dynamic environment which has distorted business as usual in the entrepreneurship space and requires innovative thinking to compete effectively and succeed.</p>
736                            <p>Dudden Hill Foundation aims to bridge the gap through the provision of a well-structured training program, mentorship and work experience opportunity which will be available for application by undergraduate students across the 6 geopolitical zones in Nigeria irrespective of grades achieved by the applicants.</p>
737                        </div>
738                    </div>
739                    <div class="col-12 col-lg-6 wow fadeInRight" data-wow-delay="0.15s">
740                        <div class="approach-visual">
741                            <img src="img/next-image.png" alt="Next Program Approach">
742                        </div>
743                    </div>
744                </div>
745            </div>
746        </section>
747        <!-- end approach section -->
748
749        <!-- start footer -->
750    <style>
751        .dh-footer {
752            background: #000759;
753            color: #e2e8f0;
754            padding: 70px 0 35px;
755        }
756        .dh-footer__top {
757            padding-bottom: 40px;
758            border-bottom: 1px solid rgba(148, 163, 184, 0.15);
759        }
760        .dh-footer__logo img {
761            height: 48px;
762            margin-bottom: 18px;
763            filter: brightness(0) invert(1);
764        }
765        .dh-footer__description {
766            font-family: "Archivo", "Arial", sans-serif;
767            font-weight: 300;
768            color: rgba(226, 232, 240, 0.75);
769            font-size: 14px;
770            margin-bottom: 16px;
771            max-width: 320px;
772        }
773        .dh-footer__column--links {
774            margin-left: 40px;
775        }
776        .dh-footer__top .dh-footer__column,
777        .dh-footer__brand {
778            min-width: 260px;
779        }
780        .dh-footer__social-list {
781            display: flex;
782            align-items: center;
783            gap: 12px;
784            flex-wrap: wrap;
785        }
786        .dh-footer__social-list a {
787            width: 38px;
788            height: 38px;
789            border-radius: 50%;
790            background: rgba(148, 163, 184, 0.18);
791            color: #f8fafc;
792            display: inline-flex;
793            align-items: center;
794            justify-content: center;
795            transition: background 0.3s ease, transform 0.3s ease;
796            font-size: 16px;
797        }
798        .dh-footer__social-list a:hover {
799            background: rgba(236, 233, 78, 0.28);
800            transform: translateY(-2px);
801        }
802        .dh-footer__column h6 {
803            font-family: "Inter", "Oswald", sans-serif;
804            font-weight: 800;
805            text-transform: uppercase;
806            letter-spacing: 2px;
807            font-size: 11px;
808            color: #94a3b8;
809            margin-bottom: 16px;
810        }
811        .dh-footer__links {
812            list-style: none;
813            padding-left: 0;
814            margin: 0;
815        }
816        .dh-footer__links li {
817            margin-bottom: 10px;
818        }
819        .dh-footer__links a {
820            display: inline-block;
821            color: rgba(226, 232, 240, 0.78);
822            font-size: 14px;
823            transition: color 0.3s ease;
824        }
825        .dh-footer__links a:hover {
826            color: #ece94e;
827        }
828        .dh-footer__cta {
829            font-family: "Archivo", "Arial", sans-serif;
830            font-weight: 300;
831            background: linear-gradient(135deg, rgba(39, 34, 248, 0.15), rgba(236, 233, 78, 0.12));
832            border-radius: 16px;
833            padding: 18px 20px;
834            margin-top: 18px;
835            color: rgba(226, 232, 240, 0.85);
836            font-size: 13px;
837        }
838        .dh-footer__cta a {
839            font-family: "Inter", "Oswald", sans-serif;
840            font-weight: 800;
841            color: #ece94e;
842        }
843        .dh-footer__bottom {
844            font-family: "Archivo", "Arial", sans-serif;
845            font-weight: 300;
846            padding-top: 28px;
847            color: rgba(148, 163, 184, 0.75);
848            font-size: 13px;
849        }
850        @media (max-width: 991px) {
851            .dh-footer__top {
852                text-align: center;
853            }
854            .dh-footer__column--links {
855                margin-left: 0;
856            }
857            .dh-footer__description {
858                margin-left: auto;
859                margin-right: auto;
860            }
861            .dh-footer__social-list {
862                justify-content: center;
863            }
864        }
865    </style>
866            <!-- start footer --> 
867        <footer class="dh-footer">
868            <div class="container">
869                <div class="row dh-footer__top align-items-start justify-content-between">
870                    <div class="col-lg-3 col-md-12 text-center text-lg-left dh-footer__brand sm-margin-30px-bottom">
871                        <a href="/" class="dh-footer__logo d-inline-block">
872                            <img src="img/clarity-logo.png" alt="Dudden Hill Foundation logo">
873                        </a>
874                        <p class="dh-footer__description">
875                            Dudden Hill Foundation empowers Nigerian undergraduates with curated learning, mentorship, and opportunity pipelines to thrive in the future of work.
876                        </p>
877                        <div class="dh-footer__cta">
878                            Interested in collaborating? <a href="mailto:[email protected]">Let’s talk.</a>
879                        </div>
880                    </div>
881                    <div class="col-lg-3 col-md-6 text-center text-md-left dh-footer__column dh-footer__column--links sm-margin-30px-bottom">
882                        <h6>Quick Links</h6>
883                        <ul class="dh-footer__links">
884                                                            <li>
885                                    <a href="/">
886                                        Home                                    </a>
887                                </li>
888                                                            <li>
889                                    <a href="who-we-are">
890                                        Who We Are                                    </a>
891                                </li>
892                                                            <li>
893                                    <a href="index#whatwedo">
894                                        What We Do                                    </a>
895                                </li>
896                                                            <li>
897                                    <a href="index#strategy">
898                                        Our Strategy                                    </a>
899                                </li>
900                                                            <li>
901                                    <a href="next-program">
902                                        Next Program                                    </a>
903                                </li>
904                                                            <li>
905                                    <a href="next-intern">
906                                        Next Intern                                    </a>
907                                </li>
908                                                            <li>
909                                    <a href="about">
910                                        Our Team                                    </a>
911                                </li>
912                                                            <li>
913                                    <a href="gallery">
914                                        Our Gallery                                    </a>
915                                </li>
916                                                    </ul>
917                    </div>
918                    <div class="col-lg-3 col-md-6 text-center text-md-left dh-footer__column">
919                        <h6>Stay Connected</h6>
920                        <div class="dh-footer__social-list">
921                            <a href="https://web.facebook.com/Duddenhill-Foundation-102941874947793/" target="_blank" aria-label="Facebook">
922                                <i class="fab fa-facebook-f"></i>
923                            </a>
924                            <a href="https://twitter.com/Duddenhillfdn" target="_blank" aria-label="Twitter">
925                                <i class="fab fa-twitter"></i>
926                            </a>
927                            <a href="https://www.linkedin.com/company/duddenhill-foundation/" target="_blank" aria-label="LinkedIn">
928                                <i class="fab fa-linkedin-in"></i>
929                            </a>
930                            <a href="https://www.instagram.com/duddenhillfoundation/" target="_blank" aria-label="Instagram">
931                                <i class="fab fa-instagram"></i>
932                            </a>
933                            <a href="mailto:[email protected]" target="_blank" aria-label="Email">
934                                <i class="fa fa-envelope"></i>
935                            </a>
936                        </div>
937                    </div>
938                </div>
939                <div class="row dh-footer__bottom align-items-center text-center text-md-left">
940                    <div class="col-md-6 sm-margin-15px-bottom">
941                        &copy; 2026 Dudden Hill Foundation. All rights reserved.
942                    </div>
943                    <div class="col-md-6 text-md-right">
944                        <a href="mailto:[email protected]">[email protected]</a>
945                    </div>
946                </div>
947            </div>
948        </footer>
949        <!-- end footer -->
950        <!-- start scroll to top -->
951        <a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a>
952        <!-- end scroll to top -->
953        <!-- javascript libraries -->
954        
954<script type="text/javascript" src="js/jquery.js"></script>
954
955        
955<script type="text/javascript" src="js/modernizr.js"></script>
955
956        
956<script type="text/javascript" src="js/bootstrap.bundle.js"></script>
956
957        
957<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
957
958        
958<script type="text/javascript" src="js/skrollr.min.js"></script>
958
959        
959<script type="text/javascript" src="js/smooth-scroll.js"></script>
959
960        
960<script type="text/javascript" src="js/jquery.appear.js"></script>
960
961        <!-- menu navigation -->
962        
962<script type="text/javascript" src="js/bootsnav.js"></script>
962
963        
963<script type="text/javascript" src="js/jquery.nav.js"></script>
963
964        <!-- animation -->
965        
965<script type="text/javascript" src="js/wow.min.js"></script>
965
966        <!-- page scroll -->
967        
967<script type="text/javascript" src="js/page-scroll.js"></script>
967
968        <!-- swiper carousel -->
969        
969<script type="text/javascript" src="js/swiper.min.js"></script>
969
970        <!-- counter -->
971        
971<script type="text/javascript" src="js/jquery.count-to.js"></script>
971
972        <!-- parallax -->
973        
973<script type="text/javascript" src="js/jquery.stellar.js"></script>
973
974        <!-- magnific popup -->
975        
975<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
975
976        <!-- portfolio with shorting tab -->
977        
977<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
977
978        <!-- images loaded -->
979        
979<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
979
980        <!-- pull menu -->
981        
981<script type="text/javascript" src="js/classie.js"></script>
981
982        
982<script type="text/javascript" src="js/hamburger-menu.js"></script>
982
983        <!-- counter -->
984        
984<script type="text/javascript" src="js/counter.js"></script>
984
985        <!-- fit video -->
986        
986<script type="text/javascript" src="js/jquery.fitvids.js"></script>
986
987
988        <!-- skill bars -->
989        
989<script type="text/javascript" src="js/skill.bars.jquery.js"></script>
989 
990        <!-- justified gallery -->
991        
991<script type="text/javascript" src="js/justified-gallery.min.js"></script>
991
992        <!--pie chart-->
993        
993<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
993
994        <!-- instagram -->
995        
995<script type="text/javascript" src="js/instafeed.min.js"></script>
995
996        <!-- retina -->
997        
997<script type="text/javascript" src="js/retina.min.js"></script>
997
998        <!-- revolution -->
999        
999<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
999
1000        
1000<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
1000
1001        <!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) -->
1002        <!--
1002<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
1002
1003        
1003<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
1003
1004        
1004<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
1004
1005        
1005<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
1005
1006        
1006<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
1006
1007        
1007<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
1007
1008        
1008<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
1008
1009        
1009<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
1009
1010        
1010<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>
1010-->
1011        <!-- setting -->
1012        
1012<script type="text/javascript" src="js/main.js"></script>
1012
1013</body>
1014</html>
1015

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.