{"id":2660,"date":"2026-05-09T12:11:57","date_gmt":"2026-05-09T12:11:57","guid":{"rendered":"https:\/\/hodide.org\/?page_id=2660"},"modified":"2026-05-09T13:47:56","modified_gmt":"2026-05-09T13:47:56","slug":"our-partners","status":"publish","type":"page","link":"https:\/\/hodide.org\/?page_id=2660","title":{"rendered":"Our Partners"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<style>\n    :root {\n        --brand-red: #e63946;\n        --brand-blue: #1d3557;\n        --soft-blue: #f1faee;\n        --white: #ffffff;\n    }\n\n    .partners-section {\n        background-color: var(--white);\n        padding: 100px 0;\n        font-family: 'Segoe UI', Roboto, sans-serif;\n        overflow: hidden;\n    }\n\n    \/* Red Top Line Header *\/\n    .partners-header {\n        position: relative;\n        text-align: center;\n        margin-bottom: 80px;\n    }\n\n    .partners-header::before {\n        content: \"\";\n        position: absolute;\n        top: 50%;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: var(--brand-red);\n        z-index: 1;\n    }\n\n    .partners-header h2 {\n        display: inline-block;\n        position: relative;\n        z-index: 2;\n        background: var(--white);\n        padding: 0 40px;\n        color: var(--brand-blue);\n        text-transform: lowercase; \/* Matching your 'ourpartners' request *\/\n        font-size: 2.5rem;\n        font-weight: 800;\n        letter-spacing: -1px;\n    }\n\n    \/* Animation Container *\/\n    .partner-grid {\n        display: flex;\n        flex-direction: column;\n        gap: 50px;\n        max-width: 1100px;\n        margin: 0 auto;\n    }\n\n    .partner-row {\n        display: flex;\n        justify-content: center;\n        gap: 60px;\n        animation: slideInFade 12s infinite ease-in-out;\n    }\n\n    \/* Staggered entry for the second row *\/\n    .row-2 {\n        animation-delay: 3s;\n    }\n\n    \/* Partner Card Style *\/\n    .partner-card {\n        flex: 0 0 250px;\n        text-align: center;\n        padding: 20px;\n        border-radius: 12px;\n        background: var(--soft-blue);\n        border: 1px solid #e1e8ed;\n        transition: all 0.4s ease;\n    }\n\n    .partner-card:hover {\n        transform: translateY(-12px);\n        box-shadow: 0 15px 35px rgba(29, 53, 87, 0.1);\n        border-color: var(--brand-red);\n        background: var(--white);\n    }\n\n    .partner-card img {\n        width: 100%;\n        height: 100px;\n        object-fit: contain;\n        margin-bottom: 15px;\n        \/* Optional: Grayscale to color effect *\/\n        filter: grayscale(100%);\n        transition: 0.3s;\n    }\n\n    .partner-card:hover img {\n        filter: grayscale(0%);\n    }\n\n    .partner-card span {\n        display: block;\n        font-weight: 700;\n        color: var(--brand-blue);\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n        font-size: 0.9rem;\n    }\n\n    \/* Animation Keyframes *\/\n    @keyframes slideInFade {\n        0% {\n            opacity: 0;\n            transform: translateX(-40px) scale(0.9);\n        }\n        10%, 90% {\n            opacity: 1;\n            transform: translateX(0) scale(1);\n        }\n        100% {\n            opacity: 0;\n            transform: translateX(40px) scale(0.9);\n        }\n    }\n\n    \/* Mobile responsiveness *\/\n    @media (max-width: 768px) {\n        .partner-row {\n            flex-direction: column;\n            align-items: center;\n            gap: 20px;\n        }\n    }\n<\/style>\n<\/head>\n<body>\n\n<section class=\"partners-section\">\n    <div class=\"partners-header\">\n        <h2>ourpartners<\/h2>\n    <\/div>\n\n    <div class=\"partner-grid\">\n        <!-- ROW 1 -->\n        <div class=\"partner-row row-1\">\n            <div class=\"partner-card\">\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x100\/1d3557\/ffffff?text=LOGO+1\" alt=\"Partner\">\n                <span>Company One<\/span> <!-- EDIT NAME HERE -->\n            <\/div>\n            <div class=\"partner-card\">\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x100\/1d3557\/ffffff?text=LOGO+2\" alt=\"Partner\">\n                <span>Company Two<\/span> <!-- EDIT NAME HERE -->\n            <\/div>\n            <div class=\"partner-card\">\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x100\/1d3557\/ffffff?text=LOGO+3\" alt=\"Partner\">\n                <span>Company Three<\/span> <!-- EDIT NAME HERE -->\n            <\/div>\n        <\/div>\n\n        <!-- ROW 2 -->\n        <div class=\"partner-row row-2\">\n            <div class=\"partner-card\">\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x100\/e63946\/ffffff?text=LOGO+4\" alt=\"Partner\">\n                <span>Company Four<\/span> <!-- EDIT NAME HERE -->\n            <\/div>\n            <div class=\"partner-card\">\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x100\/e63946\/ffffff?text=LOGO+5\" alt=\"Partner\">\n                <span>Company Five<\/span> <!-- EDIT NAME HERE -->\n            <\/div>\n            <div class=\"partner-card\">\n                <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/200x100\/e63946\/ffffff?text=LOGO+6\" alt=\"Partner\">\n                <span>Company Six<\/span> <!-- EDIT NAME HERE -->\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>ourpartners Company One Company Two Company Three Company Four Company Five Company Six<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2660","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2660"}],"version-history":[{"count":4,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2660\/revisions"}],"predecessor-version":[{"id":2718,"href":"https:\/\/hodide.org\/index.php?rest_route=\/wp\/v2\/pages\/2660\/revisions\/2718"}],"wp:attachment":[{"href":"https:\/\/hodide.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}