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 © 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.