{"id":8,"date":"2026-10-22T01:11:50","date_gmt":"2026-10-22T01:11:50","guid":{"rendered":"https:\/\/irshadwebdeveloper.com\/?page_id=8"},"modified":"2026-10-22T04:43:26","modified_gmt":"2026-10-22T04:43:26","slug":"home","status":"publish","type":"page","link":"https:\/\/irshadwebdeveloper.com\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eac3103 e-con e-atomic-element e-flexbox-base e-default-div e-434d94c \" data-id=\"eac3103\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eac3103\" data-e-type=\"e-flexbox\" data-id=\"eac3103\">\n    \t\t<div class=\"elementor-element elementor-element-335b98f elementor-widget elementor-widget-html\" data-id=\"335b98f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Irshad Ali - Professional Expert Portfolio<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Outfit:wght@600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            --bg-deep: #0b0f17;\r\n            --bg-card: #131b2e;\r\n            --accent-gold: #d4af37;\r\n            --text-light: #f3f4f6;\r\n            --text-gray: #9ca3af;\r\n            --border-subtle: rgba(212, 175, 55, 0.2);\r\n        }\r\n\r\n        html, body {\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            background-color: var(--bg-deep) !important;\r\n            overflow-x: hidden;\r\n            width: 100%;\r\n        }\r\n\r\n        .irshad-expert-wrapper {\r\n            background-color: var(--bg-deep);\r\n            color: var(--text-light);\r\n            font-family: 'Plus Jakarta Sans', sans-serif;\r\n            width: 100%;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .irshad-expert-wrapper *, .irshad-expert-wrapper *::before, .irshad-expert-wrapper *::after {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .exp-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 0 5%;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Header Styling *\/\r\n        .exp-header-wrap {\r\n            background: rgba(11, 15, 23, 0.98) !important;\r\n            backdrop-filter: blur(12px);\r\n            border-bottom: 1px solid rgba(212, 175, 55, 0.15);\r\n            position: sticky !important;\r\n            top: 0 !important;\r\n            z-index: 999999 !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .exp-header {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            padding: 15px 0 !important;\r\n            width: 100% !important;\r\n            position: relative;\r\n        }\r\n\r\n        .exp-logo {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 22px;\r\n            font-weight: 900;\r\n            color: var(--text-light);\r\n            text-decoration: none;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .exp-logo span {\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        .exp-nav-links {\r\n            display: flex;\r\n            gap: 25px;\r\n            list-style: none;\r\n            align-items: center;\r\n        }\r\n\r\n        .exp-nav-links a {\r\n            font-family: 'Outfit', sans-serif;\r\n            color: var(--text-light);\r\n            text-decoration: none;\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .exp-nav-links a:hover {\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        .exp-nav-btn {\r\n            background: linear-gradient(135deg, var(--accent-gold), #aa8c2c);\r\n            color: var(--bg-deep);\r\n            padding: 8px 18px;\r\n            border-radius: 4px;\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n            text-decoration: none;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        \/* Hamburger Toggle Button for Mobile *\/\r\n        .menu-toggle-btn {\r\n            display: none;\r\n            background: transparent;\r\n            border: 2px solid var(--accent-gold);\r\n            color: var(--accent-gold);\r\n            font-size: 16px;\r\n            padding: 6px 10px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .mobile-right-actions {\r\n            display: none;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .exp-hero {\r\n            padding: 70px 0 50px 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 40px;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n        }\r\n\r\n        .exp-hero-content {\r\n            flex: 1.2;\r\n        }\r\n\r\n        .exp-tag {\r\n            font-family: 'Outfit', sans-serif;\r\n            color: var(--accent-gold);\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 15px;\r\n            display: block;\r\n        }\r\n\r\n        .exp-hero-content h1 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: clamp(30px, 4.5vw, 52px);\r\n            font-weight: 900;\r\n            line-height: 1.15;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .typing-name {\r\n            color: var(--accent-gold);\r\n            border-right: 3px solid var(--accent-gold);\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            animation: typing 3.5s steps(15, end), blink-caret 0.75s step-end infinite;\r\n            display: inline-block;\r\n        }\r\n\r\n        @keyframes typing {\r\n            from { width: 0; }\r\n            to { width: 100%; }\r\n        }\r\n\r\n        @keyframes blink-caret {\r\n            from, to { border-color: transparent; }\r\n            50% { border-color: var(--accent-gold); }\r\n        }\r\n\r\n        .exp-hero-content p {\r\n            color: var(--text-gray);\r\n            font-size: 16px;\r\n            line-height: 1.7;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .exp-btn-gold {\r\n            background: transparent;\r\n            color: var(--accent-gold);\r\n            border: 2px solid var(--accent-gold);\r\n            padding: 12px 28px;\r\n            border-radius: 4px;\r\n            font-family: 'Outfit', sans-serif;\r\n            font-weight: 800;\r\n            font-size: 13px;\r\n            text-decoration: none;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            display: inline-block;\r\n        }\r\n\r\n        \/* Profile Image Container *\/\r\n        .exp-hero-img-box {\r\n            flex: 0.9;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n\r\n        .exp-image-frame {\r\n            width: 260px;\r\n            height: 340px;\r\n            border: 2px solid var(--accent-gold);\r\n            padding: 10px;\r\n            background: var(--bg-card);\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.8);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .exp-image-frame img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        \/* Ticker Bar *\/\r\n        .exp-ticker {\r\n            background: var(--bg-card);\r\n            border-top: 1px solid var(--border-subtle);\r\n            border-bottom: 1px solid var(--border-subtle);\r\n            padding: 16px 0;\r\n            text-align: center;\r\n            font-family: 'Outfit', sans-serif;\r\n            letter-spacing: 2px;\r\n            font-weight: 700;\r\n            font-size: 13px;\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        \/* Sections General *\/\r\n        .exp-section {\r\n            padding: 70px 0;\r\n        }\r\n\r\n        .exp-section-title-box {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 40px auto;\r\n        }\r\n\r\n        .exp-section-title-box span {\r\n            font-family: 'Outfit', sans-serif;\r\n            color: var(--accent-gold);\r\n            font-size: 12px;\r\n            letter-spacing: 2px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            display: block;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .exp-section-title-box h2 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 30px;\r\n            font-weight: 900;\r\n        }\r\n\r\n        \/* About & Stats Section *\/\r\n        .exp-about-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            align-items: center;\r\n        }\r\n\r\n        .exp-about-text h3 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 24px;\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        .exp-about-text p {\r\n            color: var(--text-gray);\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .exp-stats-box {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n        }\r\n\r\n        .exp-stat-card {\r\n            background: var(--bg-card);\r\n            border: 1px solid var(--border-subtle);\r\n            padding: 25px;\r\n            text-align: center;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .exp-stat-card h4 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 32px;\r\n            font-weight: 900;\r\n            color: var(--accent-gold);\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .exp-stat-card p {\r\n            color: var(--text-gray);\r\n            font-size: 13px;\r\n        }\r\n\r\n        \/* Skills Grid *\/\r\n        .exp-steps-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n            gap: 20px;\r\n        }\r\n\r\n        .exp-step-card {\r\n            background: var(--bg-card);\r\n            border: 1px solid rgba(255, 255, 255, 0.05);\r\n            border-top: 3px solid var(--accent-gold);\r\n            padding: 30px 20px;\r\n        }\r\n\r\n        .exp-step-num {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 28px;\r\n            font-weight: 900;\r\n            color: rgba(212, 175, 55, 0.3);\r\n            margin-bottom: 12px;\r\n            display: block;\r\n        }\r\n\r\n        .exp-step-card h3 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 17px;\r\n            font-weight: 800;\r\n            margin-bottom: 10px;\r\n            color: var(--text-light);\r\n        }\r\n\r\n        .exp-step-card p {\r\n            color: var(--text-gray);\r\n            font-size: 13px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Projects Section *\/\r\n        .exp-projects-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 25px;\r\n        }\r\n\r\n        .exp-proj-item {\r\n            background: var(--bg-card);\r\n            border: 1px solid var(--border-subtle);\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .exp-proj-thumb {\r\n            width: 100%;\r\n            height: 180px;\r\n            object-fit: cover;\r\n            border-bottom: 1px solid var(--border-subtle);\r\n        }\r\n\r\n        .exp-proj-body {\r\n            padding: 24px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            flex: 1;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .exp-proj-body h3 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 19px;\r\n            font-weight: 800;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .exp-proj-body p {\r\n            color: var(--text-gray);\r\n            font-size: 13px;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .exp-proj-link {\r\n            color: var(--accent-gold);\r\n            text-decoration: none;\r\n            font-family: 'Outfit', sans-serif;\r\n            font-weight: 800;\r\n            font-size: 13px;\r\n            letter-spacing: 1px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        \/* Contact Section *\/\r\n        .exp-contact-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 0.8fr;\r\n            gap: 40px;\r\n            align-items: center;\r\n            background: var(--bg-card);\r\n            border: 1px solid var(--border-subtle);\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        .exp-contact-left h2 {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 28px;\r\n            font-weight: 900;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .exp-contact-left p {\r\n            color: var(--text-gray);\r\n            font-size: 14px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .exp-contact-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n        }\r\n\r\n        .exp-contact-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            color: var(--text-light);\r\n            font-size: 15px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .exp-contact-item i {\r\n            color: var(--accent-gold);\r\n        }\r\n\r\n        .exp-contact-right {\r\n            position: relative;\r\n            width: 100%;\r\n            height: 250px;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            border: 2px solid var(--accent-gold);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.6);\r\n        }\r\n\r\n        .exp-contact-right img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            filter: brightness(0.85) contrast(1.05);\r\n        }\r\n\r\n        \/* Footer *\/\r\n        .exp-footer {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.08);\r\n            padding: 35px 0;\r\n            margin-top: 50px;\r\n            text-align: center;\r\n        }\r\n\r\n        .exp-socials {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .exp-socials a {\r\n            width: 40px;\r\n            height: 40px;\r\n            border: 1px solid var(--border-subtle);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--accent-gold);\r\n            text-decoration: none;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .exp-footer p {\r\n            color: var(--text-gray);\r\n            font-size: 12px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        \/* Mobile & Tablet Layout Adjustments for Header Swap *\/\r\n        @media (max-width: 1024px) {\r\n            .exp-projects-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            \/* Desktop button ko mobile mein hide karna aur right side container ko show karna *\/\r\n            .exp-header > .exp-nav-btn {\r\n                display: none !important;\r\n            }\r\n            .mobile-right-actions {\r\n                display: flex !important;\r\n            }\r\n            .menu-toggle-btn {\r\n                display: block !important;\r\n            }\r\n            .exp-nav-links {\r\n                display: none;\r\n                flex-direction: column;\r\n                position: absolute;\r\n                top: 100%;\r\n                left: 0;\r\n                width: 100%;\r\n                background: rgba(11, 15, 23, 0.98);\r\n                padding: 20px 0;\r\n                border-bottom: 1px solid rgba(212, 175, 55, 0.2);\r\n                box-shadow: 0 15px 30px rgba(0,0,0,0.5);\r\n                text-align: center;\r\n            }\r\n            .exp-nav-links.active {\r\n                display: flex !important;\r\n            }\r\n            .exp-hero {\r\n                flex-direction: column !important;\r\n                text-align: center;\r\n                padding: 30px 0;\r\n            }\r\n            .exp-hero > .exp-container {\r\n                flex-direction: column-reverse !important;\r\n                flex-wrap: nowrap !important;\r\n                align-items: center !important;\r\n                justify-content: center !important;\r\n                gap: 28px !important;\r\n            }\r\n            .exp-hero-content {\r\n                width: 100% !important;\r\n                flex: none !important;\r\n                text-align: center !important;\r\n            }\r\n            .exp-hero-img-box {\r\n                width: 100% !important;\r\n                flex: none !important;\r\n                display: flex !important;\r\n                justify-content: center !important;\r\n                align-items: center !important;\r\n                align-self: center !important;\r\n                margin: 0 auto !important;\r\n                text-align: center !important;\r\n            }\r\n            .exp-image-frame {\r\n                width: 240px !important;\r\n                height: 310px !important;\r\n                margin: 0 auto !important;\r\n                float: none !important;\r\n            }\r\n            .exp-image-frame img {\r\n                display: block !important;\r\n                width: 100% !important;\r\n                height: 100% !important;\r\n                object-fit: cover !important;\r\n                object-position: center center !important;\r\n            }\r\n            .exp-about-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .exp-projects-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            .exp-contact-grid {\r\n                grid-template-columns: 1fr;\r\n                padding: 20px;\r\n            }\r\n            .exp-contact-right {\r\n                height: 200px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"irshad-expert-wrapper\">\r\n\r\n    <!-- Header \/ Navbar -->\r\n    <div class=\"exp-header-wrap\">\r\n        <div class=\"exp-container\">\r\n            <header class=\"exp-header\">\r\n                <a href=\"#\" class=\"exp-logo\">Irshad<span>.dev<\/span><\/a>\r\n                \r\n                <!-- Desktop Nav Links -->\r\n                <ul class=\"exp-nav-links\" id=\"navLinksList\">\r\n                    <li><a href=\"#about\">About<\/a><\/li>\r\n                    <li><a href=\"#skills\">Competencies<\/a><\/li>\r\n                    <li><a href=\"#projects\">Portfolio<\/a><\/li>\r\n                    <li><a href=\"#contact\">Contact<\/a><\/li>\r\n                <\/ul>\r\n\r\n                <!-- Desktop Let's Talk Button -->\r\n                <a href=\"#contact\" class=\"exp-nav-btn\">Let's Talk<\/a>\r\n\r\n                <!-- Mobile Swapped Right Actions (Let's Talk First, then Dropdown Hamburger) -->\r\n                <div class=\"mobile-right-actions\">\r\n                    <a href=\"#contact\" class=\"exp-nav-btn\" style=\"padding: 6px 12px; font-size: 10px;\">Let's Talk<\/a>\r\n                    <button class=\"menu-toggle-btn\" id=\"menuToggleBtn\">\r\n                        <i class=\"fa-solid fa-bars\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/header>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"exp-hero\" id=\"about\">\r\n        <div class=\"exp-container\" style=\"display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 40px; flex-wrap: wrap;\">\r\n            <div class=\"exp-hero-content\">\r\n                <span class=\"exp-tag\">8 Years of Master Craftsmanship<\/span>\r\n                <h1>Architecting Digital Excellence as <span class=\"typing-name\">Irshad Ali<\/span><\/h1>\r\n                <p>Expert Full-Stack Developer & CMS Architect. I build high-performance WordPress platforms, custom Elementor layouts, scalable e-commerce ecosystems, and robust Python solutions.<\/p>\r\n                <a href=\"#projects\" class=\"exp-btn-gold\">Explore Works<\/a>\r\n            <\/div>\r\n            <div class=\"exp-hero-img-box\">\r\n                <div class=\"exp-image-frame\">\r\n                    <img decoding=\"async\" src=\"http:\/\/irshadwebdeveloper.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-06.23.41.jpeg\" alt=\"Irshad Ali\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Ticker Bar -->\r\n    <div class=\"exp-ticker\">\r\n        WORDPRESS \u2605 ELEMENTOR \u2605 SHOPIFY \u2605 WIX \u2605 HTML\/CSS \u2605 PYTHON\r\n    <\/div>\r\n\r\n    <!-- About & Stats Section -->\r\n    <section class=\"exp-section\">\r\n        <div class=\"exp-container\">\r\n            <div class=\"exp-about-grid\">\r\n                <div class=\"exp-about-text\">\r\n                    <span style=\"font-family: 'Outfit', sans-serif; color: var(--accent-gold); font-size: 12px; letter-spacing: 2px; font-weight: 800; display: block; margin-bottom: 10px;\">WHO I AM<\/span>\r\n                    <h3>Dedicated Web Architect & Developer<\/h3>\r\n                    <p>With over 8 years of hands-on experience in the web development industry, I have successfully transformed countless ideas into high-converting, fully responsive digital realities.<\/p>\r\n                    <p>My core philosophy revolves around combining clean code architecture with elite visual aesthetics to ensure exceptional user engagement and top-tier performance.<\/p>\r\n                <\/div>\r\n                <div class=\"exp-stats-box\">\r\n                    <div class=\"exp-stat-card\">\r\n                        <h4>8+<\/h4>\r\n                        <p>Years Experience<\/p>\r\n                    <\/div>\r\n                    <div class=\"exp-stat-card\">\r\n                        <h4>50+<\/h4>\r\n                        <p>Projects Delivered<\/p>\r\n                    <\/div>\r\n                    <div class=\"exp-stat-card\">\r\n                        <h4>100%<\/h4>\r\n                        <p>Client Satisfaction<\/p>\r\n                    <\/div>\r\n                    <div class=\"exp-stat-card\">\r\n                        <h4>24\/7<\/h4>\r\n                        <p>Support Ready<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Core Competencies Section -->\r\n    <section class=\"exp-section\" id=\"skills\" style=\"background: rgba(19, 27, 46, 0.4);\">\r\n        <div class=\"exp-container\">\r\n            <div class=\"exp-section-title-box\">\r\n                <span>Core Competencies<\/span>\r\n                <h2>Mastery Built Over Years of Dedication<\/h2>\r\n            <\/div>\r\n            <div class=\"exp-steps-grid\">\r\n                <div class=\"exp-step-card\">\r\n                    <span class=\"exp-step-num\">01<\/span>\r\n                    <h3>WORDPRESS & ELEMENTOR<\/h3>\r\n                    <p>Advanced custom theme development, dynamic layouts, and pixel-perfect design architecture.<\/p>\r\n                <\/div>\r\n                <div class=\"exp-step-card\">\r\n                    <span class=\"exp-step-num\">02<\/span>\r\n                    <h3>HTML & CSS STYLING<\/h3>\r\n                    <p>Clean, lightweight, and ultra-responsive frontend coding for lightning-fast performance.<\/p>\r\n                <\/div>\r\n                <div class=\"exp-step-card\">\r\n                    <span class=\"exp-step-num\">03<\/span>\r\n                    <h3>SHOPIFY E-COMMERCE<\/h3>\r\n                    <p>Conversion-optimized online stores, seamless checkout flows, and secure configurations.<\/p>\r\n                <\/div>\r\n                <div class=\"exp-step-card\">\r\n                    <span class=\"exp-step-num\">04<\/span>\r\n                    <h3>PYTHON AUTOMATION<\/h3>\r\n                    <p>Backend logic, script automation, and efficient data processing workflows.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Projects Section -->\r\n    <section class=\"exp-section\" id=\"projects\">\r\n        <div class=\"exp-container\">\r\n            <div class=\"exp-section-title-box\">\r\n                <span>Portfolio Showcase<\/span>\r\n                <h2>Featured Client Deployments<\/h2>\r\n            <\/div>\r\n            <div class=\"exp-projects-grid\">\r\n                \r\n                <div class=\"exp-proj-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?q=80&w=600&auto=format&fit=crop\" alt=\"Ada Michelle\" class=\"exp-proj-thumb\">\r\n                    <div class=\"exp-proj-body\">\r\n                        <div>\r\n                            <h3>Ada Michelle<\/h3>\r\n                            <p>Professional responsive web platform engineered with clean UI\/UX standards.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/adamichelle.com\/home\/\" target=\"_blank\" class=\"exp-proj-link\">VIEW PLATFORM <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"exp-proj-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517694712202-14dd9538aa97?q=80&w=600&auto=format&fit=crop\" alt=\"Nelita Mramey\" class=\"exp-proj-thumb\">\r\n                    <div class=\"exp-proj-body\">\r\n                        <div>\r\n                            <h3>Nelita Mramey<\/h3>\r\n                            <p>Custom organization portal styled with optimized speed and structured hierarchy.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/nelitamramey.org\/\" target=\"_blank\" class=\"exp-proj-link\">VIEW PLATFORM <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"exp-proj-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?q=80&w=600&auto=format&fit=crop\" alt=\"The Mom Bo Hayes\" class=\"exp-proj-thumb\">\r\n                    <div class=\"exp-proj-body\">\r\n                        <div>\r\n                            <h3>The Mom Bo Hayes<\/h3>\r\n                            <p>Engaging lifestyle community layout structured with high aesthetic readability.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/themombohayes.com\/home\/\" target=\"_blank\" class=\"exp-proj-link\">VIEW PLATFORM <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"exp-proj-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531403009284-440f080d1e12?q=80&w=600&auto=format&fit=crop\" alt=\"W2T Publishing\" class=\"exp-proj-thumb\">\r\n                    <div class=\"exp-proj-body\">\r\n                        <div>\r\n                            <h3>W2T Publishing<\/h3>\r\n                            <p>Media hub engineered for seamless content delivery and smooth user navigation.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/w2tspublishing.org\/\" target=\"_blank\" class=\"exp-proj-link\">VIEW PLATFORM <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"exp-proj-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?q=80&w=600&auto=format&fit=crop\" alt=\"Deborah E. Joyce\" class=\"exp-proj-thumb\">\r\n                    <div class=\"exp-proj-body\">\r\n                        <div>\r\n                            <h3>Deborah E. Joyce<\/h3>\r\n                            <p>Personal brand and professional services showcase with tailored interactive features.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/deborahejoyce.com\/\" target=\"_blank\" class=\"exp-proj-link\">VIEW PLATFORM <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"exp-proj-item\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504384308090-c894fdcc538d?q=80&w=600&auto=format&fit=crop\" alt=\"BBetta\" class=\"exp-proj-thumb\">\r\n                    <div class=\"exp-proj-body\">\r\n                        <div>\r\n                            <h3>BBetta<\/h3>\r\n                            <p>High-performance interactive web portal built for optimal user conversion.<\/p>\r\n                        <\/div>\r\n                        <a href=\"https:\/\/bbetta.net\/\" target=\"_blank\" class=\"exp-proj-link\">VIEW PLATFORM <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Section -->\r\n    <section class=\"exp-section\" id=\"contact\" style=\"background: rgba(19, 27, 46, 0.4);\">\r\n        <div class=\"exp-container\">\r\n            <div class=\"exp-contact-grid\">\r\n                <div class=\"exp-contact-left\">\r\n                    <span style=\"font-family: 'Outfit', sans-serif; color: var(--accent-gold); font-size: 12px; letter-spacing: 2px; font-weight: 800; display: block; margin-bottom: 10px;\">GET IN TOUCH<\/span>\r\n                    <h2>Let's Create Your Next Project<\/h2>\r\n                    <p>Available for professional web development contracts and custom solutions.<\/p>\r\n                    <div class=\"exp-contact-list\">\r\n                        <a href=\"https:\/\/wa.me\/923090605401\" target=\"_blank\" class=\"exp-contact-item\">\r\n                            <i class=\"fa-brands fa-whatsapp\" style=\"font-size: 20px;\"><\/i>\r\n                            <span>03090605401<\/span>\r\n                        <\/a>\r\n                        <a href=\"mailto:irshadshahani3@gmail.com\" class=\"exp-contact-item\">\r\n                            <i class=\"fa-solid fa-envelope\" style=\"font-size: 18px;\"><\/i>\r\n                            <span>irshadshahani3@gmail.com<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"exp-contact-right\">\r\n                    <img decoding=\"async\" src=\"http:\/\/irshadwebdeveloper.com\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-07.52.47-1.jpeg\" alt=\"Contact Visual\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Footer -->\r\n    <footer class=\"exp-footer\">\r\n        <div class=\"exp-container\">\r\n            <div class=\"exp-socials\">\r\n                <a href=\"https:\/\/web.facebook.com\/search\/top?q=freelancer%20irshad%20shahani\" target=\"_blank\" title=\"Facebook\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n                <a href=\"https:\/\/www.linkedin.com\/in\/irshad-ali-267737180\/\" target=\"_blank\" title=\"LinkedIn\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n                <a href=\"https:\/\/wa.me\/923090605401\" target=\"_blank\" title=\"WhatsApp\"><i class=\"fa-brands fa-whatsapp\"><\/i><\/a>\r\n            <\/div>\r\n            <p>&copy; 2026 IRSHAD ALI. ALL RIGHTS RESERVED.<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<!-- JavaScript for Mobile Dropdown Toggle -->\r\n<script>\r\n    const menuToggleBtn = document.getElementById('menuToggleBtn');\r\n    const navLinksList = document.getElementById('navLinksList');\r\n\r\n    if (menuToggleBtn && navLinksList) {\r\n        menuToggleBtn.addEventListener('click', () => {\r\n            navLinksList.classList.toggle('active');\r\n        });\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Irshad Ali &#8211; Professional Expert Portfolio Irshad.dev About Competencies Portfolio Contact Let&#8217;s Talk Let&#8217;s Talk 8 Years of Master Craftsmanship Architecting Digital Excellence as Irshad Ali Expert Full-Stack Developer &#038; CMS Architect. I build high-performance WordPress platforms, custom Elementor layouts, scalable e-commerce ecosystems, and robust Python solutions. Explore Works WORDPRESS \u2605 ELEMENTOR \u2605 SHOPIFY \u2605 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":58,"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":90,"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/90"}],"wp:attachment":[{"href":"https:\/\/irshadwebdeveloper.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}