{"id":152,"date":"2025-02-14T08:45:24","date_gmt":"2025-02-14T08:45:24","guid":{"rendered":"https:\/\/lightslategray-hummingbird-166239.hostingersite.com\/?page_id=152"},"modified":"2026-08-19T13:03:23","modified_gmt":"2026-08-19T13:03:23","slug":"web-projects","status":"publish","type":"page","link":"https:\/\/dindex.net\/en\/web-projects\/","title":{"rendered":"Web Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"152\" class=\"elementor elementor-152\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea273ac e-con-full e-flex e-con e-parent\" data-id=\"ea273ac\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28be449 elementor-widget elementor-widget-html\" data-id=\"28be449\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     WEB PROJECTS PAGE \u2014 HERO SECTION\n     Author: Mohamed El-Sehemy\n     English LTR - Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-web-projects-hero),\n.elementor-widget-html:has(#dx-web-projects-hero) > .elementor-widget-container,\n.dx-web-projects-hero-widget-fullwidth,\n.dx-web-projects-hero-widget-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n#dx-web-projects-hero,\n#dx-web-projects-hero *,\n#dx-web-projects-hero *::before,\n#dx-web-projects-hero *::after {\n    box-sizing: border-box;\n}\n\n#dx-web-projects-hero {\n    --dx-web-dark: #08001f;\n    --dx-web-dark-light: #160638;\n    --dx-web-purple: #6942d8;\n    --dx-web-purple-light: #9168ef;\n    --dx-web-yellow: #ffc441;\n    --dx-web-white: #ffffff;\n    --dx-web-text: rgba(255, 255, 255, 0.76);\n    --dx-web-border: rgba(255, 255, 255, 0.13);\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n\n    direction: ltr;\n    color: var(--dx-web-white);\n\n    background:\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(145, 104, 239, 0.24),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 12% 82%,\n            rgba(105, 66, 216, 0.25),\n            transparent 34%\n        ),\n        linear-gradient(\n            215deg,\n            var(--dx-web-dark-light),\n            var(--dx-web-dark)\n        );\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-web-projects-hero a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================================================\n   BACKGROUND DECORATIONS\n========================================================= *\/\n\n#dx-web-projects-hero .dx-web-hero-grid {\n    position: absolute;\n    z-index: -5;\n\n    inset: 0;\n\n    opacity: 0.10;\n\n    background-image:\n        linear-gradient(\n            rgba(255, 255, 255, 0.045) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.045) 1px,\n            transparent 1px\n        );\n\n    background-size: 72px 72px;\n\n    -webkit-mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 18%,\n            transparent 78%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 18%,\n            transparent 78%\n        );\n\n    pointer-events: none;\n}\n\n#dx-web-projects-hero .dx-web-hero-orbit {\n    position: absolute;\n    z-index: -3;\n\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-web-projects-hero .dx-web-hero-orbit-one {\n    top: -210px;\n    left: -160px;\n\n    width: 430px;\n    height: 430px;\n}\n\n#dx-web-projects-hero .dx-web-hero-orbit-two {\n    bottom: -240px;\n    right: -170px;\n\n    width: 490px;\n    height: 490px;\n}\n\n#dx-web-projects-hero .dx-web-hero-dots {\n    position: absolute;\n    z-index: -2;\n\n    width: 125px;\n    height: 125px;\n\n    opacity: 0.25;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-web-purple-light) 2px,\n            transparent 2.7px\n        );\n\n    background-size: 17px 17px;\n\n    pointer-events: none;\n}\n\n#dx-web-projects-hero .dx-web-hero-dots-one {\n    top: 75px;\n    right: 4%;\n}\n\n#dx-web-projects-hero .dx-web-hero-dots-two {\n    left: 4%;\n    bottom: 55px;\n}\n\n#dx-web-projects-hero .dx-web-hero-glow {\n    position: absolute;\n    z-index: -4;\n\n    border-radius: 50%;\n\n    filter: blur(85px);\n\n    pointer-events: none;\n}\n\n#dx-web-projects-hero .dx-web-hero-glow-one {\n    top: 6%;\n    left: 30%;\n\n    width: 300px;\n    height: 300px;\n\n    background: rgba(105, 66, 216, 0.20);\n}\n\n#dx-web-projects-hero .dx-web-hero-glow-two {\n    right: 10%;\n    bottom: -70px;\n\n    width: 360px;\n    height: 280px;\n\n    background: rgba(255, 196, 65, 0.07);\n}\n\n\/* =========================================================\n   MAIN LAYOUT\n========================================================= *\/\n\n#dx-web-projects-hero .dx-web-hero-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        92px\n        clamp(22px, 5vw, 90px)\n        95px;\n}\n\n#dx-web-projects-hero .dx-web-hero-container {\n    width: min(1450px, 100%);\n    min-height: 500px;\n\n    margin: 0 auto;\n\n    display: grid;\n    grid-template-columns:\n        minmax(440px, 0.95fr)\n        minmax(500px, 1.05fr);\n\n    align-items: center;\n    gap: clamp(45px, 6vw, 95px);\n}\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n#dx-web-projects-hero .dx-web-hero-content {\n    position: relative;\n    z-index: 4;\n\n    max-width: 690px;\n\n    justify-self: start;\n    text-align: left;\n}\n\n#dx-web-projects-hero .dx-web-hero-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 16px;\n\n    color: var(--dx-web-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-web-projects-hero .dx-web-hero-eyebrow::before {\n    content: \"\";\n\n    width: 40px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-web-yellow),\n            var(--dx-web-purple-light)\n        );\n}\n\n#dx-web-projects-hero .dx-web-hero-title {\n    margin: 0;\n\n    color: var(--dx-web-white);\n\n    font-size: clamp(46px, 5vw, 76px);\n    font-weight: 900;\n    line-height: 1.18;\n    letter-spacing: -0.8px;\n\n    text-wrap: balance;\n}\n\n#dx-web-projects-hero .dx-web-hero-title-highlight {\n    color: var(--dx-web-yellow);\n}\n\n#dx-web-projects-hero .dx-web-hero-description {\n    max-width: 650px;\n\n    margin: 21px 0 0;\n\n    color: var(--dx-web-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 1.8;\n}\n\n#dx-web-projects-hero .dx-web-hero-actions {\n    margin-top: 32px;\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap: 13px;\n}\n\n#dx-web-projects-hero .dx-web-hero-button {\n    position: relative;\n    isolation: isolate;\n\n    min-width: 210px;\n    min-height: 56px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    padding: 0 26px;\n\n    overflow: hidden;\n\n    border: 1px solid transparent;\n    border-radius: 12px;\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1;\n\n    transition:\n        transform 0.25s ease,\n        border-color 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-web-projects-hero .dx-web-hero-button-primary {\n    color: #160a2d;\n\n    border-color: rgba(255, 255, 255, 0.25);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-web-yellow),\n            #ffd66e\n        );\n\n    box-shadow:\n        0 17px 38px rgba(255, 196, 65, 0.22);\n}\n\n#dx-web-projects-hero .dx-web-hero-button-primary::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    top: -40%;\n    left: -70%;\n\n    width: 36%;\n    height: 180%;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255, 255, 255, 0.58),\n            transparent\n        );\n\n    transform: rotate(18deg);\n\n    transition: left 0.55s ease;\n}\n\n#dx-web-projects-hero .dx-web-hero-button-primary:hover::before {\n    left: 135%;\n}\n\n#dx-web-projects-hero .dx-web-hero-button-secondary {\n    color: var(--dx-web-white);\n\n    border-color: rgba(255, 255, 255, 0.22);\n\n    background: rgba(255, 255, 255, 0.055);\n\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n}\n\n#dx-web-projects-hero .dx-web-hero-button:hover,\n#dx-web-projects-hero .dx-web-hero-button:focus-visible {\n    transform: translateY(-4px);\n}\n\n#dx-web-projects-hero .dx-web-hero-button-primary:hover,\n#dx-web-projects-hero .dx-web-hero-button-primary:focus-visible {\n    box-shadow:\n        0 23px 48px rgba(255, 196, 65, 0.32);\n}\n\n#dx-web-projects-hero .dx-web-hero-button-secondary:hover,\n#dx-web-projects-hero .dx-web-hero-button-secondary:focus-visible {\n    border-color: rgba(145, 104, 239, 0.75);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-web-purple),\n            var(--dx-web-purple-light)\n        );\n\n    box-shadow:\n        0 19px 42px rgba(105, 66, 216, 0.32);\n}\n\n#dx-web-projects-hero .dx-web-hero-button svg {\n    width: 19px;\n    height: 19px;\n    flex: 0 0 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n#dx-web-projects-hero .dx-web-hero-visual {\n    position: relative;\n\n    width: 100%;\n    min-width: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n}\n\n#dx-web-projects-hero .dx-web-browser-scene {\n    position: relative;\n\n    width: min(100%, 670px);\n\n    padding: 26px;\n\n    border: 1px solid var(--dx-web-border);\n    border-radius: 28px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.09),\n            rgba(255, 255, 255, 0.025)\n        );\n\n    box-shadow:\n        0 35px 75px rgba(2, 0, 20, 0.38),\n        inset 0 1px 0 rgba(255, 255, 255, 0.08);\n\n    -webkit-backdrop-filter: blur(12px);\n    backdrop-filter: blur(12px);\n\n    transform:\n        perspective(1200px)\n        rotateY(-5deg)\n        rotateX(2deg);\n\n    transition: transform 0.4s ease;\n}\n\n#dx-web-projects-hero .dx-web-browser-scene:hover {\n    transform:\n        perspective(1200px)\n        rotateY(-1deg)\n        rotateX(0deg)\n        translateY(-5px);\n}\n\n#dx-web-projects-hero .dx-web-browser {\n    position: relative;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 20px;\n\n    background: #f8f7fc;\n\n    box-shadow:\n        0 24px 55px rgba(3, 0, 20, 0.38);\n}\n\n#dx-web-projects-hero .dx-web-browser-top {\n    min-height: 52px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    padding: 0 17px;\n\n    border-bottom: 1px solid rgba(105, 66, 216, 0.10);\n\n    background:\n        linear-gradient(\n            180deg,\n            #ffffff,\n            #f5f2fb\n        );\n}\n\n#dx-web-projects-hero .dx-web-browser-dots {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n}\n\n#dx-web-projects-hero .dx-web-browser-dot {\n    width: 9px;\n    height: 9px;\n\n    border-radius: 50%;\n}\n\n#dx-web-projects-hero .dx-web-browser-dot:nth-child(1) {\n    background: #ff6b6b;\n}\n\n#dx-web-projects-hero .dx-web-browser-dot:nth-child(2) {\n    background: #ffc441;\n}\n\n#dx-web-projects-hero .dx-web-browser-dot:nth-child(3) {\n    background: #47cf73;\n}\n\n#dx-web-projects-hero .dx-web-browser-url {\n    width: min(290px, 58%);\n    height: 28px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    border: 1px solid rgba(105, 66, 216, 0.10);\n    border-radius: 999px;\n\n    color: #8b8497;\n    background: rgba(105, 66, 216, 0.045);\n\n    font-size: 14px;\n    font-weight: 700;\n    direction: ltr;\n}\n\n#dx-web-projects-hero .dx-web-browser-body {\n    position: relative;\n\n    min-height: 330px;\n\n    padding: 28px;\n\n    background:\n        radial-gradient(\n            circle at 25% 20%,\n            rgba(105, 66, 216, 0.16),\n            transparent 28%\n        ),\n        linear-gradient(\n            215deg,\n            #ffffff,\n            #f3effa\n        );\n}\n\n#dx-web-projects-hero .dx-web-browser-hero-line {\n    width: 48%;\n    height: 16px;\n\n    margin-bottom: 12px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-web-purple),\n            var(--dx-web-purple-light)\n        );\n}\n\n#dx-web-projects-hero .dx-web-browser-title-line {\n    width: 72%;\n    height: 30px;\n\n    margin-bottom: 13px;\n\n    border-radius: 9px;\n\n    background: #180b35;\n}\n\n#dx-web-projects-hero .dx-web-browser-text-line {\n    width: 82%;\n    height: 9px;\n\n    margin-bottom: 8px;\n\n    border-radius: 999px;\n\n    background:\n        rgba(58, 43, 86, 0.18);\n}\n\n#dx-web-projects-hero .dx-web-browser-text-line.is-short {\n    width: 58%;\n}\n\n#dx-web-projects-hero .dx-web-browser-button-line {\n    width: 125px;\n    height: 38px;\n\n    margin-top: 20px;\n\n    border-radius: 10px;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-web-yellow),\n            #ffd66e\n        );\n\n    box-shadow:\n        0 12px 24px rgba(255, 196, 65, 0.23);\n}\n\n#dx-web-projects-hero .dx-web-browser-cards {\n    margin-top: 35px;\n\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 12px;\n}\n\n#dx-web-projects-hero .dx-web-browser-card {\n    height: 86px;\n\n    border: 1px solid rgba(105, 66, 216, 0.10);\n    border-radius: 13px;\n\n    background:\n        linear-gradient(\n            145deg,\n            #ffffff,\n            #f8f5fd\n        );\n\n    box-shadow:\n        0 12px 25px rgba(51, 30, 99, 0.08);\n}\n\n#dx-web-projects-hero .dx-web-floating-badge {\n    position: absolute;\n    z-index: 5;\n\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n\n    padding: 11px 15px;\n\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 13px;\n\n    color: var(--dx-web-white);\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(105, 66, 216, 0.95),\n            rgba(145, 104, 239, 0.95)\n        );\n\n    box-shadow:\n        0 18px 38px rgba(42, 15, 105, 0.35);\n\n    font-size: 14px;\n    font-weight: 900;\n\n    animation:\n        dxWebBadgeFloat\n        4.8s\n        ease-in-out\n        infinite;\n}\n\n#dx-web-projects-hero .dx-web-floating-badge-one {\n    top: 10%;\n    left: -25px;\n}\n\n#dx-web-projects-hero .dx-web-floating-badge-two {\n    right: -30px;\n    bottom: 11%;\n\n    color: #1a0d31;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-web-yellow),\n            #ffd66e\n        );\n\n    animation-delay: -2.1s;\n}\n\n#dx-web-projects-hero .dx-web-floating-badge svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n@keyframes dxWebBadgeFloat {\n    0%,\n    100% {\n        transform: translateY(0);\n    }\n\n    50% {\n        transform: translateY(-11px);\n    }\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1050px) {\n    #dx-web-projects-hero .dx-web-hero-container {\n        grid-template-columns:\n            minmax(380px, 0.95fr)\n            minmax(420px, 1.05fr);\n\n        gap: 36px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-title {\n        font-size: clamp(44px, 5.6vw, 64px);\n    }\n\n    #dx-web-projects-hero .dx-web-browser-scene {\n        width: min(100%, 600px);\n    }\n}\n\n@media (max-width: 850px) {\n    #dx-web-projects-hero .dx-web-hero-main {\n        padding:\n            74px\n            28px\n            78px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-container {\n        min-height: 0;\n\n        grid-template-columns: 1fr;\n\n        gap: 52px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-content {\n        max-width: 720px;\n\n        margin: 0 auto;\n\n        justify-self: center;\n        text-align: center;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-eyebrow {\n        justify-content: center;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-description {\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-actions {\n        justify-content: center;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-visual {\n        justify-content: center;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-scene {\n        transform: none;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-scene:hover {\n        transform: translateY(-4px);\n    }\n}\n\n@media (max-width: 600px) {\n    #dx-web-projects-hero .dx-web-hero-main {\n        padding:\n            58px\n            18px\n            60px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-container {\n        gap: 38px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-eyebrow {\n        margin-bottom: 12px;\n\n        font-size: 14px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-eyebrow::before {\n        width: 28px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-title {\n        font-size: clamp(34px, 10vw, 47px);\n        line-height: 1.2;\n        letter-spacing: -0.3px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-description {\n        margin-top: 15px;\n\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-actions {\n        margin-top: 25px;\n\n        display: grid;\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-button {\n        width: 100%;\n        min-width: 0;\n        min-height: 54px;\n\n        font-size: 14px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-scene {\n        padding: 13px;\n\n        border-radius: 20px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser {\n        border-radius: 15px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-top {\n        min-height: 44px;\n\n        padding: 0 12px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-url {\n        width: 60%;\n        font-size: 14px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-body {\n        min-height: 250px;\n\n        padding: 20px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-title-line {\n        width: 82%;\n        height: 24px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-cards {\n        margin-top: 25px;\n\n        gap: 8px;\n    }\n\n    #dx-web-projects-hero .dx-web-browser-card {\n        height: 62px;\n\n        border-radius: 10px;\n    }\n\n    #dx-web-projects-hero .dx-web-floating-badge {\n        display: none;\n    }\n\n    #dx-web-projects-hero .dx-web-hero-dots {\n        display: none;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-web-projects-hero a:focus-visible {\n    outline: 3px solid var(--dx-web-yellow);\n    outline-offset: 4px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-web-projects-hero *,\n    #dx-web-projects-hero *::before,\n    #dx-web-projects-hero *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-web-projects-hero\"\n    aria-labelledby=\"dx-web-projects-hero-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n    <div\n        class=\"dx-web-hero-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-web-hero-orbit dx-web-hero-orbit-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-web-hero-orbit dx-web-hero-orbit-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-web-hero-dots dx-web-hero-dots-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-web-hero-dots dx-web-hero-dots-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-web-hero-glow dx-web-hero-glow-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-web-hero-glow dx-web-hero-glow-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-web-hero-main\">\n\n        <div class=\"dx-web-hero-container\">\n\n            <div class=\"dx-web-hero-content\">\n\n                <span class=\"dx-web-hero-eyebrow\">\n                    Featured Projects\n                <\/span>\n\n                <h1\n                    id=\"dx-web-projects-hero-title\"\n                    class=\"dx-web-hero-title\"\n                >\n                    Website\n                    <span class=\"dx-web-hero-title-highlight\">\n                        Projects\n                    <\/span>\n                <\/h1>\n\n                <p class=\"dx-web-hero-description\">\n                    Explore a selection of websites we have designed and\n                    developed for businesses across different industries,\n                    combining professional design, responsive experiences,\n                    and reliable web technologies.\n                <\/p>\n\n                <div class=\"dx-web-hero-actions\">\n\n                    <a\n                        href=\"#dx-web-projects-grid\"\n                        class=\"dx-web-hero-button dx-web-hero-button-primary\"\n                    >\n                        <span>Explore Our Projects<\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M12 5v14\"><\/path>\n                            <path d=\"m18 13-6 6-6-6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/contact\/\"\n                        class=\"dx-web-hero-button dx-web-hero-button-secondary\"\n                    >\n                        <span>Start Your Project<\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <div class=\"dx-web-hero-visual\">\n\n                <div class=\"dx-web-browser-scene\">\n\n                    <div class=\"dx-web-browser\">\n\n                        <div class=\"dx-web-browser-top\">\n\n                            <div class=\"dx-web-browser-dots\">\n                                <span class=\"dx-web-browser-dot\"><\/span>\n                                <span class=\"dx-web-browser-dot\"><\/span>\n                                <span class=\"dx-web-browser-dot\"><\/span>\n                            <\/div>\n\n                            <div class=\"dx-web-browser-url\">\n                                www.yourwebsite.com\n                            <\/div>\n\n                        <\/div>\n\n                        <div class=\"dx-web-browser-body\">\n\n                            <div class=\"dx-web-browser-hero-line\"><\/div>\n\n                            <div class=\"dx-web-browser-title-line\"><\/div>\n\n                            <div class=\"dx-web-browser-text-line\"><\/div>\n\n                            <div class=\"dx-web-browser-text-line\"><\/div>\n\n                            <div class=\"dx-web-browser-text-line is-short\"><\/div>\n\n                            <div class=\"dx-web-browser-button-line\"><\/div>\n\n                            <div class=\"dx-web-browser-cards\">\n\n                                <span class=\"dx-web-browser-card\"><\/span>\n                                <span class=\"dx-web-browser-card\"><\/span>\n                                <span class=\"dx-web-browser-card\"><\/span>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <span\n                        class=\"dx-web-floating-badge dx-web-floating-badge-one\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M4 5h16v14H4z\"><\/path>\n                            <path d=\"M4 9h16\"><\/path>\n                            <path d=\"m9 13-2 2 2 2\"><\/path>\n                            <path d=\"m15 13 2 2-2 2\"><\/path>\n                        <\/svg>\n\n                        <span>Professional Design<\/span>\n                    <\/span>\n\n                    <span\n                        class=\"dx-web-floating-badge dx-web-floating-badge-two\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M12 3v18\"><\/path>\n                            <path d=\"M3 12h18\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                        <\/svg>\n\n                        <span>Responsive on Every Device<\/span>\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxWebProjectsHero() {\n        const hero = document.getElementById(\n            \"dx-web-projects-hero\"\n        );\n\n        if (\n            !hero ||\n            hero.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        hero.dataset.dxInitialized = \"true\";\n\n        const widget = hero.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-web-projects-hero-widget-fullwidth\"\n            );\n        }\n\n        const anchorButton = hero.querySelector(\n            'a[href=\"#dx-web-projects-grid\"]'\n        );\n\n        if (anchorButton) {\n            anchorButton.addEventListener(\n                \"click\",\n                function (event) {\n                    const target = document.getElementById(\n                        \"dx-web-projects-grid\"\n                    );\n\n                    if (!target) {\n                        return;\n                    }\n\n                    event.preventDefault();\n\n                    target.scrollIntoView({\n                        behavior:\n                            window.matchMedia(\n                                \"(prefers-reduced-motion: reduce)\"\n                            ).matches\n                                ? \"auto\"\n                                : \"smooth\",\n                        block: \"start\"\n                    });\n                }\n            );\n        }\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxWebProjectsHero\n        );\n    } else {\n        initDxWebProjectsHero();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-821e14c e-con-full e-flex e-con e-parent\" data-id=\"821e14c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88cd2b9 elementor-widget elementor-widget-html\" data-id=\"88cd2b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.elementor-widget-html:has(#dx-web-projects-grid),.elementor-widget-html:has(#dx-web-projects-grid)>.elementor-widget-container,.dx-web-projects-widget-fullwidth,.dx-web-projects-widget-fullwidth>.elementor-widget-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}\n#dx-web-projects-grid,#dx-web-projects-grid *,#dx-web-projects-grid *:before,#dx-web-projects-grid *:after{box-sizing:border-box}\n#dx-web-projects-grid{--p:#6942d8;--pl:#9168ef;--y:#ffc441;--d:#160a31;--t:#665f72;--m:#8b8494;--w:#fff;position:relative;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;scroll-margin-top:90px;direction:ltr;font-family:\"Inter\",\"Segoe UI\",Arial,sans-serif;color:var(--d);background:radial-gradient(circle at 92% 10%,rgba(105,66,216,.08),transparent 25%),radial-gradient(circle at 8% 92%,rgba(145,104,239,.08),transparent 28%),#f8f7fc}\n#dx-web-projects-grid a{text-decoration:none;color:inherit}\n#dx-web-projects-grid button{font:inherit}\n#dx-web-projects-grid .dxp-main{padding:92px clamp(22px,5vw,90px) 100px}\n#dx-web-projects-grid .dxp-container{width:min(1450px,100%);margin:auto}\n#dx-web-projects-grid .dxp-header{max-width:790px;margin:0 auto 35px;text-align:center}\n#dx-web-projects-grid .dxp-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:11px;color:var(--p);font-size:14px;font-weight:900}\n#dx-web-projects-grid .dxp-eyebrow:before,#dx-web-projects-grid .dxp-eyebrow:after{content:\"\";width:31px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--y),var(--pl))}\n#dx-web-projects-grid .dxp-title{margin:0;font-size:clamp(35px,3.8vw,56px);font-weight:900;line-height:1.2;letter-spacing:-.6px}\n#dx-web-projects-grid .dxp-title span{color:var(--p)}\n#dx-web-projects-grid .dxp-description{max-width:680px;margin:12px auto 0;color:var(--t);font-size:15px;line-height:1.8}\n#dx-web-projects-grid .dxp-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:0 auto 36px}\n#dx-web-projects-grid .dxp-filter{min-height:46px;padding:0 20px;border:1px solid rgba(105,66,216,.16);border-radius:999px;background:#fff;color:var(--t);font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(41,19,87,.06);transition:.25s}\n#dx-web-projects-grid .dxp-filter:hover,#dx-web-projects-grid .dxp-filter:focus-visible,#dx-web-projects-grid .dxp-filter.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--p),var(--pl));box-shadow:0 14px 30px rgba(105,66,216,.26);transform:translateY(-2px)}\n#dx-web-projects-grid .dxp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}\n#dx-web-projects-grid .dxp-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(105,66,216,.15);border-radius:22px;background:#fff;box-shadow:0 20px 48px rgba(42,20,88,.09);transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease;animation:dxpReveal .45s ease both}\n#dx-web-projects-grid .dxp-card[hidden]{display:none!important}\n#dx-web-projects-grid .dxp-card:hover,#dx-web-projects-grid .dxp-card:focus-within{transform:translateY(-7px);border-color:rgba(105,66,216,.38);box-shadow:0 30px 68px rgba(42,20,88,.16)}\n#dx-web-projects-grid .dxp-media{position:relative;aspect-ratio:16\/10;overflow:hidden;background:#ece8f5}\n#dx-web-projects-grid .dxp-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .65s ease}\n#dx-web-projects-grid .dxp-card:hover img,#dx-web-projects-grid .dxp-card:focus-within img{transform:scale(1.055);filter:saturate(1.06) contrast(1.02)}\n#dx-web-projects-grid .dxp-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:22px;background:linear-gradient(180deg,transparent 28%,rgba(12,4,34,.93));opacity:0;transition:opacity .35s ease}\n#dx-web-projects-grid .dxp-card:hover .dxp-overlay,#dx-web-projects-grid .dxp-card:focus-within .dxp-overlay{opacity:1}\n#dx-web-projects-grid .dxp-overlay p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.75}\n#dx-web-projects-grid .dxp-content{padding:21px 22px 22px}\n#dx-web-projects-grid .dxp-meta{display:flex;align-items:center;justify-content:space-between;gap:14px}\n#dx-web-projects-grid .dxp-name{margin:0;font-size:20px;font-weight:900;line-height:1.45;direction:ltr;text-align:left}\n#dx-web-projects-grid .dxp-category{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:var(--p);background:rgba(105,66,216,.09);font-size:14px;font-weight:800}\n#dx-web-projects-grid .dxp-mobile-desc{display:none;margin:12px 0 0;color:var(--t);font-size:14px;line-height:1.75}\n#dx-web-projects-grid .dxp-link{margin-top:17px;padding-top:16px;border-top:1px solid rgba(105,66,216,.1);display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--p);font-size:14px;font-weight:900;transition:color .25s ease}\n#dx-web-projects-grid .dxp-link:hover,#dx-web-projects-grid .dxp-link:focus-visible{color:var(--d)}\n#dx-web-projects-grid .dxp-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\n#dx-web-projects-grid .dxp-actions{display:flex;justify-content:center;margin-top:38px}\n#dx-web-projects-grid .dxp-more{min-width:190px;min-height:53px;padding:0 24px;border:1px solid rgba(105,66,216,.22);border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--p),var(--pl));font-size:14px;font-weight:900;cursor:pointer;box-shadow:0 15px 34px rgba(105,66,216,.25);transition:.25s}\n#dx-web-projects-grid .dxp-more:hover,#dx-web-projects-grid .dxp-more:focus-visible{transform:translateY(-3px);box-shadow:0 20px 42px rgba(105,66,216,.34)}\n#dx-web-projects-grid .dxp-more[hidden]{display:none}\n#dx-web-projects-grid .dxp-status{margin-top:14px;text-align:center;color:var(--m);font-size:14px;font-weight:700}\n@keyframes dxpReveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}\n@media(max-width:1000px){#dx-web-projects-grid .dxp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:650px){#dx-web-projects-grid .dxp-main{padding:64px 18px 70px}#dx-web-projects-grid .dxp-header{margin-bottom:28px}#dx-web-projects-grid .dxp-title{font-size:clamp(29px,9vw,40px);line-height:1.2}#dx-web-projects-grid .dxp-description{font-size:14px}#dx-web-projects-grid .dxp-filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:none}#dx-web-projects-grid .dxp-filters::-webkit-scrollbar{display:none}#dx-web-projects-grid .dxp-filter{flex:0 0 auto;min-height:43px;padding:0 17px}#dx-web-projects-grid .dxp-grid{grid-template-columns:1fr;gap:17px}#dx-web-projects-grid .dxp-card{border-radius:18px}#dx-web-projects-grid .dxp-overlay{display:none}#dx-web-projects-grid .dxp-mobile-desc{display:block}#dx-web-projects-grid .dxp-content{padding:19px}#dx-web-projects-grid .dxp-name{font-size:19px}}\n#dx-web-projects-grid a:focus-visible,#dx-web-projects-grid button:focus-visible{outline:3px solid var(--y);outline-offset:4px}\n@media(prefers-reduced-motion:reduce){#dx-web-projects-grid *,#dx-web-projects-grid *:before,#dx-web-projects-grid *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}\n<\/style>\n\n<section id=\"dx-web-projects-grid\" aria-labelledby=\"dxp-title\" dir=\"ltr\" lang=\"en\">\n<div class=\"dxp-main\">\n<div class=\"dxp-container\">\n\n<header class=\"dxp-header\">\n<span class=\"dxp-eyebrow\">Selected Work<\/span>\n<h2 class=\"dxp-title\" id=\"dxp-title\">Websites Designed to Make a <span>Real Difference<\/span><\/h2>\n<p class=\"dxp-description\">Explore a selection of websites, e-commerce stores, mobile applications, and digital platforms we have delivered across different industries and markets.<\/p>\n<\/header>\n\n<div class=\"dxp-filters\" role=\"group\" aria-label=\"Filter projects\">\n<button type=\"button\" class=\"dxp-filter is-active\" data-filter=\"all\" aria-pressed=\"true\">All<\/button>\n<button type=\"button\" class=\"dxp-filter\" data-filter=\"apps\" aria-pressed=\"false\">Mobile Apps<\/button>\n<button type=\"button\" class=\"dxp-filter\" data-filter=\"stores\" aria-pressed=\"false\">E-Commerce<\/button>\n<button type=\"button\" class=\"dxp-filter\" data-filter=\"business\" aria-pressed=\"false\">Business & Services<\/button>\n<button type=\"button\" class=\"dxp-filter\" data-filter=\"education\" aria-pressed=\"false\">Education<\/button>\n<\/div>\n\n<div class=\"dxp-grid\" aria-live=\"polite\">\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"1\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/lumea-1-scaled.png\" alt=\"LUM\u00c9A project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A modern online fashion store for premium women\u2019s clothing, delivering an elegant shopping experience and professional product presentation across devices.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">LUM\u00c9A<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">A modern online fashion store for premium women\u2019s clothing, delivering an elegant shopping experience and professional product presentation across devices.<\/p><a class=\"dxp-link\" href=\"https:\/\/lumea-line.store\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"2\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/beirutbook-1-scaled.png\" alt=\"Beirut Book project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An integrated online store for books and stationery with easy navigation, organized categories, and professional product presentation.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Beirut Book<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">An integrated online store for books and stationery with easy navigation, organized categories, and professional product presentation.<\/p><a class=\"dxp-link\" href=\"https:\/\/beirutbook.shop\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"3\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/b3custom-1-scaled.png\" alt=\"B3 Custom project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A responsive e-commerce store for automotive parts and accessories, featuring a clean design, smooth navigation, and an optimized shopping experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">B3 Custom<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">A responsive e-commerce store for automotive parts and accessories, featuring a clean design, smooth navigation, and an optimized shopping experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/b3custom.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"4\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/ursolution-1-scaled.png\" alt=\"UR Solution project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A responsive training platform with a modern interface, organized course categories, and an intuitive experience across all devices.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">UR Solution<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">A responsive training platform with a modern interface, organized course categories, and an intuitive experience across all devices.<\/p><a class=\"dxp-link\" href=\"https:\/\/ursolution.org\/academy\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"5\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/09\/atta-perfumes-scaled.png\" alt=\"Al Attar Perfume project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A professional corporate website for a perfume manufacturer, designed to reflect the brand identity and present its products elegantly.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Al Attar Perfume<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A professional corporate website for a perfume manufacturer, designed to reflect the brand identity and present its products elegantly.<\/p><a class=\"dxp-link\" href=\"https:\/\/alattarperfume.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"6\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/vok-scaled.png\" alt=\"VOK Petroleum project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A modern responsive website presenting petroleum products and solutions through a clean design and smooth browsing experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">VOK Petroleum<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A modern responsive website presenting petroleum products and solutions through a clean design and smooth browsing experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/vokpetroleum.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"7\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/05\/Neovista.jpeg\" alt=\"Neovista project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A corporate website for an interior and exterior design company, showcasing its services, previous projects, and design solutions.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Neovista<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A corporate website for an interior and exterior design company, showcasing its services, previous projects, and design solutions.<\/p><a class=\"dxp-link\" href=\"http:\/\/neovistagroup.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"8\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/05\/GMCs-Power-Plants.jpeg\" alt=\"GMCs Power Plants project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A website for a company specializing in power plant solutions, presenting technical services and completed projects.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">GMCs Power Plants<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A website for a company specializing in power plant solutions, presenting technical services and completed projects.<\/p><a class=\"dxp-link\" href=\"https:\/\/gmcspowerplants.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"9\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/05\/High-Performance-Brain-Training.jpeg\" alt=\"High Performance Brain Training project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A specialized platform for brain training and cognitive performance improvement, offering interactive courses and workshops.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">High Performance Brain Training<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">A specialized platform for brain training and cognitive performance improvement, offering interactive courses and workshops.<\/p><a class=\"dxp-link\" href=\"https:\/\/hpbraintraining.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"10\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/royaspareparts-2-scaled.png\" alt=\"Roya Spare Parts project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A modern responsive online store for spare parts, designed around clear product presentation and an easy shopping experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Roya Spare Parts<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">A modern responsive online store for spare parts, designed around clear product presentation and an easy shopping experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/royaspareparts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"11\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/Academo.jpg\" alt=\"Academo Academy project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An educational platform supporting student registration, academic performance tracking, and communication with parents.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Academo Academy<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">An educational platform supporting student registration, academic performance tracking, and communication with parents.<\/p><a class=\"dxp-link\" href=\"https:\/\/academo.academy\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"12\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/Nourish-Mind.jpg\" alt=\"Nourish Mind project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An online store for downloadable PDF resources in health and nutrition, offering a simple and secure purchasing experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Nourish Mind<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">An online store for downloadable PDF resources in health and nutrition, offering a simple and secure purchasing experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/nourishmind.online\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"13\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/Higher-Academy.jpg\" alt=\"Higher Innovation Academy project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A digital learning platform that was reworked to resolve performance and loading issues while improving the overall user experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Higher Innovation Academy<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">A digital learning platform that was reworked to resolve performance and loading issues while improving the overall user experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/hiacademy.ae\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<!-- PHYSICS ADVENTURE \u2014 UPDATED LINK -->\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"14\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/09\/\u0639\u0627\u0644\u0645-\u0627\u0644\u0641\u064a\u0632\u064a\u0627\u0621-scaled.png\" alt=\"Physics Adventure project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An educational e-commerce platform for learning materials, science experiments, and interactive videos with secure payments and direct downloads.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Physics Adventure<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">An educational e-commerce platform for learning materials, science experiments, and interactive videos with secure payments and direct downloads.<\/p><a class=\"dxp-link\" href=\"https:\/\/physicsadventure.online\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<!-- STAGE LINE \u2014 UPDATED LINK -->\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"15\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/stage-line-scaled.png\" alt=\"Stage Line project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A multi-currency fashion e-commerce store integrated with payment gateways and shipping solutions.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Stage Line<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">A multi-currency fashion e-commerce store integrated with payment gateways and shipping solutions.<\/p><a class=\"dxp-link\" href=\"https:\/\/olive-shrew-568096.hostingersite.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"16\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/09\/\u0633\u0627\u0645\u064a-scaled.png\" alt=\"Sami Nomad project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A portfolio website for a guitarist, presenting musical work, performances, testimonials, and social media channels.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Sami Nomad<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A portfolio website for a guitarist, presenting musical work, performances, testimonials, and social media channels.<\/p><a class=\"dxp-link\" href=\"https:\/\/saminomad.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"17\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/\u0633\u0648\u0644-\u0633\u0628\u064a\u0633-scaled.png\" alt=\"My Soulspace project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A digital platform focused on wellbeing and personal growth, built around a calm and clear user experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">My Soulspace<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">A digital platform focused on wellbeing and personal growth, built around a calm and clear user experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/mysoulspace.net\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"18\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/los-hermanos-2-scaled.png\" alt=\"Los Hermanos Everal project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An events and experiences website presenting services and events through a modern and engaging visual experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Los Hermanos Everal<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">An events and experiences website presenting services and events through a modern and engaging visual experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/loshermanosevents.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"19\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/Dz.store_-1-scaled.png\" alt=\"DZ Store project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An e-commerce platform for groceries and food products, featuring clean design and clear presentation of categories and promotions.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">DZ Store<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">An e-commerce platform for groceries and food products, featuring clean design and clear presentation of categories and promotions.<\/p><a class=\"dxp-link\" href=\"https:\/\/dzstore.ae\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"20\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/old-old-1-scaled.png\" alt=\"Old &amp; Old project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An online store for antiques and collectible coins with organized catalogs, detailed descriptions, advanced search, and secure payments.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Old &amp; Old<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">An online store for antiques and collectible coins with organized catalogs, detailed descriptions, advanced search, and secure payments.<\/p><a class=\"dxp-link\" href=\"https:\/\/oldandold.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"21\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/nature-house-1-scaled.png\" alt=\"Nature House project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An e-commerce store for home and wellness products designed to deliver a simple, comfortable shopping experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Nature House<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">An e-commerce store for home and wellness products designed to deliver a simple, comfortable shopping experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/naturehouseuae.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"22\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/jamy-cleaning_-1-scaled.png\" alt=\"Jamy Cleaning project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A professional cleaning services website presenting services, team information, and areas of expertise in a trust-focused layout.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Jamy Cleaning<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A professional cleaning services website presenting services, team information, and areas of expertise in a trust-focused layout.<\/p><a class=\"dxp-link\" href=\"https:\/\/jamycleaning.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"23\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/05\/Al-Ibdaa-Center.jpeg\" alt=\"Al Ibdaa Center project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A corporate website for an educational center in Sharjah, presenting programs and services focused on developing students\u2019 skills.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Al Ibdaa Center<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">A corporate website for an educational center in Sharjah, presenting programs and services focused on developing students\u2019 skills.<\/p><a class=\"dxp-link\" href=\"https:\/\/alibdaacenterlq.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"apps\" data-order=\"24\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/tebr.jpg\" alt=\"TEBBR project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A mobile application with a modern interface and clear user experience designed to make services and products easier to access.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">TEBBR<\/h3><span class=\"dxp-category\">Mobile Apps<\/span><\/div><p class=\"dxp-mobile-desc\">A mobile application with a modern interface and clear user experience designed to make services and products easier to access.<\/p><a class=\"dxp-link\" href=\"https:\/\/tebbr.ae\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"apps\" data-order=\"25\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/go-coach.jpg\" alt=\"GoCoach project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A digital coaching application designed to simplify coach discovery and manage the user experience from mobile devices.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">GoCoach<\/h3><span class=\"dxp-category\">Mobile Apps<\/span><\/div><p class=\"dxp-mobile-desc\">A digital coaching application designed to simplify coach discovery and manage the user experience from mobile devices.<\/p><a class=\"dxp-link\" href=\"https:\/\/gocoach.pro\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"apps\" data-order=\"26\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/mimic.jpg\" alt=\"Mimic Academy project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An educational mobile application with an organized interface that simplifies access to content and interaction with the learning experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Mimic Academy<\/h3><span class=\"dxp-category\">Mobile Apps<\/span><\/div><p class=\"dxp-mobile-desc\">An educational mobile application with an organized interface that simplifies access to content and interaction with the learning experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/mimicacademy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"27\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/diraz.jpg\" alt=\"Diraz project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A responsive e-commerce store presenting products and categories clearly while providing a smooth shopping journey across devices.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Diraz<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">A responsive e-commerce store presenting products and categories clearly while providing a smooth shopping journey across devices.<\/p><a class=\"dxp-link\" href=\"https:\/\/diraz.net\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"28\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/\u0643\u0627\u0628\u064a.jpg\" alt=\"CAPI Solutions project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A digital education platform delivering learning content and training services through an organized and responsive experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">CAPI Solutions<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">A digital education platform delivering learning content and training services through an organized and responsive experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/capi.solutions\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"29\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/altamam.jpg\" alt=\"Al Tamam Outlet project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An online store for products and promotions built around a clear, fast, and mobile-friendly shopping experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Al Tamam Outlet<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">An online store for products and promotions built around a clear, fast, and mobile-friendly shopping experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/altamamoutlet.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"30\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/dj-events.jpg\" alt=\"DJ Crash project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A services and events website presenting solutions and previous work through a modern visual experience that makes services easy to explore.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">DJ Crash<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A services and events website presenting solutions and previous work through a modern visual experience that makes services easy to explore.<\/p><a class=\"dxp-link\" href=\"https:\/\/djcrash.ae\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"31\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/bona-plaza.jpg\" alt=\"Bona Plaza project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A multi-category e-commerce store with organized product presentation and an easy browsing and purchasing experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Bona Plaza<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">A multi-category e-commerce store with organized product presentation and an easy browsing and purchasing experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/bonaplaza.net\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"business\" data-order=\"32\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/\u0645\u0648\u0642\u0639-\u062d\u062c\u0632-\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a-\u0646\u0641\u0633\u064a\u0629-\u0648\u0645\u0646\u062a\u062c\u0627\u062a-\u0645\u062a\u062e\u0635\u0635\u0629-\u0628\u0627\u0644\u0627\u0645\u0627\u0631\u0627\u062a.jpg\" alt=\"Malachite project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A specialized services website combining information, consultation booking, and product presentation within one integrated digital experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Malachite<\/h3><span class=\"dxp-category\">Business & Services<\/span><\/div><p class=\"dxp-mobile-desc\">A specialized services website combining information, consultation booking, and product presentation within one integrated digital experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/malachite.life\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"stores\" data-order=\"33\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/\u0645\u0637\u0639\u0645-\u0634\u0627\u0648\u0631\u0645\u0627-\u0628\u0639\u062c\u0645\u0627\u0646-\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a-.jpg\" alt=\"Shawarma Chu project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>An online ordering website for a restaurant, presenting the menu and products through an engaging mobile-friendly experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Shawarma Chu<\/h3><span class=\"dxp-category\">E-Commerce<\/span><\/div><p class=\"dxp-mobile-desc\">An online ordering website for a restaurant, presenting the menu and products through an engaging mobile-friendly experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/shawarmachu.ae\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<article class=\"dxp-card\" data-category=\"education\" data-order=\"34\">\n<div class=\"dxp-media\"><img loading=\"lazy\" src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/oboor.jpg\" alt=\"Obooor project\" width=\"1280\" height=\"800\" loading=\"lazy\" decoding=\"async\"><div class=\"dxp-overlay\"><p>A digital learning platform for educational content and training programs, built around a clear interface and responsive learning experience.<\/p><\/div><\/div>\n<div class=\"dxp-content\"><div class=\"dxp-meta\"><h3 class=\"dxp-name\">Obooor<\/h3><span class=\"dxp-category\">Education<\/span><\/div><p class=\"dxp-mobile-desc\">A digital learning platform for educational content and training programs, built around a clear interface and responsive learning experience.<\/p><a class=\"dxp-link\" href=\"https:\/\/obooor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span>View Website<\/span><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m13 6 6 6-6 6\"><\/path><\/svg><\/a><\/div>\n<\/article>\n\n<\/div>\n\n<div class=\"dxp-actions\">\n<button type=\"button\" class=\"dxp-more\">Show More<\/button>\n<\/div>\n\n<p class=\"dxp-status\" aria-live=\"polite\"><\/p>\n\n<\/div>\n<\/div>\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initProjectsGrid() {\n        const section = document.getElementById(\n            \"dx-web-projects-grid\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-web-projects-widget-fullwidth\"\n            );\n        }\n\n        const grid = section.querySelector(\".dxp-grid\");\n        const filters = Array.from(\n            section.querySelectorAll(\".dxp-filter\")\n        );\n        const moreButton =\n            section.querySelector(\".dxp-more\");\n        const status =\n            section.querySelector(\".dxp-status\");\n\n        if (!grid || !moreButton || !status) {\n            return;\n        }\n\n        const originalCards = Array.from(\n            grid.querySelectorAll(\".dxp-card\")\n        );\n\n        const mobilePriority = [\n            \"tebbr\",\n            \"gocoach\",\n            \"mimic\"\n        ];\n\n        let activeFilter = \"all\";\n        let visibleCount = 9;\n\n        const loadStep = 6;\n\n        function normalizeText(value) {\n            return String(value || \"\")\n                .toLowerCase()\n                .replace(\/\\s+\/g, \"\")\n                .replace(\/[^a-z0-9]\/g, \"\");\n        }\n\n        function getProjectName(card) {\n            const nameElement =\n                card.querySelector(\".dxp-name\");\n\n            return normalizeText(\n                nameElement\n                    ? nameElement.textContent\n                    : \"\"\n            );\n        }\n\n        function getMobilePriority(card) {\n            const projectName = getProjectName(card);\n\n            const index = mobilePriority.findIndex(\n                function (project) {\n                    return projectName.includes(project);\n                }\n            );\n\n            return index === -1\n                ? Number.MAX_SAFE_INTEGER\n                : index;\n        }\n\n        function matchesFilter(card) {\n            return (\n                activeFilter === \"all\" ||\n                card.dataset.category === activeFilter\n            );\n        }\n\n        function getSortedCards() {\n            const matchedCards =\n                originalCards.filter(matchesFilter);\n\n            if (activeFilter !== \"all\") {\n                return matchedCards;\n            }\n\n            return matchedCards\n                .map(function (card, originalIndex) {\n                    return {\n                        card: card,\n                        originalIndex: originalIndex,\n                        priority: getMobilePriority(card)\n                    };\n                })\n                .sort(function (first, second) {\n                    if (\n                        first.priority !==\n                        second.priority\n                    ) {\n                        return (\n                            first.priority -\n                            second.priority\n                        );\n                    }\n\n                    return (\n                        first.originalIndex -\n                        second.originalIndex\n                    );\n                })\n                .map(function (item) {\n                    return item.card;\n                });\n        }\n\n        function reorderGrid(cards) {\n            cards.forEach(function (card) {\n                grid.appendChild(card);\n            });\n        }\n\n        function renderProjects() {\n            const sortedCards = getSortedCards();\n\n            originalCards.forEach(function (card) {\n                card.hidden = true;\n            });\n\n            reorderGrid(sortedCards);\n\n            sortedCards\n                .slice(0, visibleCount)\n                .forEach(function (card, index) {\n                    card.hidden = false;\n                    card.style.animationDelay =\n                        Math.min(index * 35, 280) +\n                        \"ms\";\n                });\n\n            const shownCount = Math.min(\n                visibleCount,\n                sortedCards.length\n            );\n\n            moreButton.hidden =\n                shownCount >= sortedCards.length;\n\n            status.textContent =\n                \"Showing \" +\n                shownCount +\n                \" of \" +\n                sortedCards.length +\n                \" projects\";\n        }\n\n        filters.forEach(function (filterButton) {\n            filterButton.addEventListener(\n                \"click\",\n                function () {\n                    activeFilter =\n                        filterButton.dataset.filter;\n\n                    visibleCount = 9;\n\n                    filters.forEach(function (button) {\n                        const isActive =\n                            button === filterButton;\n\n                        button.classList.toggle(\n                            \"is-active\",\n                            isActive\n                        );\n\n                        button.setAttribute(\n                            \"aria-pressed\",\n                            String(isActive)\n                        );\n                    });\n\n                    renderProjects();\n                }\n            );\n        });\n\n        moreButton.addEventListener(\n            \"click\",\n            function () {\n                const previousVisibleCount =\n                    visibleCount;\n\n                visibleCount += loadStep;\n\n                renderProjects();\n\n                const sortedCards = getSortedCards();\n\n                const firstNewCard =\n                    sortedCards[\n                        previousVisibleCount\n                    ];\n\n                if (firstNewCard) {\n                    firstNewCard.scrollIntoView({\n                        behavior: window.matchMedia(\n                            \"(prefers-reduced-motion: reduce)\"\n                        ).matches\n                            ? \"auto\"\n                            : \"smooth\",\n                        block: \"nearest\"\n                    });\n                }\n            }\n        );\n\n        renderProjects();\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initProjectsGrid\n        );\n    } else {\n        initProjectsGrid();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0bfd50f e-con-full e-flex e-con e-parent\" data-id=\"0bfd50f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7446e1e elementor-widget elementor-widget-html\" data-id=\"7446e1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     WEB PROJECTS PAGE \u2014 FINAL CTA SECTION\n     Author: Mohamed El-Sehemy\n     English LTR - Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-web-projects-final-cta),\n.elementor-widget-html:has(#dx-web-projects-final-cta)\n    > .elementor-widget-container,\n.dx-web-final-cta-widget-fullwidth,\n.dx-web-final-cta-widget-fullwidth\n    > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n}\n\n\/* =========================================================\n   RESET & VARIABLES\n========================================================= *\/\n\n#dx-web-projects-final-cta,\n#dx-web-projects-final-cta *,\n#dx-web-projects-final-cta *::before,\n#dx-web-projects-final-cta *::after {\n    box-sizing: border-box;\n}\n\n#dx-web-projects-final-cta {\n    --dx-final-dark: #08001f;\n    --dx-final-dark-light: #160638;\n    --dx-final-purple: #6942d8;\n    --dx-final-purple-light: #9168ef;\n    --dx-final-yellow: #ffc441;\n    --dx-final-white: #ffffff;\n    --dx-final-text: rgba(255, 255, 255, 0.76);\n    --dx-final-border: rgba(255, 255, 255, 0.13);\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n\n    direction: ltr;\n    color: var(--dx-final-white);\n\n    background:\n        radial-gradient(\n            circle at 85% 20%,\n            rgba(105, 66, 216, 0.09),\n            transparent 29%\n        ),\n        radial-gradient(\n            circle at 12% 80%,\n            rgba(145, 104, 239, 0.08),\n            transparent 30%\n        ),\n        #f8f7fc;\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-web-projects-final-cta a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================================================\n   BACKGROUND DECORATIONS\n========================================================= *\/\n\n#dx-web-projects-final-cta .dx-final-cta-dots {\n    position: absolute;\n    z-index: -2;\n\n    width: 125px;\n    height: 125px;\n\n    opacity: 0.24;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-final-purple-light) 2px,\n            transparent 2.7px\n        );\n\n    background-size: 17px 17px;\n\n    pointer-events: none;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-dots-one {\n    top: 70px;\n    right: 3%;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-dots-two {\n    left: 3%;\n    bottom: 75px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-orbit {\n    position: absolute;\n    z-index: -3;\n\n    border: 1px solid rgba(105, 66, 216, 0.11);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-orbit-one {\n    top: -240px;\n    left: -210px;\n\n    width: 480px;\n    height: 480px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-orbit-two {\n    right: -210px;\n    bottom: -250px;\n\n    width: 500px;\n    height: 500px;\n}\n\n\/* =========================================================\n   SECTION LAYOUT\n========================================================= *\/\n\n#dx-web-projects-final-cta .dx-final-cta-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        88px\n        clamp(22px, 5vw, 90px)\n        92px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-container {\n    position: relative;\n    isolation: isolate;\n\n    width: min(1450px, 100%);\n    min-height: 445px;\n\n    margin: 0 auto;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding:\n        64px\n        clamp(28px, 6vw, 90px);\n\n    overflow: hidden;\n\n    border: 1px solid var(--dx-final-border);\n    border-radius: 31px;\n\n    background:\n        radial-gradient(\n            circle at 90% 10%,\n            rgba(145, 104, 239, 0.28),\n            transparent 31%\n        ),\n        radial-gradient(\n            circle at 10% 85%,\n            rgba(105, 66, 216, 0.27),\n            transparent 32%\n        ),\n        linear-gradient(\n            215deg,\n            var(--dx-final-dark-light),\n            var(--dx-final-dark)\n        );\n\n    box-shadow:\n        0 36px 85px rgba(28, 8, 70, 0.23),\n        inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n\/* =========================================================\n   CARD DECORATIONS\n========================================================= *\/\n\n#dx-web-projects-final-cta .dx-final-cta-container::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -2;\n\n    top: -150px;\n    left: 50%;\n\n    width: 500px;\n    height: 300px;\n\n    border-radius: 50%;\n\n    background: rgba(105, 66, 216, 0.26);\n\n    filter: blur(90px);\n\n    transform: translateX(-50%);\n\n    pointer-events: none;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-container::after {\n    content: \"\";\n\n    position: absolute;\n    z-index: -3;\n\n    inset: 0;\n\n    opacity: 0.10;\n\n    background-image:\n        linear-gradient(\n            rgba(255, 255, 255, 0.05) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.05) 1px,\n            transparent 1px\n        );\n\n    background-size: 65px 65px;\n\n    -webkit-mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000,\n            transparent 77%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000,\n            transparent 77%\n        );\n\n    pointer-events: none;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-shape {\n    position: absolute;\n    z-index: -1;\n\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-shape-one {\n    top: -155px;\n    left: -105px;\n\n    width: 340px;\n    height: 340px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-shape-two {\n    right: -125px;\n    bottom: -175px;\n\n    width: 370px;\n    height: 370px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-small-dots {\n    position: absolute;\n    z-index: -1;\n\n    width: 105px;\n    height: 105px;\n\n    opacity: 0.24;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-final-purple-light) 2px,\n            transparent 2.6px\n        );\n\n    background-size: 16px 16px;\n\n    pointer-events: none;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-small-dots-one {\n    top: 30px;\n    right: 35px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-small-dots-two {\n    left: 35px;\n    bottom: 25px;\n}\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n#dx-web-projects-final-cta .dx-final-cta-content {\n    position: relative;\n    z-index: 3;\n\n    width: min(850px, 100%);\n\n    margin: 0 auto;\n\n    text-align: center;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    margin-bottom: 13px;\n\n    color: var(--dx-final-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-eyebrow::before,\n#dx-web-projects-final-cta .dx-final-cta-eyebrow::after {\n    content: \"\";\n\n    width: 33px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-final-yellow),\n            var(--dx-final-purple-light)\n        );\n}\n\n#dx-web-projects-final-cta .dx-final-cta-title {\n    margin: 0;\n\n    color: var(--dx-final-white);\n\n    font-size: clamp(38px, 4.4vw, 64px);\n    font-weight: 900;\n    line-height: 1.48;\n    letter-spacing: -0.7px;\n\n    text-wrap: balance;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-title-highlight {\n    color: var(--dx-final-yellow);\n}\n\n#dx-web-projects-final-cta .dx-final-cta-description {\n    max-width: 690px;\n\n    margin: 17px auto 0;\n\n    color: var(--dx-final-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2;\n\n    text-wrap: pretty;\n}\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n#dx-web-projects-final-cta .dx-final-cta-actions {\n    margin-top: 31px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap: 13px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-button {\n    position: relative;\n    isolation: isolate;\n\n    min-width: 205px;\n    min-height: 55px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n\n    padding: 0 25px;\n\n    overflow: hidden;\n\n    border: 1px solid transparent;\n    border-radius: 12px;\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1;\n    white-space: nowrap;\n\n    transition:\n        color 0.27s ease,\n        transform 0.27s ease,\n        border-color 0.27s ease,\n        background 0.27s ease,\n        box-shadow 0.27s ease;\n}\n\n\/* Primary Button *\/\n\n#dx-web-projects-final-cta .dx-final-cta-button-primary {\n    color: #160a2e;\n\n    border-color: rgba(255, 255, 255, 0.28);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-final-yellow),\n            #ffd873\n        );\n\n    box-shadow:\n        0 18px 40px rgba(255, 196, 65, 0.23);\n}\n\n#dx-web-projects-final-cta\n    .dx-final-cta-button-primary::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    top: -45%;\n    left: -80%;\n\n    width: 40%;\n    height: 190%;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255, 255, 255, 0.65),\n            transparent\n        );\n\n    transform: rotate(18deg);\n\n    transition: left 0.58s ease;\n}\n\n#dx-web-projects-final-cta\n    .dx-final-cta-button-primary:hover::before {\n    left: 140%;\n}\n\n#dx-web-projects-final-cta\n    .dx-final-cta-button-primary:hover,\n#dx-web-projects-final-cta\n    .dx-final-cta-button-primary:focus-visible {\n    transform: translateY(-4px);\n\n    box-shadow:\n        0 24px 50px rgba(255, 196, 65, 0.34);\n}\n\n\/* Secondary Button *\/\n\n#dx-web-projects-final-cta .dx-final-cta-button-secondary {\n    color: var(--dx-final-white);\n\n    border-color: rgba(255, 255, 255, 0.21);\n\n    background: rgba(255, 255, 255, 0.055);\n\n    box-shadow:\n        inset 0 1px 0 rgba(255, 255, 255, 0.06);\n\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n}\n\n#dx-web-projects-final-cta\n    .dx-final-cta-button-secondary:hover,\n#dx-web-projects-final-cta\n    .dx-final-cta-button-secondary:focus-visible {\n    border-color: rgba(145, 104, 239, 0.74);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-final-purple),\n            var(--dx-final-purple-light)\n        );\n\n    box-shadow:\n        0 19px 43px rgba(105, 66, 216, 0.33);\n\n    transform: translateY(-4px);\n}\n\n#dx-web-projects-final-cta .dx-final-cta-button svg {\n    width: 18px;\n    height: 18px;\n    flex: 0 0 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TRUST ITEMS\n========================================================= *\/\n\n#dx-web-projects-final-cta .dx-final-cta-trust {\n    margin-top: 31px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap:\n        12px\n        24px;\n}\n\n#dx-web-projects-final-cta .dx-final-cta-trust-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n\n    color: rgba(255, 255, 255, 0.67);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.6;\n}\n\n#dx-web-projects-final-cta\n    .dx-final-cta-trust-item::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n\n    border-radius: 50%;\n\n    background: var(--dx-final-yellow);\n\n    box-shadow:\n        0 0 0 5px rgba(255, 196, 65, 0.11);\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n    #dx-web-projects-final-cta .dx-final-cta-main {\n        padding:\n            75px\n            28px\n            78px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-container {\n        min-height: 410px;\n\n        padding:\n            56px\n            35px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-title {\n        font-size: clamp(36px, 6vw, 54px);\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n    #dx-web-projects-final-cta .dx-final-cta-main {\n        padding:\n            58px\n            16px\n            58px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-container {\n        min-height: 0;\n\n        padding:\n            45px\n            18px\n            42px;\n\n        border-radius: 22px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-eyebrow {\n        margin-bottom: 10px;\n\n        font-size: 14px;\n    }\n\n    #dx-web-projects-final-cta\n        .dx-final-cta-eyebrow::before,\n    #dx-web-projects-final-cta\n        .dx-final-cta-eyebrow::after {\n        width: 23px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-title {\n        font-size: clamp(30px, 9.2vw, 41px);\n        line-height: 1.62;\n        letter-spacing: -0.3px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-description {\n        margin-top: 12px;\n\n        font-size: 14px;\n        line-height: 2;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-actions {\n        margin-top: 25px;\n\n        display: grid;\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-button {\n        width: 100%;\n        min-width: 0;\n        min-height: 53px;\n\n        padding-right: 18px;\n        padding-left: 18px;\n\n        font-size: 14px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-trust {\n        margin-top: 26px;\n\n        display: grid;\n        grid-template-columns: 1fr;\n\n        justify-items: center;\n\n        gap: 10px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-small-dots,\n    #dx-web-projects-final-cta .dx-final-cta-dots {\n        display: none;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-shape-one {\n        top: -200px;\n        left: -180px;\n    }\n\n    #dx-web-projects-final-cta .dx-final-cta-shape-two {\n        right: -210px;\n        bottom: -230px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-web-projects-final-cta a:focus-visible {\n    outline: 3px solid var(--dx-final-yellow);\n    outline-offset: 4px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-web-projects-final-cta *,\n    #dx-web-projects-final-cta *::before,\n    #dx-web-projects-final-cta *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-web-projects-final-cta\"\n    aria-labelledby=\"dx-web-final-cta-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n    <span\n        class=\"dx-final-cta-orbit dx-final-cta-orbit-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-final-cta-orbit dx-final-cta-orbit-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-final-cta-dots dx-final-cta-dots-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-final-cta-dots dx-final-cta-dots-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-final-cta-main\">\n\n        <div class=\"dx-final-cta-container\">\n\n            <span\n                class=\"dx-final-cta-shape dx-final-cta-shape-one\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-shape dx-final-cta-shape-two\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-small-dots dx-final-cta-small-dots-one\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-small-dots dx-final-cta-small-dots-two\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <div class=\"dx-final-cta-content\">\n\n                <span class=\"dx-final-cta-eyebrow\">\n                    Let\u2019s Start Your Next Project\n                <\/span>\n\n                <h2\n                    id=\"dx-web-final-cta-title\"\n                    class=\"dx-final-cta-title\"\n                >\n                    Ready to Turn Your Idea Into a\n                    <span class=\"dx-final-cta-title-highlight\">\n                        Professional Website?\n                    <\/span>\n                <\/h2>\n\n                <p class=\"dx-final-cta-description\">\n                    We help you build a fast, responsive, and user-friendly\n                    website that reflects your brand, supports your business\n                    goals, and delivers a stronger digital experience for\n                    your customers.\n                <\/p>\n\n                <div class=\"dx-final-cta-actions\">\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/contact\/\"\n                        class=\"dx-final-cta-button dx-final-cta-button-primary\"\n                    >\n                        <span>Start Your Project<\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/services\/\"\n                        class=\"dx-final-cta-button dx-final-cta-button-secondary\"\n                    >\n                        <span>Explore Our Services<\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <rect\n                                x=\"4\"\n                                y=\"4\"\n                                width=\"6\"\n                                height=\"6\"\n                                rx=\"1\"\n                            ><\/rect>\n\n                            <rect\n                                x=\"14\"\n                                y=\"4\"\n                                width=\"6\"\n                                height=\"6\"\n                                rx=\"1\"\n                            ><\/rect>\n\n                            <rect\n                                x=\"4\"\n                                y=\"14\"\n                                width=\"6\"\n                                height=\"6\"\n                                rx=\"1\"\n                            ><\/rect>\n\n                            <rect\n                                x=\"14\"\n                                y=\"14\"\n                                width=\"6\"\n                                height=\"6\"\n                                rx=\"1\"\n                            ><\/rect>\n                        <\/svg>\n                    <\/a>\n\n                <\/div>\n\n                <div\n                    class=\"dx-final-cta-trust\"\n                    aria-label=\"Project advantages\"\n                >\n                    <span class=\"dx-final-cta-trust-item\">\n                        Responsive Design\n                    <\/span>\n\n                    <span class=\"dx-final-cta-trust-item\">\n                        Fast Performance\n                    <\/span>\n\n                    <span class=\"dx-final-cta-trust-item\">\n                        Professional User Experience\n                    <\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxWebProjectsFinalCta() {\n        const section = document.getElementById(\n            \"dx-web-projects-final-cta\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-web-final-cta-widget-fullwidth\"\n            );\n        }\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxWebProjectsFinalCta\n        );\n    } else {\n        initDxWebProjectsFinalCta();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Featured Projects Website Projects Explore a selection of websites we have designed and developed for businesses across different industries, combining professional design, responsive experiences, and reliable web technologies. Explore Our Projects Start Your Project www.yourwebsite.com Professional Design Responsive on Every Device Selected Work Websites Designed to Make a Real Difference Explore a selection of websites, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web Projects - D-INDEX - Your Partner in Digital Transformation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dindex.net\/web-projects\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Projects - D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"og:description\" content=\"Featured Projects Website Projects Explore a selection of websites we have designed and developed for businesses across different industries, combining professional design, responsive experiences, and reliable web technologies. Explore Our Projects Start Your Project www.yourwebsite.com Professional Design Responsive on Every Device Selected Work Websites Designed to Make a Real Difference Explore a selection of websites, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dindex.net\/web-projects\/\" \/>\n<meta property=\"og:site_name\" content=\"D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T13:03:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/lumea-1-scaled.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dindex.net\\\/web-projects\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/web-projects\\\/\",\"name\":\"Web Projects - D-INDEX - Your Partner in Digital Transformation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/web-projects\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/web-projects\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/lumea-1-scaled.png\",\"datePublished\":\"2025-02-14T08:45:24+00:00\",\"dateModified\":\"2026-08-19T13:03:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/web-projects\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dindex.net\\\/web-projects\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dindex.net\\\/web-projects\\\/#primaryimage\",\"url\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/lumea-1-scaled.png\",\"contentUrl\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/lumea-1-scaled.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dindex.net\\\/web-projects\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/dindex.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Projects\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\",\"url\":\"https:\\\/\\\/dindex.net\\\/\",\"name\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dindex.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#organization\",\"name\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\",\"url\":\"https:\\\/\\\/dindex.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Dindex-logo.png\",\"contentUrl\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Dindex-logo.png\",\"width\":796,\"height\":313,\"caption\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\"},\"image\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Projects - D-INDEX - Your Partner in Digital Transformation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dindex.net\/web-projects\/","og_locale":"en_US","og_type":"article","og_title":"Web Projects - D-INDEX - Your Partner in Digital Transformation","og_description":"Featured Projects Website Projects Explore a selection of websites we have designed and developed for businesses across different industries, combining professional design, responsive experiences, and reliable web technologies. Explore Our Projects Start Your Project www.yourwebsite.com Professional Design Responsive on Every Device Selected Work Websites Designed to Make a Real Difference Explore a selection of websites, [&hellip;]","og_url":"https:\/\/dindex.net\/web-projects\/","og_site_name":"D-INDEX - Your Partner in Digital Transformation","article_modified_time":"2026-08-19T13:03:23+00:00","og_image":[{"url":"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/lumea-1-scaled.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dindex.net\/web-projects\/","url":"https:\/\/dindex.net\/web-projects\/","name":"Web Projects - D-INDEX - Your Partner in Digital Transformation","isPartOf":{"@id":"https:\/\/dindex.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dindex.net\/web-projects\/#primaryimage"},"image":{"@id":"https:\/\/dindex.net\/web-projects\/#primaryimage"},"thumbnailUrl":"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/lumea-1-scaled.png","datePublished":"2025-02-14T08:45:24+00:00","dateModified":"2026-08-19T13:03:23+00:00","breadcrumb":{"@id":"https:\/\/dindex.net\/web-projects\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dindex.net\/web-projects\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dindex.net\/web-projects\/#primaryimage","url":"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/lumea-1-scaled.png","contentUrl":"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/lumea-1-scaled.png"},{"@type":"BreadcrumbList","@id":"https:\/\/dindex.net\/web-projects\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/dindex.net\/en\/"},{"@type":"ListItem","position":2,"name":"Web Projects"}]},{"@type":"WebSite","@id":"https:\/\/dindex.net\/#website","url":"https:\/\/dindex.net\/","name":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a","description":"","publisher":{"@id":"https:\/\/dindex.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dindex.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dindex.net\/#organization","name":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a","url":"https:\/\/dindex.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dindex.net\/#\/schema\/logo\/image\/","url":"https:\/\/dindex.net\/wp-content\/uploads\/2026\/05\/Dindex-logo.png","contentUrl":"https:\/\/dindex.net\/wp-content\/uploads\/2026\/05\/Dindex-logo.png","width":796,"height":313,"caption":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a"},"image":{"@id":"https:\/\/dindex.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":115,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":4016,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/152\/revisions\/4016"}],"wp:attachment":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}