PageSourceSearch

https://www.thespecialfoundation.org/blogs

html thespecialfoundation.org collected 2026-10-05 00:39:23 UTC 56,447 bytes, 876 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8" />
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <!-- Include Tailwind CSS -->
8    
9
10    <link rel="stylesheet" href="/css/font.css" />
11    
12
13    <title>Blogs | Special Foundation</title>
14    <link rel="shortcut icon" href="/images/fav.png" type="image/x-icon">
15
16    
17    
17<script type="module" crossorigin src="/chat-assets/index-7ERj4ebV.js"></script>
17
18    <link rel="stylesheet" crossorigin href="/chat-assets/index-BTRmF25J.css">
19
20    <!-- Include Mont Font -->
21    <link rel="preconnect" href="https://fonts.googleapis.com" />
22    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
23    <link
24        href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
25        rel="stylesheet" />
26
27    <!-- Include Orbitron Font -->
28    <link rel="preconnect" href="https://fonts.googleapis.com">
29    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
30    <link href="https://fonts.googleapis.com/css2?family=Orbitron:[email protected]&display=swap" rel="stylesheet">
31
32
33    
33<script src="https://cdn.tailwindcss.com"></script>
33
34    
34<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-element-bundle.min.js"></script>
34
35    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
36    <link rel="stylesheet"
37        href="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.7/themes/odometer-theme-default.css"
38        integrity="sha512-kMPqFnKueEwgQFzXLEEl671aHhQqrZLS5IP3HzqdfozaST/EgU+/wkM07JCmXFAt9GO810I//8DBonsJUzGQsQ=="
39        crossorigin="anonymous" referrerpolicy="no-referrer" />
40
41    <!-- Primary Meta Tags -->
42    <meta name="title" content="The Special Foundation" />
43    <meta name="description" content="Special Foundation - Empowering Communities" />
44
45    <!-- Open Graph / Facebook -->
46    <meta property="og:type" content="website" />
47    <meta property="og:url" content="https://www.thespecialfoundation.org/blogs" />
48    <meta property="og:title" content="The Special Foundation" />
49    <meta property="og:description" content="Special Foundation - Empowering Communities" />
50    <meta property="og:image" content="/images/og_graph.png" />
51
52    <!-- Twitter -->
53    <meta property="twitter:card" content="summary_large_image" />
54    <meta property="twitter:url" content="https://www.thespecialfoundation.org/blogs" />
55    <meta property="twitter:title" content="The Special Foundation" />
56    <meta property="twitter:description" content="Special Foundation - Empowering Communities" />
57    <meta property="twitter:image" content="/images/og_graph.png" />
58
59    <!-- CSRF Token -->
60    <meta name="csrf-token" content="ZjdV4qwLm5krMxinLkHHf7NhgNQrLWbLUbsyMC8O" />
61
62    <style>
63        html,
64        body {
65            max-width: 100%;
66            overflow-x: hidden;
67        }
68    </style>
69    </head>
70
71<body>
72    
73            <nav
74        class="bg-white text-lg text-black flex flex-col lg:flex-row justify-between gap-4 p-6 lg:py-8 lg:px-8 xl:px-16">
75        <div class="flex items-center justify-between w-full lg:w-fit">
76            <div class="flex flex-row gap-4 lg:gap-6 justify-center items-center">
77                <a href="/">
78                    <img class="w-8 lg:w-10" src="/images/the-special-youth-leadership-foundation-03.png"
79                        alt="" />
80                </a>
81                <a href="/">
82                    <img class="w-22 h-4 lg:w-36 lg:h-5" src="/images/the-special-youth-leadership-foundation-02.png"
83                        alt="" />
84                </a>
85            </div>
86            <div class="flex items-center lg:hidden">
87                <button id="mobile-menu-button" class="focus:outline-none">
88                    <img src="/images/hamburger.svg" alt="Menu Icon" class="w-6 h-6" id="menu-icon" />
89                </button>
90            </div>
91        </div>
92        <div id="menu"
93            class="hidden grid lg:flex flex-col lg:flex-row justify-start lg:justify-center items-start lg:items-center gap-4 lg:gap-6 xl:gap-8 lg:text-sm xl:text-sm montserrat-medium w-full lg:w-auto">
94
95             <a class="text-black font-medium"
96                href="/who-we-are">WHO WE ARE</a>
97
98            <div class="relative">
99
100                <button id="programs-button"
101                    class="text-black font-medium flex gap-2 items-center justify-center focus:outline-none">
102                    <span>PROGRAMS</span>
103                    <img id="programs-icon" class="pt-1 transform transition-transform" src="/images/collapse-arrow.svg"
104                        alt="Collapse Arrow" />
105                </button>
106                <div id="programs-dropdown" class="hidden absolute bg-white shadow-md mt-2 rounded-lg z-20">
107                    <a href="/inspire-program" class="block px-4 py-2 text-black hover:bg-gray-200">Inspire
108                        Scholarship</a>
109                    <a href="/special-scholarship-program" class="block px-4 py-2 text-black hover:bg-gray-200">Special
110                        Scholarship</a>
111                    <a href="/mentorship-program" class="block px-4 py-2 text-black hover:bg-gray-200">Mentorship
112                        Program</a>
113                    <a href="/summer-school-program" class="block px-4 py-2 text-black hover:bg-gray-200">Special Summer
114                        School</a>
115                    <a href="/life-long-program" class="block px-4 py-2 text-black hover:bg-gray-200">Lifelong
116                        Development</a>
117                    <a href="/school-build" class="block px-4 py-2 text-black hover:bg-gray-200">School Build</a>
118                </div>
119            </div>
120            <div class="relative">
121                <button id="donor-button"
122                class="text-black font-medium flex gap-2 items-center justify-center focus:outline-none">
123
124                    <span>DONOR PROCESS</span>
125
126                    <img id="donor-icon" class="w-3 h-3 transform transition-transform duration-300"
127                        src="/images/collapse-arrow.svg" alt="Dropdown Arrow" />
128                </button>
129
130                <div id="donor-dropdown"
131                class="hidden absolute bg-white shadow-md mt-2 rounded-lg z-20">
132
133                    <a href="/donor-inspire-scholarship" class="block px-4 py-2 text-black hover:bg-gray-200">Inspire
134                        Scholarship</a>
135                    <a href="/donor-special-scholarship" class="block px-4 py-2 text-black hover:bg-gray-200">Special
136                        Scholarship</a>
137                </div>
138            </div>
139
140            <div class="relative">
141                <button id="communications-button"
142                    class="text-[#25A8D6] montserrat-bold font-extrabold flex gap-2 items-center justify-center focus:outline-none">
143                    <span>MEDIA</span>
144                    <img id="communications-icon" class="pt-1 transform transition-transform"
145                        src="/images/collapse-arrow.svg" alt="Collapse Arrow" />
146                </button>
147                <div id="communications-dropdown"
148                    class="hidden absolute bg-white shadow-md mt-2 rounded-lg z-20 w-40">
149                    <a href="/blogs" class="block px-4 py-2 text-black hover:bg-gray-200">Blog</a>
150                    <a href="/social-media-posts" class="block px-4 py-2 text-black hover:bg-gray-200">Social Media
151                        Posts</a>
152                    <a href="/gallery" class="block px-4 py-2 text-black hover:bg-gray-200">Gallery</a>
153                    <a href="/project" class="block px-4 py-2 text-black hover:bg-gray-200">Project Schedule</a>
154                </div>
155            </div>
156
157            <div class="relative">
158                <button id="downloads-button"
159                    class="text-black font-medium flex gap-2 items-center justify-center focus:outline-none">
160                    <span>PUBLICATIONS</span>
161                    <img id="downloads-icon" class="pt-1 transform transition-transform"
162                        src="/images/collapse-arrow.svg" alt="Collapse Arrow" />
163                </button>
164                <div id="downloads-dropdown"
165                    class="hidden absolute bg-white shadow-md mt-2 rounded-lg z-20 w-40">
166                                            <a href="/storage/downloads/2025 Annual Impact Report.pdf" target="_blank" class="block px-4 py-2 text-black hover:bg-gray-200">Annual Report 2025</a>
167                                            <a href="/storage/downloads/2024 Annual impact doc4.pdf" target="_blank" class="block px-4 py-2 text-black hover:bg-gray-200">Annual Report 2024</a>
168                                            <a href="/storage/downloads/2023 Annual Impact Report.pdf" target="_blank" class="block px-4 py-2 text-black hover:bg-gray-200">Annual Report 2023</a>
169                                        <a href="/who-we-are#downloads" class="block px-4 py-2 text-black hover:bg-gray-200">Others</a>
170                </div>
171            </div>
172            <a class="text-black font-medium"
173                href="/get-involved">GET INVOLVED</a>
174                        <a class="font-medium rounded-full px-10 py-2 bg-[#25A8D6] text-white text-center"
175                href="/donate">DONATE</a>
176        </div>
177    </nav>
178    <div class="w-full">
179        <div class="relative bg-cover bg-center h-40 bg-[#26225F] bg-blend-multiply"
180        style="background-image: url('/images/rectangle-background.png');">
181        <div class="h-full">
182            <div
183                class="h-full flex flex-row justify-center items-center text-[30px] lg:text-[48px] montserrat-bold font-extrabold text-[#25A8D6]">
184                Blog Posts
185            </div>
186        </div>
187    </div>
188
189    <div class="p-8 lg:p-20">
190        
191        <div class="w-full flex flex-col">
192                            <h2
193                    class="font-montserrat text-4xl font-extrabold leading-none text-left md:leading-tight lg:leading-none xl:leading-none text-[#26225F] mb-12">
194                    Featured Blog Posts
195                </h2>
196
197                <div class="flex flex-col lg:flex-row items-center lg:items-start justify-center gap-12">
198                                                                        <div onclick="navigateTo('/blog/public-interest-registry-names-the-special-foundation-2026-org-impact-awards-finalist-X6S')"  class="cursor-pointer w-full lg:w-[60%]">
199                                <img src="/storage/posts/Copy of REGISTRAR TOOLKIT DESIGN2025 .ORG Impact Awards (1200 x 800 px) (2).png" class="w-full max-h-[467px]"
200                                    alt="Public Interest Registry Names The Special Foundation 2026 .ORG Impact Awards Finalist">
201                                <div class="w-full px-12 pt-8 pb-5 text-white bg-[#26225F]">
202                                    <h1 class="pb-4 leading-[20px] montserrat-semibold">
203                                        Public Interest Registry Names The Special Foundation 2026 .ORG Impact Awards Finalist
204                                    </h1>
205                                    <p class="montserrat-light text-xs pb-4">
206                                        August 12, 2026
207                                    </p>
208                                    <a class="text-[#25A8D6] text-[8px]" href="/blog/">READ MORE</a>
209                                </div>
210                            </div>
211                                                                                                <div onclick="navigateTo('/blog/the-future-of-educational-equity-in-africa-requires-a-continuous-circle-of-learning-vt3')"  class=" cursor-pointer w-full lg:w-[40%]">
212                                <img src="/storage/posts/WhatsApp Image 2026-06-05 at 02.05.37 (1).jpeg" class="w-full h-full max-h-[467px]"
213                                    alt="The Future of Educational Equity in Africa Requires a Continuous Circle of Learning">
214                                <div class="w-full px-12 pt-8 pb-5 text-white bg-[#26225F]">
215                                    <h1 class="pb-4 leading-[20px] montserrat-semibold">
216                                        The Future of Educational Equity in Africa Requires a Continuous Circle of Learning
217                                    </h1>
218                                    <p class="montserrat-light text-xs pb-4">
219                                        June 05, 2026
220                                    </p>
221                                    <a class="text-[#25A8D6] text-[8px]" href="/blog/the-future-of-educational-equity-in-africa-requires-a-continuous-circle-of-learning-vt3">READ MORE</a>
222                                </div>
223                            </div>
224                                                                                                                                                    </div>
225
226                <div class="flex flex-col lg:flex-row items-center lg:items-start justify-center gap-12 my-12">
227                                                                                                                                                                <div onclick="navigateTo('/blog/the-education-gap-we-understand-but-still-ignore-uBP')"  class="cursor-pointer w-full lg:w-[50%]">
228                                    <img src="/storage/posts/Gemini_Generated_Image_q19vuqq19vuqq19v.png"
229                                        class="w-full h-full max-h-[467px]" alt="The Education Gap We Understand, But Still Ignore">
230                                    <div class="w-full px-12 pt-8 pb-5 text-white bg-[#26225F]">
231                                        <h1 class="pb-4 leading-[20px] montserrat-semibold">
232                                            The Education Gap We Understand, But Still Ignore
233                                        </h1>
234                                        <p class="montserrat-light text-xs pb-4">
235                                            April 25, 2026
236                                        </p>
237                                        <a class="text-[#25A8D6] text-[8px]" href="/blog/the-education-gap-we-understand-but-still-ignore-uBP">READ MORE</a>
238                                    </div>
239                            </div>
240                                                                                                <div onclick="navigateTo('/blog/year-round-education-access-lessons-from-an-anthem-awards-win-Gay')"  class="cursor-pointer w-full lg:w-[50%]">
241                                    <img src="/storage/posts/ChatGPT Image Feb 23, 2026, 10_13_16 AM.png"
242                                        class="w-full h-full max-h-[467px]" alt="Year-R
242ound Education Access: Lessons from an Anthem Awards Win">
243                                    <div class="w-full px-12 pt-8 pb-5 text-white bg-[#26225F]">
244                                        <h1 class="pb-4 leading-[20px] montserrat-semibold">
245                                            Year-Round Education Access: Lessons from an Anthem Awards Win
246                                        </h1>
247                                        <p class="montserrat-light text-xs pb-4">
248                                            February 23, 2026
249                                        </p>
250                                        <a class="text-[#25A8D6] text-[8px]" href="/blog/year-round-education-access-lessons-from-an-anthem-awards-win-Gay">READ MORE</a>
251                                    </div>
252                            </div>
253                                                            </div>
254                    </div>
255        
256
257
258
259        
260        <div class="w-full flex flex-col my-12">
261            <h2
262                class="font-montserrat text-4xl font-extrabold leading-none text-left md:leading-tight lg:leading-none xl:leading-none text-[#26225F] mb-12">
263                Blog Posts
264            </h2>
265
266            <div class="grid grid-cols-1 lg:grid-cols-2 gap-10">
267                                    <div onclick="navigateTo('/blog/public-interest-registry-names-the-special-foundation-2026-org-impact-awards-finalist-X6S')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
268                        <img src="/storage/posts/Copy of REGISTRAR TOOLKIT DESIGN2025 .ORG Impact Awards (1200 x 800 px) (2).png"
269                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
270                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
271                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
272                                Public Interest Registry Names The Special Foundation 2026 .ORG Impact Awards Finalist
273                            </h1>
274                            <p class="montserrat-light text-xs pb-5">
275                                August 12, 2026
276                            </p>
277                            <a class="text-[8px]" href="/blog/public-interest-registry-names-the-special-foundation-2026-org-impact-awards-finalist-X6S">READ MORE</a>
278                        </div>
279                        
280                    </div>
281                                    <div onclick="navigateTo('/blog/the-future-of-educational-equity-in-africa-requires-a-continuous-circle-of-learning-vt3')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
282                        <img src="/storage/posts/WhatsApp Image 2026-06-05 at 02.05.37 (1).jpeg"
283                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
284                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
285                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
286                                The Future of Educational Equity in Africa Requires a Continuous Circle of Learning
287                            </h1>
288                            <p class="montserrat-light text-xs pb-5">
289                                June 05, 2026
290                            </p>
291                            <a class="text-[8px]" href="/blog/the-future-of-educational-equity-in-africa-requires-a-continuous-circle-of-learning-vt3">READ MORE</a>
292                        </div>
293                        
294                    </div>
295                                    <div onclick="navigateTo('/blog/the-education-gap-we-understand-but-still-ignore-uBP')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
296                        <img src="/storage/posts/Gemini_Generated_Image_q19vuqq19vuqq19v.png"
297                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
298                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
299                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
300                                The Education Gap We Understand, But Still Ignore
301                            </h1>
302                            <p class="montserrat-light text-xs pb-5">
303                                April 25, 2026
304                            </p>
305                            <a class="text-[8px]" href="/blog/the-education-gap-we-understand-but-still-ignore-uBP">READ MORE</a>
306                        </div>
307                        
308                    </div>
309                                    <div onclick="navigateTo('/blog/year-round-education-access-lessons-from-an-anthem-awards-win-Gay')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
310                        <img src="/storage/posts/ChatGPT Image Feb 23, 2026, 10_13_16 AM.png"
311                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
312                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
313                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
314                                Year-Round Education Access: Lessons from an Anthem Awards Win
315                            </h1>
316                            <p class="montserrat-light text-xs pb-5">
317                                February 23, 2026
318                            </p>
319                            <a class="text-[8px]" href="/blog/year-round-education-access-lessons-from-an-anthem-awards-win-Gay">READ MORE</a>
320                        </div>
321                        
322                    </div>
323                                    <div onclick="navigateTo('/blog/join-the-giving-circle-transform-a-life-IG6')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
324                        <img src="/storage/posts/Join the circle 3.jpg"
325                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
326                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
327                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
328                                Join the Giving Circle. Transform a Life
329                            </h1>
330                            <p class="montserrat-light text-xs pb-5">
331                                October 22, 2025
332                            </p>
333                            <a class="text-[8px]" href="/blog/join-the-giving-circle-transform-a-life-IG6">READ MORE</a>
334                        </div>
335                        
336                    </div>
337                                    <div onclick="navigateTo('/blog/no-child-left-behind-the-legacy-of-the-2025-special-summer-school-LfT')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
338                        <img src="/storage/posts/SYF MAGBORO-5922.jpg"
339                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
340                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
341                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
342                                No Child Left Behind: The Legacy of the 2025 Special Summer School
343                            </h1>
344                            <p class="montserrat-light text-xs pb-5">
345                                September 14, 2025
346                            </p>
347                            <a class="text-[8px]" href="/blog/no-child-left-behind-the-legacy-of-the-2025-special-summer-school-LfT">READ MORE</a>
348                        </div>
349                        
350                    </div>
351                                    <div onclick="navigateTo('/blog/a-naira-well-spent-how-n100000-can-transform-a-childs-future-zZU')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
352                        <img src="/storage/posts/TSF DESIGNS PUFF.png"
353                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
354                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
355                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
356                                A Naira Well-Spent: How ₦100,000 Can Transform a Child’s Future
357                            </h1>
358                            <p class="montserrat-light text-xs pb-5">
359                                June 15, 2025
360                            </p>
361                            <a class="text-[8px]" href="/blog/a-naira-well-spent-how-n100000-can-transform-a-childs-future-zZU">READ MORE</a>
362                        </div>
363                        
364                    </div>
365                                    <div onclick="navigateTo('/blog/a-celebration-with-a-purpose-with-ifeoma-okpala-aina-C37')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
366                        <img src="/storage/posts/One gift1 (2).jpg"
367                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
368                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
369                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
370                                A Celebration with a Purpose with Ifeoma Okpala Aina
371                            </h1>
372                            <p class="montserrat-light text-xs pb-5">
373                                May 24, 2025
374                            </p>
375                            <a class="text-[8px]" href="/blog/a-celebration-with-a-purpose-with-ifeoma-okpala-aina-C37">READ MORE</a>
376                        </div>
377                        
378                    </div>
379                                    <div onclick="navigateTo('/blog/beyond-the-applause-a-look-back-at-the-2025-special-foundation-summit-RqV')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
380                        <img src="/storage/posts/Special Foundation-May 08, 2025-6043.jpg"
381                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
382                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
383                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
384                                “I Will Break Barriers” — Inside The Special Foundation’s Powerful 2025 Education Summit
385                            </h1>
386                            <p class="montserrat-light text-xs pb-5">
387                                May 23, 2025
388                            </p>
389                            <a class="text-[8px]" href="/blog/beyond-the-applause-a-look-back-at-the-2025-special-foundation-summit-RqV">READ MORE</a>
390                        </div>
391                        
392                    </div>
393                                    <div onclick="navigateTo('/blog/when-impact-feels-small-why-changing-one-life-still-matters-Kl6')"   class="w-full flex flex-col lg:flex-row items-center justify-center cursor-pointer">
394                        <img src="/storage/posts/The Special Foundation Summit-September 29, 2023-2518 (1).jpg"
395                            class="w-full lg:w-[50%] max-h-[370px] rounded-3xl" alt="">
396                        <div class="w-full lg:w-[50%] px-12 pt-8 pb-5 text-[#26225F]">
397                            <h1 class="pb-5 leading-[22px] montserrat-bold text-[12px] xl:text-[14px] 2xl:text-[18px]">
398                                When Impact Feels Small: Why Changing One Life Still Matters
399                            </h1>
400                            <p class="montserrat-light text-xs pb-5">
401                                April 04, 2025
402                            </p>
403                            <a class="text-[8px]" href="/blog/when-impact-feels-small-why-changing-one-life-still-matters-Kl6">READ MORE</a>
404                        </div>
405                        
406                    </div>
407                
408            </div>
409
410            <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-between">
411        <div class="flex justify-between flex-1 sm:hidden">
412                            <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md dark:text-gray-600 dark:bg-gray-800 dark:border-gray-600">
413                    &laquo; Previous
414                </span>
415            
416                            <a href="https://www.thespecialfoundation.org/blogs?page=2" class="relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-300 dark:focus:border-blue-700 dark:active:bg-gray-700 dark:active:text-gray-300">
417                    Next &raquo;
418                </a>
419                    </div>
420
421        <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
422            <div>
423                <p class="text-sm text-gray-700 leading-5 dark:text-gray-400">
424                    Showing
425                                            <span class="font-medium">1</span>
426                        to
427                        <span class="font-medium">10</span>
428                                        of
429                    <span class="font-medium">34</span>
430                    results
431                </p>
432            </div>
433
434            <div>
435                <span class="relative z-0 inline-flex rtl:flex-row-reverse shadow-sm rounded-md">
436                    
437                                            <span aria-disabled="true" aria-label="&amp;laquo; Previous">
438                            <span class="relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default rounded-l-md leading-5 dark:bg-gray-800 dark:border-gray-600" aria-hidden="true">
439                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
440                                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
441                                </svg>
442                            </span>
443                        </span>
444                    
445                    
446                                            
447                        
448                        
449                                                                                                                        <span aria-current="page">
450                                        <span class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 dark:bg-gray-800 dark:border-gray-600">1</span>
451                                    </span>
452                                                                                                                                <a href="https://www.thespecialfoundation.org/blogs?page=2" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 2">
453                                        2
454                                    </a>
455                                                                                                                                <a href="https://www.thespecialfoundation.org/blogs?page=3" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 3">
456                                        3
457                                    </a>
458                                                                                                                                <a href="https://www.thespecialfoundation.org/blogs?page=4" class="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 hover:text-gray-500 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400 dark:hover:text-gray-300 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Go to page 4">
459                                        4
460                                    </a>
461                                                                                                        
462                    
463                                            <a href="https://www.thespecialfoundation.org/blogs?page=2" rel="next" class="relative inline-flex items-center px-2 py-2 -ml-px text-sm font-medium text-gray-500 bg-white border border-gray-300 rounded-r-md leading-5 hover:text-gray-400 focus:z-10 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-500 transition ease-in-out duration-150 dark:bg-gray-800 dark:border-gray-600 dark:active:bg-gray-700 dark:focus:border-blue-800" aria-label="Next &amp;raquo;">
464                            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20">
465                                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
466                            </svg>
467                        </a>
468                                    </span>
469            </div>
470        </div>
471    </nav>
472
473        </div>
474        
475
476        
476<script>
477            function navigateTo(url) {
478                window.location.href = url;
479            }
480        </script>
480
481    </div>
482    </div>
483    
484    <div class="fixed bottom-0 right-0 mb-4 mr-2 z-10" id="chat"></div>
485
486    <!-- footer -->
487    <div class="bg-[#26225F]">
488    <div class="px-6 sm:px-10 lg:px-20 py-16 lg:py-20 text-white">
489
490        <!-- MAIN FOOTER GRID -->
491        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 gap-y-12 gap-x-8 pb-16">
492
493            <!-- About -->
494            <div class="flex flex-col md:col-span-2 lg:col-span-4 lg:pr-10">
495                <h1 class="montserrat-semibold pb-6 uppercase tracking-wider text-lg">About Us</h1>
496                <img class="w-32 sm:w-40 pb-6" src="/images/about-us-logo.png" alt="About Us" />
497                <p class="montserrat-extralight text-sm leading-relaxed text-gray-200">
498                    The Special Foundation is a privately funded social
499                    impact organization focused on building Africa’s
500                    next set of Leaders by refining their minds through
501                    education.
502                </p>
503            </div>
504
505            <!-- Featured Blogs -->
506            <div class="flex flex-col lg:col-span-2">
507                <h1 class="montserrat-semibold pb-6 uppercase tracking-wider text-lg">Featured Blogs</h1>
508                <div class="flex flex-col gap-5">
509                                            <a href="/blog/8ca9690c-7466-4f22-821f-839552d9cfe8" class="group block">
510                            <p class="montserrat-extralight text-sm leading-tight pb-1.5 group-hover:text-[#25A8D6] transition-colors">
511                                Public Interest Registry Names The Special Foundation 2026 .ORG Impact Awards Finalist
512                            </p>
513                            <p class="montserrat-thin text-xs text-gray-400">
514                                August 12, 2026
515                            </p>
516                        </a>
517                                            <a href="/blog/8f95fcd0-cb94-4101-b609-307cf541e195" class="group block">
518                            <p class="montserrat-extralight text-sm leading-tight pb-1.5 group-hover:text-[#25A8D6] transition-colors">
519                                The Future of Educational Equity in Africa Requires a Continuous Circle of Learning
520                            </p>
521                            <p class="montserrat-thin text-xs text-gray-400">
522                                June 05, 2026
523                            </p>
524                        </a>
525                                            <a href="/blog/d73abf77-d914-4c5a-84b1-fbe3ba685a1e" class="group block">
526                            <p class="montserrat-extralight text-sm leading-tight pb-1.5 group-hover:text-[#25A8D6] transition-colors">
527                                The Education Gap We Understand, But Still Ignore
528                            </p>
529                            <p class="montserrat-thin text-xs text-gray-400">
530                                April 25, 2026
531                            </p>
532                        </a>
533                                            <a href="/blog/f18f21bf-fca8-408c-a0b2-1a958bb65d24" class="group block">
534                            <p class="montserrat-extralight text-sm leading-tight pb-1.5 group-hover:text-[#25A8D6] transition-colors">
535                                Year-Round Education Access: Lessons from an Anthem Awards Win
536                            </p>
537                            <p class="montserrat-thin text-xs text-gray-400">
538                                February 23, 2026
539                            </p>
540                        </a>
541                                            <a href="/blog/908fa0a3-0b14-40d7-a11b-4c951e173aa6" class="group block">
542                            <p class="montserrat-extralight text-sm leading-tight pb-1.5 group-hover:text-[#25A8D6] transition-colors">
543                                A Naira Well-Spent: How ₦100,000 Can Transform a Child’s Future
544                            </p>
545                            <p class="montserrat-thin text-xs text-gray-400">
546                                June 15, 2025
547                            </p>
548                        </a>
549                                            <a href="/blog/07073409-d7eb-463e-8569-61af9a0e2421" class="group block">
550                            <p class="montserrat-extralight text-sm leading-tight pb-1.5 group-hover:text-[#25A8D6] transition-colors">
551                                Educating the Girl-child: 3 Actionable Steps to Take
552                            </p>
553                            <p class="montserrat-thin text-xs text-gray-400">
554                                March 07, 2025
555                            </p>
556                        </a>
557                                    </div>
558            </div>
559
560            <!-- Accreditations -->
561            <div class="flex flex-col lg:col-span-2">
562                <h1 class="montserrat-semibold pb-6 uppercase tracking-wider text-lg">Accreditations</h1>
563                <div class="flex flex-col gap-4 text-sm">
564                                            <div class="flex items-center gap-4 group">
565                            <div class="bg-white rounded p-1.5 transition-transform group-hover:scale-105">
566                                <img class="w-8 h-8 object-contain"
567                                     src="/storage/accreditations/wOpHYjS0IiMXR8wFFxDimJ6B5CSNC3FrB16lKK5m.png"
568                                     alt="2026 .ORG Impact Awards Finalist">
569                            </div>
570                            <p class="montserrat-extralight leading-snug text-gray-200">
571                                2026 .ORG Impact Awards Finalist
572                            </p>
573                        </div>
574                                            <div class="flex items-center gap-4 group">
575                            <div class="bg-white rounded p-1.5 transition-transform group-hover:scale-105">
576                                <img class="w-8 h-8 object-contain"
577                                     src="/storage/accreditations/6EcWkwQKf9QIUPuKt0LqRWSUDLNQ7YR34itCfvzg.png"
578                                     alt="2026 International CSR Excellence Award">
579                            </div>
580                            <p class="montserrat-extralight leading-snug text-gray-200">
581                                2026 International CSR Excellence Award
582                            </p>
583                        </div>
584                                            <div class="flex items-center gap-4 group">
585                            <div class="bg-white rounded p-1.5 transition-transform group-hover:scale-105">
586                                <img class="w-8 h-8 object-contain"
587                                     src="/storage/accreditations/heZo8ncIBBT190RSP6u1LnJ0dhsKEXYVFFz5se4z.png"
588                                     alt="2025 Community Voice Anthem Awards Winner">
589                            </div>
590                            <p class="montserrat-extralight leading-snug text-gray-200">
591                                2025 Community Voice Anthem Awards Winner
592                            </p>
593                        </div>
594                                            <div class="flex items-center gap-4 group">
595                            <div class="bg-white rounded p-1.5 transition-transform group-hover:scale-105">
596                                <img class="w-8 h-8 object-contain"
597                                     src="/storage/accreditations/enKcFqdwV7E5fkCfDetSa7eiPRsskT8q9oq91MIT.png"
598                                     alt="2025 Gold Anthem Awards Winner">
599                            </div>
600                            <p class="montserrat-extralight leading-snug text-gray-200">
601                                2025 Gold Anthem Awards Winner
602                            </p>
603                        </div>
604                                            <div class="flex items-center gap-4 group">
605                            <div class="bg-white rounded p-1.5 transition-transform group-hover:scale-105">
606                                <img class="w-8 h-8 object-contain"
607                                     src="/storage/accreditations/Klh9pVXb6FvL4nRK1j1RomUrqk2bMvlyZxR7G0oZ.png"
608                                     alt="Global Giving">
609                            </div>
610                            <p class="montserrat-extralight leading-snug text-gray-200">
611                                Global Giving
612                            </p>
613                        </div>
614                                            <div class="flex items-center gap-4 group">
615                            <div class="bg-white rounded p-1.5 transition-transform group-hover:scale-105">
616                                <img class="w-8 h-8 object-contain"
617                                     src="/storage/accreditations/RmH3
617wmNa02KaUKM9ZF4SOJjLJZgNA60iWBuhKA0y.jpg"
618                                     alt="NNNGO">
619                            </div>
620                            <p class="montserrat-extralight leading-snug text-gray-200">
621                                NNNGO
622                            </p>
623                        </div>
624                                            <div class="flex items-center gap-4 group">
625                            <div class="bg-white rounded p-1.5 transition-transform group-hover:scale-105">
626                                <img class="w-8 h-8 object-contain"
627                                     src="/storage/accreditations/60XIsuJ5mCdkvBzrikve9VszzJs2otNCqIf0uMCZ.png"
628                                     alt="CAF">
629                            </div>
630                            <p class="montserrat-extralight leading-snug text-gray-200">
631                                CAF
632                            </p>
633                        </div>
634                                    </div>
635            </div>
636
637            <!-- Media Mentions -->
638            <div class="flex flex-col lg:col-span-2">
639                <h1 class="montserrat-semibold pb-6 uppercase tracking-wider text-lg">Media Mentions</h1>
640                <div class="flex flex-col gap-4 text-sm">
641                                            <a href="https://youtu.be/V_sIwRPvySA"
642                           target="_blank"
643                           class="montserrat-extralight text-gray-200 hover:text-[#25A8D6] transition-colors block break-words leading-relaxed">
644                            How Our Thought Leadership Summit is Shaping Africa’s Future Leaders
645                        </a>
646                                            <a href="https://youtu.be/BXHs5Osrr1M?si=dUhOIeawX6VHvjjH"
647                           target="_blank"
648                           class="montserrat-extralight text-gray-200 hover:text-[#25A8D6] transition-colors block break-words leading-relaxed">
649                            Eye Witness Report (Channels TV)
650                        </a>
651                                            <a href="https://youtu.be/Uj8_jmI8r4M?si=dI7HLWK6thLq5vDz"
652                           target="_blank"
653                           class="montserrat-extralight text-gray-200 hover:text-[#25A8D6] transition-colors block break-words leading-relaxed">
654                            Kaleidoscope (Channels TV)
655                        </a>
656                                    </div>
657            </div>
658
659            <!-- Contact -->
660            <div class="flex flex-col lg:col-span-2">
661                <h1 class="montserrat-semibold pb-6 uppercase tracking-wider text-lg">Contact Details</h1>
662                <div class="flex flex-col gap-4">
663                    <a href="mailto:[email protected]" class="montserrat-extralight text-sm text-gray-200 hover:text-[#25A8D6] transition-colors flex items-start gap-2">
664                        <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg>
665                        <span class="break-all">[email protected]</span>
666                    </a>
667                    <a href="tel:+2349063444444" class="montserrat-extralight text-sm text-gray-200 hover:text-[#25A8D6] transition-colors flex items-start gap-2">
668                        <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path></svg>
669                        <span>+234 906 344 4444</span>
670                    </a>
671                    <div class="montserrat-extralight text-sm text-gray-200 leading-relaxed flex items-start gap-2">
672                        <svg class="w-5 h-5 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
672<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.243-4.243a8 8 0 1111.314 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path></svg>
673                        <span>Plot 28, Daniyan Natalia Street,<br>Lekki Phase 1,<br>Lagos State.</span>
674                    </div>
675                </div>
676            </div>
677
678        </div>
679
680        <!-- FOOTER BOTTOM -->
681        <div class="flex flex-col md:flex-row justify-between items-center gap-6 pt-8 border-t border-white/20">
682
683            <!-- Copyright -->
684            <div class="flex items-center gap-3 text-sm text-center md:text-left">
685                <img class="w-4 h-4 opacity-70" src="/images/copywright.png" alt="Copyright" />
686                <p class="montserrat-extralight text-gray-300">
687                    2026 The Special Youth Foundation. All Rights Reserved
688                </p>
689            </div>
690
691            <!-- Socials -->
692            <div class="flex items-center gap-4 sm:gap-6">
693                <a href="https://www.facebook.com/TSFNigeria/" target="_blank" rel="noopener noreferrer" class="hover:-translate-y-1 transition-transform duration-300">
694                    <img class="w-7 h-7 object-contain" src="/images/Facebook.png" alt="Facebook" />
695                </a>
696                <a href="https://x.com/thespecialfoun1" target="_blank" rel="noopener noreferrer" class="hover:-translate-y-1 transition-transform duration-300">
697                    <img class="w-7 h-7 object-contain" src="/images/TwitterX.png" alt="Twitter X" />
698                </a>
699                <a href="https://www.instagram.com/thespecialfoundation/" target="_blank" rel="noopener noreferrer" class="hover:-translate-y-1 transition-transform duration-300">
700                    <img class="w-7 h-7 object-contain" src="/images/Instagram.png" alt="Instagram" />
701                </a>
702                <a href="https://www.linkedin.com/company/the-special-youth-leadership-foundation/?originalSubdomain=ng" target="_blank" rel="noopener noreferrer" class="hover:-translate-y-1 transition-transform duration-300">
703                    <img class="w-7 h-7 object-contain" src="/images/LinkedIn.png" alt="LinkedIn" />
704                </a>
705                <a href="https://www.youtube.com/channel/UCyd16DepueNAALGGNu1fJkw" target="_blank" rel="noopener noreferrer" class="hover:-translate-y-1 transition-transform duration-300">
706                    <img class="w-7 h-7 object-contain" src="/images/YouTube.png" alt="YouTube" />
707                </a>
708            </div>
709
710        </div>
711
712    </div>
713</div>
714    
714<script>
715        document.addEventListener('DOMContentLoaded', function() {
716
717            const mobileMenuButton = document.getElementById('mobile-menu-button');
718            const menu = document.getElementById('menu');
719            const menuIcon = document.getElementById('menu-icon');
720
721            const programsButton = document.getElementById('programs-button');
722            const programsDropdown = document.getElementById('programs-dropdown');
723            const programsIcon = document.getElementById('programs-icon');
724
725            const donorButton = document.getElementById('donor-button');
726            const donorDropdown = document.getElementById('donor-dropdown');
727            const donorIcon = document.getElementById('donor-icon');
728
729            const communicationsButton = document.getElementById('communications-button');
730            const communicationsDropdown = document.getElementById('communications-dropdown');
731            const communicationsIcon = document.getElementById('communications-icon');
732
733            const downloadsButton = document.getElementById('downloads-button');
734            const downloadsDropdown = document.getElementById('downloads-dropdown');
735            const downloadsIcon = document.getElementById('downloads-icon');
736
737            // MOBILE MENU
738            mobileMenuButton.addEventListener('click', function() {
739                menu.classList.toggle('hidden');
740                menuIcon.src = menu.classList.contains('hidden') ?
741                    '/images/hamburger.svg' :
742                    '/images/close_menu.svg';
743            });
744
745            // PROGRAMS
746            programsButton.addEventListener('click', function(e) {
747                e.stopPropagation();
748                programsDropdown.classList.toggle('hidden');
749                programsIcon.classList.toggle('rotate-180');
750
751                // close others
752                donorDropdown.classList.add('hidden');
753                donorIcon.classList.remove('rotate-180');
754            });
755
756            // DONOR PROCESS
757            donorButton.addEventListener('click', function(e) {
758                e.stopPropagation();
759                donorDropdown.classList.toggle('hidden');
760                donorIcon.classList.toggle('rotate-180');
761
762                // close others
763                programsDropdown.classList.add('hidden');
764                programsIcon.classList.remove('rotate-180');
765            });
766
767            // MEDIA
768            communicationsButton.addEventListener('click', function(e) {
769                e.stopPropagation();
770                communicationsDropdown.classList.toggle('hidden');
771                communicationsIcon.classList.toggle('rotate-180');
772
773                programsDropdown.classList.add('hidden');
774                programsIcon.classList.remove('rotate-180');
775                donorDropdown.classList.add('hidden');
776                donorIcon.classList.remove('rotate-180');
777                if (downloadsDropdown) {
778                    downloadsDropdown.classList.add('hidden');
779                    downloadsIcon.classList.remove('rotate-180');
780                }
781            });
782
783            // DOWNLOADS
784            downloadsButton.addEventListener('click', function(e) {
785                e.stopPropagation();
786                downloadsDropdown.classList.toggle('hidden');
787                downloadsIcon.classList.toggle('rotate-180');
788
789                programsDropdown.classList.add('hidden');
790                programsIcon.classList.remove('rotate-180');
791                donorDropdown.classList.add('hidden');
792                donorIcon.classList.remove('rotate-180');
793                communicationsDropdown.classList.add('hidden');
794                communicationsIcon.classList.remove('rotate-180');
795            });
796
797            // CLICK OUTSIDE CLOSE
798            document.addEventListener('click', function() {
799                programsDropdown.classList.add('hidden');
800                donorDropdown.classList.add('hidden');
801                communicationsDropdown.classList.add('hidden');
802                if (downloadsDropdown) downloadsDropdown.classList.add('hidden');
803
804                programsIcon.classList.remove('rotate-180');
805                donorIcon.classList.remove('rotate-180');
806                communicationsIcon.classList.remove('rotate-180');
807                if (downloadsIcon) downloadsIcon.classList.remove('rotate-180');
808            });
809
810        });
811    </script>
811
812    
812<script src="https://cdnjs.cloudflare.com/ajax/libs/odometer.js/0.4.7/odometer.min.js"
813        integrity="sha512-v3fZyWIk7kh9yGNQZf1SnSjIxjAKsYbg6UQ+B+QxAZqJQLrN3jMjrdNwcxV6tis6S0s1xyVDZrDz9UoRLfRpWw=="
814        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
814
815
816    
816<script>
817        const createOdometer = (el, value) => {
818            const odometer = new Odometer({
819                el: el,
820                value: 0,
821            });
822
823            let hasRun = false;
824
825            const options = {
826                threshold: [0, 0.9],
827            };
828
829            const callback = (entries, observer) => {
830                entries.forEach((entry) => {
831                    if (entry.isIntersecting) {
832                        if (!hasRun) {
833                            odometer.update(value);
834                            hasRun = true;
835                        }
836                    }
837                });
838            };
839
840            const observer = new IntersectionObserver(callback, options);
841            observer.observe(el);
842        };
843
844        const odometer1 = document.querySelector(".odometer-1");
845        createOdometer(odometer1, 103758);
846
847        const odometer2 = document.querySelector(".odometer-2");
848        createOdometer(odometer2, 642);
849
850        const odometer3 = document.querySelector(".odometer-3");
851        createOdometer(odometer3, 31737);
852
853        const odometer4 = document.querySelector(".odometer-4");
854        createOdometer(odometer4, 11293);
855
856        const odometer5 = document.querySelector(".odometer-5");
857        createOdometer(odometer5, 15);
858
859        const meter1 = document.querySelector(".odometer-6");
860        createOdometer(meter1, 500000);
861
862        const meter2 = document.querySelector(".meter-2");
863        createOdometer(meter2, 5000);
864
865        const meter3 = document.querySelector(".meter-3");
866        createOdometer(meter3, 50000);
867
868        const meter4 = document.querySelector(".meter-4");
869        createOdometer(meter4, 60000);
870
871        const meter5 = document.querySelector(".meter-5");
872        createOdometer(meter5, 100);
873    </script>
873
874</body>
875
876</html>

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.