<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Mikey Network - Saving Lives Through Heart Health Education</title>
    <meta name="description" content="The Mikey Network is dedicated to creating public awareness and providing education about heart-healthy lifestyles, and to placing as many defibrillators as possible so those affected by Sudden Cardiac Arrest can have a second chance at life.">
<meta name="keywords" content="Mikey Network, heart health, defibrillators, Sudden Cardiac Arrest, heart-healthy lifestyles">
<meta name="author" content="The Mikey Network">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="icon" type="image/png" href="/images/logos/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/images/logos/favicon/favicon.svg" />
<link rel="shortcut icon" href="/images/logos/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/logos/favicon/apple-touch-icon.png" />



<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Ubuntu+Sans:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">


<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">

<!-- Bootstrap Icons CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />

<!-- Custom CSS -->
<link rel="stylesheet" href="https://mikeynetwork.com/css/style.css"> 
<link rel="stylesheet" href="https://mikeynetwork.com/css/carousel.css"> 


<!-- Google tag (gtag.js) --> 
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LMBB14T6S7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LMBB14T6S7'); </script>

</head>
<body>
    <!-- Navigation -->
<nav class="navbar navbar-expand-xl navbar-light pt-0 pb-2 fixed-top">
    <div class="container position-relative">
        <div class="top-header">

            <a href="/report-a-save" class="top-header-btn">REPORT A SAVE <span class="heart-icons"><img class="img-fluid"
                        src="https://mikeynetwork.com/images/heart-only.png" alt=""></a>
            <a href="https://giving.gofundme.com/campaign/805044/donate" target="_blank"
                class="top-header-btn">DONATE</span></a>


        </div>
        <a class="navbar-brand" href="/">
            <img src="https://mikeynetwork.com/images/mickey-logo.png" alt="Mikey Network" height="60">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse pt-5 " id="navbarNav">
            <ul class="navbar-nav ms-auto " id="header-nav">
                <!-- WHO IS MIKEY? -->
                <li class="nav-item dropdown position-static">
                    <a class="nav-link dropdown-toggle " href="#" id="whoIsMikeyDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        WHO IS MIKEY?
                    </a>
                    <div class="dropdown-menu w-100 mt-0 p-0 border-0 shadow" aria-labelledby="whoIsMikeyDropdown"
                        style="left:0; right:0;">
                        <div class="row g-0">
                            <!-- Left: Menu Links -->
                            <div class="col-lg-6 col-xl-5 bg-white p-xxl-4 p-2 menu-links">
                                <a class="dropdown-item font-roboto-bold " href="/our-mission">OUR MISSION</a>
                                
                                <a class="dropdown-item font-roboto-bold " href="/where-donations-go">WHERE YOUR
                                    DONATIONS GO</a>
                        
                                <a class="dropdown-item font-roboto-bold " href="/saved-by-a-mikey">Saved by a Mikey</a>
                                <a class="dropdown-item font-roboto-bold " href="/directors-officers">Directors and
                                    Officers</a>
                                <!-- <a class="dropdown-item font-roboto-bold" href="/see-our-full-list-of-partners">See our
                                                full list of partners</a> -->
                                <!-- <a class="dropdown-item font-roboto-bold" href="/team-mikey">TEAM MIKEY</a> -->
                                <!-- <a class="dropdown-item font-roboto-bold" href="/saved-by-mikey">SAVED BY A MIKEY</a> -->
                            </div>
                            <!-- Right: Image -->
                            <div class="col-lg-6 col-xl-7 d-none d-md-block" style="background: #f8f9fa;">
                                <img src="https://mikeynetwork.com/images/who-is-mikey-1.png" alt="Mikey Team"
                                    class="img-fluid h-100 w-100 object-fit-cover"
                                    style="object-fit: cover; min-height: 300px;">
                            </div>
                        </div>
                    </div>
                </li>
                <!-- MIKEY PROGRAMS -->
                <li class="nav-item dropdown position-static">
                    <a class="nav-link dropdown-toggle " href="#" id="mikeyProgramsDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        MIKEY PROGRAMS
                    </a>
                    <div class="dropdown-menu w-100 mt-0 p-0 border-0 shadow" aria-labelledby="mikeyProgramsDropdown"
                        style="left:0; right:0;">
                        <div class="row g-0">
                            <!-- Left: Menu Links -->
                            <div class="col-md-5 bg-white p-4 menu-links">
                                <a class="dropdown-item font-roboto-bold " href="/mikey-kids">Mikey Kids</a>

                                <a class="dropdown-item font-roboto-bold " href="/mikey-on-board-program">Mikey On
                                    Board</a>
                                <a class="dropdown-item font-roboto-bold " href="/mikey-on-site">Mikey On Site</a>

                                <a class="dropdown-item font-roboto-bold " href="/mikey-young-at-heart">Mikey Young at
                                    Heart</a>
                                <a class="dropdown-item font-roboto-bold " href="/mikey-on-the-go">Mikey on the Go</a>
                                
                                <a class="dropdown-item font-roboto-bold " href="/mikey-goes-to-camp">Mikey Goes to
                                    Camp</a>
                                <a class="dropdown-item font-roboto-bold " href="/mikey-cops-are-top">Mikey cops are
                                    tops</a>
                            </div>
                            <!-- Right: Image -->
                            <div class="col-md-7 d-none d-md-block" style="background: #f8f9fa;">
                                <img src="https://mikeynetwork.com/images/mikey-programs-1.png" alt="Mikey Team"
                                    class="img-fluid h-100 w-100 object-fit-cover"
                                    style="object-fit: cover; min-height: 300px;">
                            </div>
                        </div>
                    </div>
                </li>
                <!--SUPPORT MIKEY -->

                <li class="nav-item">
                    <a class="nav-link " href="/support-mikey">SUPPORTING MIKEY</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="/raise-funds">Create A Fund</a>
                </li>
              
<li class="nav-item">
                    <a class="nav-link " target="_blank" href="https://pro.gofundme.com/fundraiser/4575701">Existing Funds</a>
                </li>
                
                <!--EDUCATION -->
                <li class="nav-item dropdown position-static">
                    <a class="nav-link dropdown-toggle " href="#" id="mikeyKidsDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        EDUCATION
                    </a>
                    <div class="dropdown-menu w-100 mt-0 p-0 border-0 shadow" aria-labelledby="mikeyKidsDropdown"
                        style="left:0; right:0;">
                        <div class="row g-0">
                            <!-- Left: Menu Links -->
                            <div class="col-md-5 bg-white p-4 menu-links">
                                <a class="dropdown-item font-roboto-bold " href="/education-what-is-a-mikey">What is a
                                    Mikey?</a>
                                <a class="dropdown-item font-roboto-bold " href="/education-how-can-a-mikey-help">How
                                    can a Mikey Help?</a>
                                <a class="dropdown-item font-roboto-bold " href="/education-cpr-training">CPR & AED Education</a>
                                <a class="dropdown-item font-roboto-bold " href="/education-check-maintenance">Check &
                                    Maintenance of a Mikey AED</a>
                            </div>
                            <!-- Right: Image -->
                            <div class="col-md-7 d-none d-md-block" style="background: #f8f9fa;">
                                <img src="https://mikeynetwork.com/images/mikey-kids-1.png" alt="Mikey Team"
                                    class="img-fluid h-100 w-100 object-fit-cover"
                                    style="object-fit: cover; min-height: 300px;">
                            </div>
                        </div>
                    </div>
                </li>
                <!-- HEART HEALTH -->
                <li class="nav-item dropdown position-static">
                    <a class="nav-link dropdown-toggle " href="#" id="heartHealthDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        HEART HEALTH
                    </a>
                    <div class="dropdown-menu w-100 mt-0 p-0 border-0 shadow" aria-labelledby="heartHealthDropdown"
                        style="left:0; right:0;">
                        <div class="row g-0">
                            <!-- Left: Menu Links -->
                            <div class="col-md-5 bg-white p-4 menu-links">
                                <a class="dropdown-item font-roboto-bold " href="/heart-conditions">Heart
                                    Conditions</a>
                                <a class="dropdown-item font-roboto-bold " href="/risk-prevention">Risk &
                                    Prevention</a>
                                <a class="dropdown-item font-roboto-bold " href="/heart-health-recipes">Heart Health
                                    Recipes</a>
                                <a class="dropdown-item font-roboto-bold " href="/keep-moving">Keep Moving</a>
                                <a class="dropdown-item font-roboto-bold " href="/kids-with-a-heart">Kids with a
                                    heart</a>
                                <a class="dropdown-item font-roboto-bold " href="/becoming-heart-healthy">Becoming
                                    Heart Healthy</a>
                                <a class="dropdown-item font-roboto-bold " href="/glossary">Glossary</a>
                            </div>
                            <!-- Right: Image -->
                            <div class="col-md-7 d-none d-md-block" style="background: #f8f9fa;">
                                <img src="https://mikeynetwork.com/images/nav-heart-health-1.webp" alt="Mikey Team"
                                    class="img-fluid h-100 w-100 object-fit-cover"
                                    style="object-fit: cover; min-height: 300px;">
                            </div>
                        </div>
                    </div>
                </li>


                <!-- BLOG -->
                <li class="nav-item">
                    <a class="nav-link " href="/blog">BLOG</a>
                </li>
                

                <!-- CONTACT US -->
                <li class="nav-item dropdown position-static">
                    <a class="nav-link dropdown-toggle " href="#" id="whoIsMikeyDropdown" role="button"
                        data-bs-toggle="dropdown" aria-expanded="false">
                        CONTACT US
                    </a>
                    <div class="dropdown-menu w-100 mt-0 p-0 border-0 shadow" aria-labelledby="whoIsMikeyDropdown"
                        style="left:0; right:0;">
                        <div class="row g-0">
                            <!-- Left: Menu Links -->
                            <div class="col-md-5 bg-white p-4 menu-links">
                                <a class="dropdown-item font-roboto-bold " href="/contact-us">Contact Us</a>

                                <a class="dropdown-item font-roboto-bold " href="/apply-for-a-mikey">Apply for a
                                    Mikey</a>

                                <a class="dropdown-item font-roboto-bold " href="/report-a-save">Report a save</a>

                                <a class="dropdown-item font-roboto-bold " href="/funds">Funds</a>



                            </div>
                            <!-- Right: Image -->
                            <div class="col-md-7 d-none d-md-block" style="background: #f8f9fa;">
                                <img src="/images/nav-contact-us-1.png" alt="Mikey Team"
                                    class="img-fluid h-100 w-100 object-fit-cover"
                                    style="object-fit: cover; min-height: 300px;">
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</nav>
    <!-- Hero Banner -->
<div class="hero-carousel carousel slide" data-bs-ride="carousel">
    <div class="carousel-inner">
        <div class="carousel-item position-relative active" data-bs-interval="15000">
            
            <video
                id="heroVideo"
                src="https://player.vimeo.com/progressive_redirect/playback/1096022233/rendition/1080p/file.mp4?loc=external&signature=0e263459838ee9a42d59bdd60c0adfa5ad44664f7e2df23acfe9c1758f606b0d"
                class="w-100 h-100 object-fit-cover"
                autoplay
                muted
                loop
                playsinline></video>
            <div class="carousel-overlay"></div>
            
            <button type="button"
                class="hero-video-toggle position-absolute z-3 d-flex align-items-center justify-content-center"
                style="right: 20px; top: 20px; width: 48px; height: 48px;
               border: none; border-radius: 50%; background: rgba(255,255,255,0.85);
               cursor: pointer;"
                aria-label="Pause background video">
                
                <svg class="icon-pause" width="22" height="22" viewBox="0 0 24 24" fill="#000">
                    <rect x="6" y="4" width="4" height="16"></rect>
                    <rect x="14" y="4" width="4" height="16"></rect>
                </svg>

                
                <svg class="icon-play d-none" width="22" height="22" viewBox="0 0 24 24" fill="#000">
                    <polygon points="5,3 19,12 5,21"></polygon>
                </svg>
            </button>
            <div class=" h-100">
                <div class="hero-content">
                    <h1>When you need it most.</h1>
                    <h2>MIKEY IS HERE</h2>
                </div>
                <div class="hero-card">
                    <h6>CREATE A FUND IN HONOUR/MEMORY OF </h6>
                    <h3 class="mb-0">SOMEONE YOU LOVE</h3>
                    <p class="mb-3">Get started with your own fund</p>
                    <a href="/funds" class="btn btn-mikey rounded-0 btn-sm">LEARN MORE</a>
                </div>
            </div>
        </div>
        <div class="carousel-item position-relative" data-bs-interval="5000">
            <img src="./images/banner-1.jpg" class="w-100 h-100 object-fit-cover" alt="Banner 2">
            <div class="carousel-overlay"></div>
            <div class=" h-100">
                <div class="hero-content">
                    <h1>When you need it most.</h1>
                    <h2>MIKEY IS HERE</h2>
                </div>
                <div class="hero-card">
                    <h6 class="mb-2">CREATE A FUND IN HONOUR/MEMORY OF </h6>
                    <h3 class="mb-0">SOMEONE YOU LOVE</h3>
                    <p class="mb-3">Get started with your own fund</p>
                    <a href="/funds" class="btn btn-mikey rounded-0 btn-sm">LEARN MORE</a>
                </div>
            </div>
        </div>
        <div class="carousel-item position-relative" data-bs-interval="5000">
            <img src="./images/banner-2.jpg" class="w-100 h-100 object-fit-cover" alt="Banner 3">
            <div class="carousel-overlay"></div>
            <div class=" h-100">
                <div class="hero-content">
                    <h1>When you need it most.</h1>
                    <h2>MIKEY IS HERE</h2>
                </div>
                <div class="hero-card">
                    <h6 class="mb-2">CREATE A FUND IN HONOUR/MEMORY OF </h6>
                    <h3 class="mb-0">SOMEONE YOU LOVE</h3>
                    <p class="mb-3">Get started with your own fund</p>
                    <a href="/funds" class="btn btn-mikey rounded-0 btn-sm">LEARN MORE</a>
                </div>
            </div>
        </div>
    </div>
    <div class="carousel-indicators">
        <button type="button" data-bs-target=".hero-carousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target=".hero-carousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target=".hero-carousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>


</div>

<section class="px-5 pt-5 pb-4 bg-light-grey d-block d-sm-block d-md-none d-lg-none d-xl-none d-xxl-none">
    <div class="hero-card-mobile ">
        <h6>CREATE A FUND IN HONOUR/MEMORY OF </h6>
        <h3 class="mb-0">SOMEONE YOU LOVE</h3>
        <p class="mb-3">Get started with your own fund</p>
        <a href="/funds" class="btn btn-mikey rounded-0 btn-sm">LEARN MORE</a>
    </div>
</section>

<!-- Saved by a Mikey Section -->
<!-- <section class="py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-7 px-0">
                    <img src="./images/feature-3.png" alt="Saved by a Mikey" class="img-fluid rounded-0">
                </div>
                <div class="col-md-5 bg-blue-light">
                    <div class="hero-cards px-3 pt-5 pb-3">
                        <h3 class="text-uppercase font-16 mt-5">When hearts stop beating,</h3>
                        <h2 class="section-title text-uppercase letter-space-1">MIKEYs save lives.</h2>
                        <p class="text-capitalize font=lato mb-md-5 mb-2 line-2">Young or old, it’s our hear t that keeps us
                            going. When that hear t suddenly stops or
                            skips a beat, the results can be life
                            threatening. But having a MIKEY close at
                            hand can make all the difference in the
                            world.
                            
                            Learn CPR and how to use an AED</p>

                            <div class="divider-bar w-100"></div>
                            <div class="row mt-3 align-items-center justify-content-between">
                                <div class="col-sm-6">
                                    <h5 class="text-uppercase">Educational </h5>
                        <a href="/saved-by-a-mikey" class="btn btn-mikey">LEARN MORE</a>
                                </div>
                                <div class="col-sm-6 d-flex justify-content-end">
                                    <img src="./images/mikey-young.png" alt="mikey-young" class="max-80 me-3 mb-md-0 img-fluid rounded-3" />
                                    <img src="./images/mikey-ae.png" alt="mikey-ae" class="max-80 img-fluid rounded-3" />
                                </div>
                            </div>
                            
                    </div>
                </div>
            </div>
        </div>
    </section> -->

<section class="pt-5 pb-lg-4">
    <div class="container">
        <div class="row text-center">
            <div class="col-12 col-lg-8 offset-lg-2">
                <p class="text-grey font-64 ubuntu-sans-400 mb-0">Through The Mikey Network,</p>
                <p class="text-mikey-red font-64 ubuntu-sans-800 lh-1">The Beat Goes On</p>
                <p class="pt-3 font-roboto-light font-18 letter-space-01 line-1-5">The Mikey Network is dedicated to creating public awareness and providing education about heart-healthy lifestyles, and to placing as many defibrillators as possible so those affected by Sudden Cardiac Arrest can have a second chance at life.</p>
            </div>

        </div>
    </div>
</section>
<section class="">
    <div class="container bg-safety-everyone bg-safety-everyone-mobile">
        <div class="row w-100">
            <div class="col-12 col-md-7 offset-md-5 col-lg-6 offset-lg-6 col-xxl-5 offset-xxl-6 text-center text-md-start">
                <img src="images/mikey-on-site.png" class="img-fluid mx-auto d-block" />
                <h2 class="ubuntu-sans-400 font-38 text-grey pt-4">For the <span class="text-red">Safety</span> of Everyone </h2>
                <p class="font-18 font-roboto-light letter-space-01 line-1-5">At construction sites, safety is paramount—and with a MIKEY defibrillator on-site, everyone gains a powerful tool that can increase a person's chance of survival by up to <b>50%</b>. </p>
                <p class="font-18 font-roboto-light letter-space-01 line-1-5 pt-xxl-3 pb-xxl-3">Hundreds of lives are saved each year through public access defibrillation, and the change is happening— we're committed to seeing those numbers grow even higher.</p>
                <a href="/mikey-on-site" class="btn btn-mikey rounded-0">READ MORE</a>
            </div>

        </div>
    </div>
</section>
<section class="py-5">
    <div class="container bg-beige">
        <div class="row p-lg-5 p-4">
            <div class="col-12 col-lg-9">
                <p class="text-grey font-52 ubuntu-sans-700 text-capitalize line-1-2 mb-4">Learn how to perform CPR and operate an AED </p>
                <div class="row">
                    <div class="col-12 col-lg-5 border-right-red">
                        <p class="font-20 font-roboto-light letter-space-01 pe-lg-5"><b class="font-roboto-bold">Meet Kaley</b>, who at 19 years old saved a life using the information she learned by going through the Mikey Young At Heart Program.</p>
                        <img src="images/cpr-video-2.png" class="img-fluid" />
                    </div>
                    <div class="col-12 col-lg-7 font-20 font-roboto-light letter-space-01 ps-lg-5">
                        <p>Performing CPR and operating an AED can be intimidating at first. The Mikey Network has all of the educational information required for you to feel confident.</p>
                        <p>With the Mikey Young At Heart Program, high school students can earn volunteer hours by completing a couple of short, educational videos and quizzes.<br /><a href="https://mikeyyoungatheart.com/" target="_blank" class="text-underline font-roboto-semibold letter-space-01 text-black">Click here to learn more.</a></p>
                        
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-3">
                <img src="images/cpr-video.png" class="img-fluid" /><br />
                <img src="images/mikey-young-s.png" class="img-fluid float-lg-end mt-3" />
            </div>
        </div>
    </div>
</section>
<!-- Emergency Signs Section -->
<section class="emergency-signs">
    <div class="container red-dark p-md-5 p-3">
        <div class="row">
            <div class="col-lg-6 pe-lg-5">
                <h2 class="section-title">Emergency signs</h2>
                <p class="font-roboto-light font-18 letter-space-01 line-1-5">Emergency signs of cardiac arrest include sudden collapse, loss of consciousness, and unresponsiveness. Additionally, a person may experience ineffective breathing or gasping for air, and may have no pulse.</p>
                
            </div>
            <div class="col-lg-6 align-self-center pt-md-0 pt-5">
                <img src="./images/heart.png" alt="Emergency Signs" class="w-100 img-fluid">
            </div>
        </div>
    </div>
</section>

<!-- Make a Difference Section -->
<section class="difference-section pt-5">
    <div class="container">
        <div class="row">

            <div class="col-lg-5 px-0">
                <div id="makeADifferenceCarousel" class="carousel slide content-carousel add-arrow bg-dark-grey" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item text-white active">
                            <div class="content-slide">
                                <h2 class="title">Mikey’s make a difference.</h2>
                                <div class="icon">
                                    <img src="images/family-icon.png" alt="Family Icon">
                                </div>
                                <div class="number">734</div>
                                <p class="description">Numbers of Kids families <br />with a Mikey</p>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Mikey’s make a difference.</h2>
                                <div class="icon">
                                    <img src="images/uni-icon.png" alt="Family Icon">
                                </div>
                                <div class="number">661</div>
                                <p class="description">Number of schools<br />with Mikey’s</p>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Mikey’s make a difference.</h2>
                                <div class="icon">
                                    <img src="images/cpr-icon.png" alt="Family Icon">
                                </div>
                                <div class="number">12,531</div>
                                <p class="description">Number of students registered on <br />Mikey Young At Heart Program</p>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Mikey’s make a difference.</h2>
                                <div class="icon">
                                    <img src="images/aed-icon.png" alt="Family Icon">
                                </div>
                                <div class="number">3,285</div>
                                <p class="description">Mikey’s/AED placed.</p>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Mikey’s make a difference.</h2>
                                <div class="icon">
                                    <img src="images/team-icon.png" alt="Family Icon">
                                </div>
                                <div class="number">53</div>
                                <p class="description">People saved by Mikey!</p>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#makeADifferenceCarousel" data-bs-slide="prev">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                            <path d="M25 0H0V25H25V0Z" fill="white" />
                            <path d="M16 3.5L7 12.5L16 21.5V19.21L9.29 12.5L16 5.79V3.5Z" fill="#333333" />
                        </svg>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#makeADifferenceCarousel" data-bs-slide="next">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                            <path d="M0 25L25 25L25 2.18557e-06L2.18557e-06 0L0 25Z" fill="white" />
                            <path d="M9 21.5L18 12.5L9 3.5L9 5.79L15.71 12.5L9 19.21L9 21.5Z" fill="#333333" />
                        </svg>
                    </button>
                    <div class="carousel-indicators squer-box">
                        <button type="button" data-bs-target="#makeADifferenceCarousel" data-bs-slide-to="0" class="active"></button>
                        <button type="button" data-bs-target="#makeADifferenceCarousel" data-bs-slide-to="1"></button>
                        <button type="button" data-bs-target="#makeADifferenceCarousel" data-bs-slide-to="2"></button>
                        <button type="button" data-bs-target="#makeADifferenceCarousel" data-bs-slide-to="3"></button>
                        <button type="button" data-bs-target="#makeADifferenceCarousel" data-bs-slide-to="4"></button>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 px-0">
                <div id="imageCarousel" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <img src="./images/difference-slider-1.jpg" class="d-block w-100 img-fluid object-fit-cover rounded" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="./images/difference-slider-2.jpg" class="d-block w-100 img-fluid object-fit-cover rounded" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="./images/difference-slider-3.jpg" class="d-block w-100 img-fluid object-fit-cover rounded" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="./images/difference-slider-4.jpg" class="d-block w-100 img-fluid object-fit-cover rounded" alt="">
                        </div>
                        <div class="carousel-item">
                            <img src="./images/difference-slider-5.jpg" class="d-block w-100 img-fluid object-fit-cover rounded" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Saved by a Mikey Section -->
<section class="py-5">
    <div class="container">
        <div class="row">
            <!-- <div class="col-lg-7 px-0">
                    <div id="imageCarousel2" class="carousel slide" data-bs-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img src="./images/saved-by-mikey-1.jpg" class="d-block w-100 img-fluid rounded" alt="">
                            </div>
                            <div class="carousel-item">
                                <img src="./images/saved-by-mikey-2.jpg" class="d-block w-100 img-fluid rounded" alt="">
                            </div>
                            <div class="carousel-item">
                                <img src="./images/saved-by-mikey-3.jpg" class="d-block w-100 img-fluid rounded" alt="">
                            </div>
                            <div class="carousel-item">
                                <img src="./images/saved-by-mikey-4.jpg" class="d-block w-100 img-fluid rounded" alt="">
                            </div>
                            <div class="carousel-item">
                                <img src="./images/saved-by-mikey-5.jpg" class="d-block w-100 img-fluid rounded" alt="">
                            </div>
                        </div>
                    </div>
                </div> -->
            <div class="col-lg-12 bg-dark-grey px-0">
                <div id="savedByMikeyCarousel" class="carousel slide content-carousel add-arrow" data-bs-ride="carousel">
                    <div class="carousel-inner">
                        <div class="carousel-item text-white active">
                            <div class="content-slide">
                                <h2 class="title">Saved By a Mikey</h2>
                                <p class="description1 px-lg-5">While nearing the finish of the Toronto Half Marathon, I collapsed. … Two paramedics on bicycles arrived carrying a portable AED which had been provided by The Mikey Network...</p>
                                <p class="description1 mb-0">Andrew Rosbrook</p>
                                <p class="description1">Toronto Police Officer</p>
                                <a href="/saved-by-a-mikey" class="btn btn-mikey rounded-0">READ MORE</a>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Saved By a Mikey</h2>
                                <p class="description1 px-lg-5">My gym teacher saved my life! I really need to thank him for that. Now knowing I almost died, I’m going to try to live life even fuller.</p>
                                <p class="description1 mb-0" style="font-weight:700">Ajethan Ramachandranathan</p>
                                <p class="description1">High School Student Saved by A MIKEY</p>
                                <a href="/saved-by-a-mikey" class="btn btn-mikey rounded-0">READ MORE</a>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Saved By a Mikey</h2>
                                <p class="description1 px-lg-5">The Mikey defibrillator provided by The Mikey Network saved our baby son Archer along with CPR and rescue breaths on the side of the road.</p>
                                <p class="description1 mb-0" style="font-weight:700">Sean Hackett</p>
                                <p class="description1">Father of a Mikey’s Kids family</p>
                                <a href="/saved-by-a-mikey" class="btn btn-mikey rounded-0">READ MORE</a>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Saved By a Mikey</h2>
                                <p class="description1 px-lg-5">The Mikey Network is our trusted partner in caring for patients with heart rhythm disorders. The Mikey Team understands the needs of the family and of the medical team...</p>
                                <p class="description1 mb-0" style="font-weight:700">Joel A. Kirsh, MD, FRCP(c)</p>
                                <p class="description1">Cardiology & Critical Care, SickKids</p>
                                <a href="/saved-by-a-mikey" class="btn btn-mikey rounded-0">READ MORE</a>
                            </div>
                        </div>
                        <div class="carousel-item text-white">
                            <div class="content-slide">
                                <h2 class="title">Saved By a Mikey</h2>
                                <p class="description1 px-lg-5">On behalf of the Toronto District School Board I want to express our sincere appreciation to The Mikey Network for your generous donation...</p>
                                <p class="description1 mb-0" style="font-weight:700">Penny Mustin Employee</p>
                                <p class="description1">Services, Toronto District School Board</p>
                                <a href="/saved-by-a-mikey" class="btn btn-mikey rounded-0">READ MORE</a>
                            </div>
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#savedByMikeyCarousel" data-bs-slide="prev">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                            <path d="M25 0H0V25H25V0Z" fill="white" />
                            <path d="M16 3.5L7 12.5L16 21.5V19.21L9.29 12.5L16 5.79V3.5Z" fill="#333333" />
                        </svg>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#savedByMikeyCarousel" data-bs-slide="next">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                            <path d="M0 25L25 25L25 2.18557e-06L2.18557e-06 0L0 25Z" fill="white" />
                            <path d="M9 21.5L18 12.5L9 3.5L9 5.79L15.71 12.5L9 19.21L9 21.5Z" fill="#333333" />
                        </svg>
                    </button>
                    <!-- <div class="carousel-indicators">
                            <button type="button" data-bs-target="#savedByMikeyCarousel" data-bs-slide-to="0" class="active"></button>
                            <button type="button" data-bs-target="#savedByMikeyCarousel" data-bs-slide-to="1"></button>
                            <button type="button" data-bs-target="#savedByMikeyCarousel" data-bs-slide-to="2"></button>
                        </div> -->
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Get Involved Section -->
<section class="invalved-section">
    <div class="container bg-invalved">
        <div class="row w-100">
            <div class="col-6 offset-7 col-md-4 offset-md-8 font-lato px-0">
                <h2 class="section-title">Create a Fund</h2>
                <p class="font-18 font-roboto-light letter-space-01 line-1-5">We make it easy for you to create your own Mikey Network Fundraising page. <br />With just a few clicks, you can ask friends and family to donate.</p>
                <a href="/raise-funds" class="btn btn-mikey rounded-0">LEARN MORE</a>
            </div>

        </div>
    </div>
</section>

<!-- Blog Section -->
<section class="py-5">
    <div class="container">

        <div class="row">

            <div class="col-lg-5 bg-dark-grey px-0">
                <div id="blogCarousel" class="carousel slide content-carousel add-arrow" data-bs-ride="carousel">
                    <div class="carousel-inner">

                        


                        <div class="carousel-item text-white active">
                            <div class="content-slide px-lg-5">
                                <h2 class="title">BLOG</h2>
                                <h4 class="font-20 font-roboto letter-space-01 line-1-5">A Meaningful Contribution to Saving Lives
                                </h4>
                                <p class="font-18 font-roboto-light letter-space-01 line-1-5 pb-2">A generous $5,000 donation was presented to The Mikey Network, supporting its mission to provide life-saving defibrillators and heart health education in communities across Canada.</p>


                                                                    <a class="btn btn-mikey btn-sm rounded-0 mb-lg-0 mb-3" href="https://mikeynetwork.com/blog/a-meaningful-contribution-to-saving-lives">
                                                                                READ MORE
                                    </a>
                            </div>
                        </div>

                        


                        <div class="carousel-item text-white ">
                            <div class="content-slide px-lg-5">
                                <h2 class="title">BLOG</h2>
                                <h4 class="font-20 font-roboto letter-space-01 line-1-5">Here are 3 superfoods you should have everyday
                                </h4>
                                <p class="font-18 font-roboto-light letter-space-01 line-1-5 pb-2">Eating Well, is a great source that informs you on ways that you can eat well on a daily basis. They have shared their top 10 super-foods that anyone can eat on a daily basis!</p>


                                                                    <a class="btn btn-mikey btn-sm rounded-0 mb-lg-0 mb-3" href="https://mikeynetwork.com/blog/here-are-3-superfoods-you-should-have-everyday">
                                                                                READ MORE
                                    </a>
                            </div>
                        </div>

                        


                        <div class="carousel-item text-white ">
                            <div class="content-slide px-lg-5">
                                <h2 class="title">BLOG</h2>
                                <h4 class="font-20 font-roboto letter-space-01 line-1-5">Some heart health tips to consider
                                </h4>
                                <p class="font-18 font-roboto-light letter-space-01 line-1-5 pb-2">Ensure you’re always moving! Consider going for a stroll during your lunch break or exercises in your spare time.</p>


                                                                    <a class="btn btn-mikey btn-sm rounded-0 mb-lg-0 mb-3" href="https://mikeynetwork.com/blog/some-heart-health-tips-to-consider">
                                                                                READ MORE
                                    </a>
                            </div>
                        </div>

                        
                        <!-- <div class="carousel-item text-white active-">
                                <div class="content-slide px-lg-5">
                                    <h2 class="title">BLOG</h2>
                                    <h4 class="font-18 font-roboto-light letter-space-01 line-1-5">Here are some fun exercises
                                        you can do as a family
                                        </h4>
                                    <p class="font-18 font-roboto-light letter-space-01 line-1-5 pb-2">When thinking of the term
                                        “exercising” we often think of
                                        team sports, or something that
                                        we can do as an individual, like
                                        running. The thought of ‘family ’
                                        doesn’t really come to mind,
                                        but often our families are
                                        where we first learned the...</p>
                                    <a class="btn btn-mikey btn-sm rounded-0" href="/blog">READ MORE</a>
                                </div>
                            </div>
                            <div class="carousel-item text-white">
                                <div class="content-slide">
                                    <h2 class="title">COMMUNITY EVENTS</h2>
                                    <p class="font-18 font-roboto-light letter-space-01 line-1-5 pb-5">Join us for CPR training workshops this summer</p>
                                    <a href="/community-events" class="btn btn-mikey rounded-0">LEARN MORE</a>
                                </div>
                            </div>
                            <div class="carousel-item text-white">
                                <div class="content-slide">
                                    <h2 class="title">SUCCESS STORIES</h2>
                                    <p class="font-18 font-roboto-light letter-space-01 line-1-5 pb-5">Meet the families whose lives have been touched by MIKEY</p>
                                    <a class="btn btn-mikey rounded-0" href="/saved-by-a-mikey">READ MORE</a>
                                </div>
                            </div> -->
                    </div>
                    <button class="carousel-control-prev" type="button" data-bs-target="#blogCarousel" data-bs-slide="prev">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                            <path d="M25 0H0V25H25V0Z" fill="white" />
                            <path d="M16 3.5L7 12.5L16 21.5V19.21L9.29 12.5L16 5.79V3.5Z" fill="#333333" />
                        </svg>
                    </button>
                    <button class="carousel-control-next" type="button" data-bs-target="#blogCarousel" data-bs-slide="next">
                        <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                            <path d="M0 25L25 25L25 2.18557e-06L2.18557e-06 0L0 25Z" fill="white" />
                            <path d="M9 21.5L18 12.5L9 3.5L9 5.79L15.71 12.5L9 19.21L9 21.5Z" fill="#333333" />
                        </svg>
                    </button>
                    <div class="carousel-indicators">
                        <button type="button" data-bs-target="#blogCarousel" data-bs-slide-to="0" class="active"></button>
                        <button type="button" data-bs-target="#blogCarousel" data-bs-slide-to="1"></button>
                        <button type="button" data-bs-target="#blogCarousel" data-bs-slide-to="2"></button>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 p-0">



                
                
                
                <img src="/storage/uploads/blogs/6f106de7474b1fcdfd1c0f7cec0411c7bfa8fdc4.jpg" alt="Blog" class="img-fluid rounded-0">

                            </div>
        </div>
    </div>
</section>
<script>
    // === First Carousel Pair ===
    const nextBtn1 = document.querySelector('#makeADifferenceCarousel .carousel-control-next');
    const prevBtn1 = document.querySelector('#makeADifferenceCarousel .carousel-control-prev');
    const contentCarousel1 = document.querySelector('#makeADifferenceCarousel');
    const imageCarousel1 = document.querySelector('#imageCarousel');

    nextBtn1.addEventListener('click', () => {
        const bsCarousel1 = bootstrap.Carousel.getInstance(imageCarousel1);
        bsCarousel1.next();
    });

    prevBtn1.addEventListener('click', () => {
        const bsCarousel1 = bootstrap.Carousel.getInstance(imageCarousel1);
        bsCarousel1.prev();
    });

    // === Second Carousel Pair ===
    const nextBtn2 = document.querySelector('#savedByMikeyCarousel .carousel-control-next');
    const prevBtn2 = document.querySelector('#savedByMikeyCarousel .carousel-control-prev');
    const contentCarousel2 = document.querySelector('#savedByMikeyCarousel');
    const imageCarousel2 = document.querySelector('#imageCarousel2');

    nextBtn2.addEventListener('click', () => {
        const bsCarousel2 = bootstrap.Carousel.getInstance(imageCarousel2);
        bsCarousel2.next();
    });

    prevBtn2.addEventListener('click', () => {
        const bsCarousel2 = bootstrap.Carousel.getInstance(imageCarousel2);
        bsCarousel2.prev();
    });

    document.addEventListener('DOMContentLoaded', function() {
        const video = document.getElementById('heroVideo');
        const btn = document.querySelector('.hero-video-toggle');
        if (!video || !btn) return;

        const playIcon = btn.querySelector('.icon-play');
        const pauseIcon = btn.querySelector('.icon-pause');

        function setState(isPlaying) {
            if (isPlaying) {
                playIcon.classList.add('d-none');
                pauseIcon.classList.remove('d-none');
                btn.setAttribute('aria-label', 'Pause background video');
            } else {
                pauseIcon.classList.add('d-none');
                playIcon.classList.remove('d-none');
                btn.setAttribute('aria-label', 'Play background video');
            }
        }

        btn.addEventListener('click', function() {
            if (video.paused) {
                video.play();
                setState(true);
            } else {
                video.pause();
                setState(false);
            }
        });

        // In case autoplay is blocked or user agent pauses it, keep icons in sync
        video.addEventListener('play', function() {
            setState(true);
        });
        video.addEventListener('pause', function() {
            setState(false);
        });
    });
</script>


    <style>
    .contact-modal {
        position: fixed;
        inset: 0;
        display: none;
        background: rgba(0, 0, 0, .5);
        z-index: 1050;
        align-items: center;
        justify-content: center;
        padding: 1rem
    }

    .contact-modal.open {
        display: flex
    }

    .contact-modal .dialog {
        background: #fff;
        border-radius: 8px;
        max-width: 640px;
        width: 100%;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
    }

    .contact-modal .header {
        padding: 1rem 1.25rem;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .contact-modal .body {
        padding: 1rem 1.25rem
    }

    .contact-modal .close {
        border: none;
        background: transparent;
        font-size: 28px;
        line-height: 1
    }
</style>

<div id="contactModal" class="contact-modal" aria-hidden="true">
    <div class="dialog">
        <div class="header">
            <h5 class="m-0" id="contact-modal-heading">Contact Us</h5>
            <button type="button" class="close" aria-label="Close" data-contact-close>&times;</button>
        </div>
        <div class="body">
            <form id="contactModalForm" method="POST" action="https://mikeynetwork.com/contact-submission">
                <input type="hidden" name="_token" value="BwRXqKCH187iowzHLPf3qpzPsKDxoNdbJU5nRmEv" autocomplete="off">                <input type="hidden" name="_ts" value="1780979906">
<div style="position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;">
  <label>Website</label>
  <input type="text" name="_website" tabindex="-1" autocomplete="off">
</div>


                <input type="hidden" name="subject" id="contact-modal-subject" value="">
                <input type="hidden" name="source" id="contact-modal-source" value="modal">

                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">First Name <span class="text-danger">*</span></label>
                        <input type="text" name="first_name" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Last Name <span class="text-danger">*</span></label>
                        <input type="text" name="last_name" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Email <span class="text-danger">*</span></label>
                        <input type="email" name="email" class="form-control" required>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Phone Number</label>
                        <input type="text" name="phone" class="form-control">
                    </div>
                    <div class="col-12 mb-3">
                        <label class="form-label">Message (optional)</label>
                        <textarea name="message" rows="4" class="form-control"></textarea>
                    </div>
                </div>
                <script src="https://www.google.com/recaptcha/api.js" async defer></script>
<div class="g-recaptcha mb-3" data-sitekey="6LfUv2UsAAAAAJwEwrc6GIuxsjTni3EHo_1BMdD4"></div>
                <div class="mt-3 d-flex gap-2">
                    <button type="submit" class="btn btn-mikey">Submit</button>
                    <button type="button" class="btn btn-secondary" data-contact-close>Cancel</button>
                </div>
            </form>
        </div>
    </div>
    <div tabindex="-1"></div>
</div>

<script>
    (function() {
        function openModal(subject, source, heading) {
            var modal = document.getElementById('contactModal');
            document.getElementById('contact-modal-subject').value = subject || '';
            document.getElementById('contact-modal-source').value = source || 'modal';
            var headingEl = document.getElementById('contact-modal-heading');
            if (headingEl) headingEl.textContent = heading || 'Contact Us';
            modal.classList.add('open');
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            var modal = document.getElementById('contactModal');
            modal.classList.remove('open');
            document.body.style.overflow = '';
            document.getElementById('contactModalForm').reset();
        }
        // AJAX submit: stay on page, show message, close modal
        document.addEventListener('submit', function(e) {
            var form = e.target.closest('#contactModalForm');
            if (!form) return;
            e.preventDefault();
            var data = new FormData(form);
            fetch(form.action, {
                    method: 'POST',
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest'
                    },
                    body: data
                })
                .then(function(res) {
                    return res.json();
                })
                .then(function(json) {
                    closeModal();
                    // Bootstrap 5 toast-like alert fallback
                    var div = document.createElement('div');
                    div.className =
                        'alert alert-success position-fixed top-0 start-50 translate-middle-x mt-3';
                    div.style.zIndex = '2000';
                    div.textContent = (json && json.message) ? json.message : 'Submitted successfully';
                    document.body.appendChild(div);
                    setTimeout(function() {
                        div.remove();
                    }, 3000);
                })
                .catch(function() {
                    var div = document.createElement('div');
                    div.className =
                        'alert alert-danger position-fixed top-0 start-50 translate-middle-x mt-3';
                    div.style.zIndex = '2000';
                    div.textContent = 'There was a problem submitting the form.';
                    document.body.appendChild(div);
                    setTimeout(function() {
                        div.remove();
                    }, 4000);
                });
        });
        document.addEventListener('click', function(e) {
            var trigger = e.target.closest('[data-open-contact]');
            if (trigger) {
                e.preventDefault();
                var subject = trigger.getAttribute('data-subject') || trigger.getAttribute(
                    'data-modal-subject') || 'General Inquiry';
                var heading = trigger.getAttribute('data-heading') || trigger.getAttribute(
                    'data-modal-heading') || subject || 'Contact Us';
                var source = trigger.getAttribute('data-source') || 'button';
                openModal(subject, source, heading);
                return;
            }
            if (e.target.matches('[data-contact-close]') || e.target.id === 'contactModal') {
                closeModal();
            }
        });
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeModal();
            }
        });
    })();
</script>
    <!-- Footer -->
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-6 col-lg-3 footer-section">
                <p class="mb-0 ubuntu-sans-700 font-24 letter-space-03">CONTACT US</p>
                <div class="footer-social">
                    <a href="https://www.facebook.com/MikeyNetwork/"><i class="fab fa-facebook-f"></i></a>
                    <a href="https://www.instagram.com/mikeynetwork/"><i class="fab fa-instagram"></i></a>
                    <a href="https://ca.linkedin.com/company/the-mikey-network"><i class="fab fa-linkedin-in"></i></a>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3 footer-section">
                <p class="mb-0 ubuntu-sans-700 font-12 letter-space-02">MAILING ADDRESS:</p>
                <p class="font-roboto-light letter-space-01 font-10 text-uppercase pt-2">245 Yorkland Blvd., Suite 100<br/> Toronto, ON M2J 4W9</p>
                <div class="mt-4">
                    <p class="mb-0 ubuntu-sans-700 font-12 letter-space-02">TEL:</p>
                    <p class="font-roboto-light letter-space-01 font-10 text-uppercase pt-2"><a href="tel:1-416-494-2230">416-494-2230</a></p>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3 footer-section">
                <p class="mb-0 ubuntu-sans-700 font-12 letter-space-02">GENERAL INQUIRIES:</p>
                <p class="font-roboto-light letter-space-01 font-10 text-uppercase pt-2"><a href="mailto:INFO@MIKEYNETWORK.COM">INFO@MIKEYNETWORK.COM</a></p>
                <div class="mt-4">
                    <p class="mb-0 ubuntu-sans-700 font-12 letter-space-02 text-uppercase">Education PROGRAMS Technical Support:</p>
                    <p class="font-roboto-light letter-space-01 font-10 text-uppercase pt-2"><a href="mailto:APPSUPPORT@MIKEYNETWORK.COM">APPSUPPORT@MIKEYNETWORK.COM</a></p>
                </div>
            </div>
            <div class="col-12 col-md-6 col-lg-3 footer-section">
                <p class="mb-0 ubuntu-sans-700 font-12 letter-space-02">TO APPLY FOR A MIKEY,<br/> PLEASE USE OUR APPLICATION FORM</p>
                <div class="mt-4">
                    <a href="apply-for-a-mikey" class="text-decoration-underline font-roboto-light letter-space-01 font-10 text-uppercase">APPLICATION FORM</a><br/>
                    <a href="/blog" class="text-decoration-underline font-roboto-light letter-space-01 font-10 text-uppercase">BLOG</a>
                </div>
            </div>
        </div>
        <div class="footer-divider"></div>
        <div class="row">
            <div class="col-12 col-lg-6">
                <div class="footer-logos">
                    <a href="https://www.herity.com/" target="_blank"><img src="https://mikeynetwork.com/images/hearty.png" alt="Herity"></a>
                    <a href="https://www.heathwood.com/" target="_blank"><img src="https://mikeynetwork.com/images/footer-heathwood.png" alt="Heathwood"></a>
                    <a href="/"><img src="https://mikeynetwork.com/images/dark-logo.png" alt="Mikey" style="height: 50px;"></a>
                </div>
            </div>
            <div class="col-12 col-lg-6 pt-lg-0 pt-4">
                <div class="footer-bottom">
                    <p class="font-roboto-light letter-space-01 font-12 text-uppercase pt-2">Charity #872492004RR0001 Copyright © 2003-2025, The Mikey Network.</p>
                    <p class="font-roboto-light letter-space-01 font-12 text-uppercase">All Rights Reserved. <a href="/privacy-policy" class="text-decoration-underline">PRIVACY POLICY</a></p>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Bootstrap JS and Font Awesome -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="https://mikeynetwork.com/js/custom.js"></script>     </body>
</html> 