Budots Media Partners & Clients Showcase

Developer Friendly
Integrate This Banner Into Your Website

Need this sliding partner banner on your WordPress, Webflow, Shopify, or Custom HTML site? We've bundled the optimized code below. Just copy the code and paste it into your site.
Infinite scroll animation optimized for high performance
Hover-to-pause effect keeps user engagement high
Clickable logos with correct target parameters
partner-banner-embed.html
<!-- Copy-paste this widget block to your website's HTML/Embed element -->
<div class="bm-partner-widget">
    <style>
        .bm-marquee-container {
            overflow: hidden;
            position: relative;
            width: 100%;
            padding: 24px 0;
            background: #ffffff;
            border-top: 1px solid #f1f5f9;
            border-bottom: 1px solid #f1f5f9;
            mask-image: linear-gradient(to right, transparent, white 15%, white 85%, transparent);
            -webkit-mask-image: linear-gradient(to right, transparent, white 15%, white 85%, transparent);
        }
        .bm-marquee-track {
            display: flex;
            width: max-content;
            animation: bm-scroll 45s linear infinite;
        }
        .bm-marquee-track:hover {
            animation-play-state: paused;
        }
        .bm-marquee-link {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 40px;
            height: 70px;
            transition: all 0.3s ease;
        }
        .bm-marquee-link img {
            max-height: 100%;
            max-width: 150px;
            object-fit: contain;
            filter: grayscale(100%) opacity(60%);
            transition: all 0.3s ease;
        }
        .bm-marquee-link:hover img {
            filter: grayscale(0%) opacity(100%) scale(1.08);
        }
        @keyframes bm-scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-33.333%); }
        }
    </style>

    <div class="bm-marquee-container">
        <div class="bm-marquee-track" id="bm-track">
            <!-- Dynamic Partner Links populate here -->
        </div>
    </div>

    <script>
        (function() {
            const pathPrefix = window.location.origin + '/'; // Adjust prefix path if images are in subfolder
            const items = [
                { name: "Aboitiz Foundation", logo: "aboitiz-foundation-philippines.png", url: "https://aboitizfoundation.org/" },
                { name: "Accenture", logo: "accenture-bw-logo.png", url: "https://www.accenture.com/" },
                { name: "Aetrex", logo: "aetrex-logo-bw.png", url: "https://www.aetrex.com/" },
                { name: "Ascendion", logo: "ascendion-logo-bw.png", url: "https://ascendion.com/" },
                { name: "AsiaVox", logo: "asiavox-logo-budotsmedia.gif", url: "https://www.asiavox.com/" },
                { name: "Belmont Hotel Mactan", logo: "belmont-hotel-mactan.png", url: "https://www.belmontresortmactan.com.ph/" },
                { name: "Brides of Triton", logo: "brides-of-triton-logo-bw.png", url: "https://www.facebook.com/bridesoftriton" },
                { name: "Jpark Island Resort", logo: "budotdsmediaphilippines-bw-logo-jpark-resort.png", url: "https://www.jparkislandresort.com/" },
                { name: "Paramount Life Insurance", logo: "budotsmedia-paramout-life-insurance.png", url: "https://www.paramount.com.ph/" },
                { name: "Triumph Motorcycles", logo: "budotsmedia-philippines-triumph-motors.png", url: "https://www.triumphmotorcycles.com.ph/" },
                { name: "Be Hotels and Resorts", logo: "budotsmediaph-behotelresorts.png", url: "https://www.behotelsandresorts.com/" },
                { name: "Gordon Ramsay Street Burger", logo: "budotsmediaph-gordonramsey-streetburger.png", url: "https://www.gordonramsayrestaurants.com/street-burger/" },
                { name: "BYD Auto", logo: "byd-cars-logo.png", url: "https://bydcarsphilippines.com/" },
                { name: "CCLEX", logo: "cclex-logo-bw.png", url: "https://cclex.com.ph/" },
                { name: "Club Cebu Hopping", logo: "club-cebu-hopping-logo.png", url: "https://www.facebook.com/cebuhopping/" },
                { name: "Conduent", logo: "conduent-logo.png", url: "https://www.conduent.com/" },
                { name: "Condura Philippines", logo: "condura-logo-bw.png", url: "https://www.condura.com.ph/" },
                { name: "Department of Tourism Philippines", logo: "department-tourism-philippines-bw-logo.png", url: "https://tourism.gov.ph/" },
                { name: "Dexcom", logo: "dexcom-logo-bw.png", url: "https://www.dexcom.com/" },
                { name: "Dextra Group Philippines", logo: "dextra-philippines-logo-budotsmediaph.png", url: "https://www.dextragroup.com/" },
                { name: "Foundever", logo: "foundever-logo-bw.png", url: "https://foundever.com/" },
                { name: "Gordon Ramsay Fish & Chips", logo: "gordon-ramsey-fish-chips-logo.png", url: "https://www.gordonramsayrestaurants.com/gordon-ramsay-fish-and-chips/" },
                { name: "Haejok Hopping", logo: "haejok-hopping-philippines-logo-bw.png", url: "https://www.facebook.com/haejoktour/" },
                { name: "Harley-Davidson Philippines", logo: "harldeydavidson-logo-philippines-budotsmedia.png", url: "https://www.harley-davidson.com/ph/en/index.html" },
                { name: "JPMorgan Chase", logo: "jpomrganchase-logo-bw.png", url: "https://www.jpmorganchase.com/" },
                { name: "The Mactan Newtown", logo: "mactan-new-town-logo-bw.png", url: "https://www.megaworldcorp.com/townships/mactan-newtown" },
                { name: "Megaworld Corporation", logo: "megaworld-lgoo-bw.png", url: "https://www.megaworldcorp.com/" },
                { name: "Nouveau Resort Camiguin", logo: "nouveau-resort-camiguin.png", url: "https://nouveauresort.com/" },
                { name: "NUSTAR Resort & Casino", logo: "nustar-resort-casino-logo-bw.png", url: "https://www.nustar.ph/" },
                { name: "ODV Creative", logo: "odv-creative.png", url: "https://odvcreative.com/" },
                { name: "Municipality of Cordova", logo: "philippines-municipality-cordova-logo-bw-budtsmediaphilippines.png", url: "https://cordova.gov.ph/" },
                { name: "Savoy Hotel Mactan", logo: "savoy-hotel-mactan-logo.png", url: "https://www.savoyhotelmactan.com.ph/" }
            ];
            
            // Generate multiple copies to make infinite animation loop perfectly seamless
            const fullList = [...items, ...items, ...items];
            const track = document.getElementById('bm-track');
            
            fullList.forEach(item => {
                const link = document.createElement('a');
                link.href = item.url;
                link.target = '_blank';
                link.rel = 'noopener noreferrer';
                link.className = 'bm-marquee-link';
                link.title = item.name;
                
                const img = document.createElement('img');
                img.src = pathPrefix + item.logo;
                img.alt = item.name;
                img.onerror = () => { img.style.display = 'none'; }; // hides broken images
                
                link.appendChild(img);
                track.appendChild(link);
            });
        })();
    </script>
</div>
Connect and Display Your Partner Network

Infinite Autoplay Logo Marquee

Partner Directory

No brands found

Integrate This Banner Into Your Website
