{"id":11,"date":"2026-04-30T05:14:16","date_gmt":"2026-04-30T05:14:16","guid":{"rendered":"https:\/\/digitalhunar.pk\/?page_id=11"},"modified":"2026-06-03T08:15:37","modified_gmt":"2026-06-03T08:15:37","slug":"home","status":"publish","type":"page","link":"https:\/\/digitalhunar.pk\/ur\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Hero Section Slider<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', sans-serif;\n background-color: #f3f4f6;\n }\n\n \/* Main Banner Container *\/\n .main-banner {\n background: #6D28D2;\n position: relative;\n overflow: hidden; \/* Fixes any scroll issues *\/\n height: 400px; \/* Reduced laptop height *\/\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n \/* Decorative Background Elements *\/\n .bg-orb {\n position: absolute;\n background: rgba(255, 255, 255, 0.05);\n border-radius: 50%;\n z-index: 1;\n pointer-events: none;\n }\n\n .bg-orb-large { \n width: 350px; \n height: 350px; \n top: -100px; \n right: -50px; \n }\n \n .bg-orb-small { \n width: 250px; \n height: 250px; \n bottom: -50px; \n left: 20%; \n }\n\n \/* Content Wrapper *\/\n .content-wrapper {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 24px;\n position: relative;\n z-index: 10;\n height: 100%;\n }\n\n \/* Hero Slides *\/\n .hero-slide {\n display: none;\n height: 100%;\n align-items: center;\n justify-content: space-between;\n }\n\n .hero-slide.visible {\n display: flex;\n }\n\n \/* Left Content Area *\/\n .info-section {\n width: 50%;\n }\n\n \/* White Card *\/\n .promo-card {\n background-color: #ffffff;\n padding: 32px 40px; \/* Tighter padding for shorter height *\/\n border-radius: 8px;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n max-width: 480px;\n }\n\n .promo-heading {\n font-size: 28px; \/* Slightly smaller for height fix *\/\n font-weight: 700;\n color: #111827;\n margin-bottom: 12px;\n line-height: 1.2;\n }\n\n .promo-text {\n color: #4b5563;\n margin-bottom: 24px;\n line-height: 1.5;\n font-size: 15px;\n }\n\n .action-btn {\n background-color: #6d28d9;\n color: #ffffff;\n font-weight: 600;\n padding: 10px 28px;\n border-radius: 8px;\n border: none;\n cursor: pointer;\n font-size: 15px;\n transition: all 0.3s ease;\n }\n\n .action-btn:hover {\n background-color: #5b21b6;\n transform: scale(1.05);\n }\n\n \/* Right Image Area *\/\n .visual-section {\n width: 50%;\n height: 100%;\n display: flex;\n align-items: flex-end; \/* Bottom alignment *\/\n justify-content: center;\n position: relative;\n }\n\n .hero-portrait {\n max-height: 100%; \/* Fill container *\/\n height: 100%;\n width: auto;\n object-fit: contain; \/* Ensures full image is visible \u2014 no cropping *\/\n object-position: bottom; \/* Anchor to bottom so head stays visible *\/\n z-index: 10;\n display: block;\n }\n\n \/* Floating Badges *\/\n .hover-badge {\n position: absolute;\n background: #ffffff;\n padding: 10px;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n z-index: 20;\n animation: levitate 4s ease-in-out infinite;\n }\n\n .badge-icon {\n width: 28px;\n height: 28px;\n }\n\n .badge-purple { color: #7c3aed; }\n .badge-blue { color: #2563eb; }\n .badge-teal { color: #14b8a6; }\n\n .pos-top-right { top: 60px; right: 20px; animation-delay: 0.5s; }\n .pos-mid-left { bottom: 120px; left: 0; animation-delay: 1s; }\n .pos-top-left { top: 120px; left: 20px; animation-delay: 1.5s; }\n\n @keyframes levitate {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-12px); }\n 100% { transform: translateY(0px); }\n }\n\n \/* Slider Navigation Dots *\/\n .nav-dots {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 30;\n display: flex;\n gap: 10px;\n }\n\n .indicator-dot {\n height: 8px;\n width: 8px;\n background-color: rgba(255, 255, 255, 0.5);\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .indicator-dot.active {\n background-color: #ffffff;\n width: 20px;\n border-radius: 5px;\n }\n\n \/* ============ TABLET (768px - 1024px) ============ *\/\n @media (max-width: 1024px) {\n .main-banner {\n height: 380px;\n }\n .promo-card { padding: 28px; }\n .promo-heading { font-size: 24px; }\n }\n\n \/* ============ MOBILE (< 768px) ============ *\/\n @media (max-width: 768px) {\n .main-banner {\n height: 480px; \/* Reduced mobile height *\/\n }\n\n .hero-slide {\n flex-direction: column;\n justify-content: flex-end; \/* Push content down to avoid image overlap *\/\n padding-bottom: 40px;\n }\n\n .visual-section {\n height: 220px; \/* Slightly taller for proper portrait *\/\n order: 1;\n align-items: flex-end;\n }\n\n .hero-portrait {\n height: 100%;\n max-height: 210px;\n width: auto;\n object-fit: contain; \/* No head cropping on mobile either *\/\n object-position: bottom;\n }\n\n .info-section {\n order: 2;\n margin-top: -10px;\n }\n\n .promo-card {\n padding: 20px;\n max-width: 90%;\n }\n\n .promo-heading { font-size: 22px; }\n .promo-text { font-size: 14px; margin-bottom: 16px; }\n .hover-badge { display: none; }\n }\n\n \/* ============ SMALL MOBILE (< 480px) ============ *\/\n @media (max-width: 480px) {\n .main-banner {\n height: 450px;\n }\n .hero-portrait { height: 140px; }\n .promo-heading { font-size: 18px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Main Hero Banner -->\n <div class=\"main-banner\">\n \n <!-- Background Decorative Elements -->\n <div class=\"bg-orb bg-orb-large\"><\/div>\n <div class=\"bg-orb bg-orb-small\"><\/div>\n\n <div class=\"content-wrapper\">\n \n <!-- Slide 1 -->\n <div id=\"view1\" class=\"hero-slide visible\">\n <!-- Left Content Card -->\n <div class=\"info-section\">\n <div class=\"promo-card\">\n <h1 class=\"promo-heading\">Build in-demand skills<\/h1>\n <p class=\"promo-text\">\n Get access to 26,000 courses from real-world experts with one subscription.\n <\/p>\n <button class=\"action-btn\">\n Start Learning\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Right Visual Section -->\n <div class=\"visual-section\">\n <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/5212325\/pexels-photo-5212325.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=600&w=600\" alt=\"Professional Woman\" class=\"hero-portrait\">\n \n <!-- Floating Badges -->\n <div class=\"hover-badge pos-top-right\">\n <svg class=\"badge-icon badge-purple\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"hover-badge pos-mid-left\">\n <svg class=\"badge-icon badge-blue\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n <\/svg>\n <\/div>\n <div class=\"hover-badge pos-top-left\">\n <svg class=\"badge-icon badge-teal\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-7.714 2.143L11 21l-2.286-6.857L1 12l7.714-2.143L11 3z\"><\/path>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Slide 2 -->\n <div id=\"view2\" class=\"hero-slide\">\n <div class=\"info-section\">\n <div class=\"promo-card\">\n <h1 class=\"promo-heading\">Master Your Future<\/h1>\n <p class=\"promo-text\">\n Join over 10 million students worldwide learning from industry-leading instructors.\n <\/p>\n <button class=\"action-btn\">\n Explore Courses\n <\/button>\n <\/div>\n <\/div>\n <div class=\"visual-section\">\n <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/29582128\/pexels-photo-29582128.jpeg?auto=compress&cs=tinysrgb&fit=crop&h=600&w=600\" alt=\"Learning Group\" class=\"hero-portrait\">\n <\/div>\n <\/div>\n\n <!-- Navigation Dots -->\n <div class=\"nav-dots\">\n <span class=\"indicator-dot active\" onclick=\"switchToView(1)\"><\/span>\n <span class=\"indicator-dot\" onclick=\"switchToView(2)\"><\/span>\n <\/div>\n\n <\/div>\n <\/div>\n\n <script>\n let activeView = 1;\n const allViews = document.querySelectorAll('.hero-slide');\n const allDots = document.querySelectorAll('.indicator-dot');\n\n function displayView(viewNumber) {\n allViews.forEach(view => view.classList.remove('visible'));\n allDots.forEach(dot => dot.classList.remove('active'));\n \n allViews[viewNumber - 1].classList.add('visible');\n allDots[viewNumber - 1].classList.add('active');\n activeView = viewNumber;\n }\n\n function switchToView(n) {\n displayView(n);\n }\n\n \/\/ Auto-rotate every 5 seconds\n setInterval(() => {\n activeView++;\n if (activeView > allViews.length) activeView = 1;\n displayView(activeView);\n }, 5000);\n <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d079345 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"d079345\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-00c8aae e-con-full e-flex e-con e-child\" data-id=\"00c8aae\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efb6396 elementor-widget elementor-widget-heading\" data-id=\"efb6396\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Build in-demand skills<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd293ea elementor-widget elementor-widget-text-editor\" data-id=\"bd293ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Get access to 26,000 courses from real-world experts with one subscription.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dfc2ece elementor-mobile-align-left elementor-widget elementor-widget-button\" data-id=\"dfc2ece\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"http:\/\/digitalhunar.pk\/courses\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Start Learning<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad49321 e-flex e-con-boxed e-con e-parent\" data-id=\"ad49321\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f971f6b elementor-widget elementor-widget-html\" data-id=\"f971f6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n DIGITALHUNAR - COMPACT COURSE PLATFORM\r\n========================================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root{\r\n --primary:#6D28D2;\r\n --accent:#F7FF01;\r\n}\r\n\r\n*{ margin:0; padding:0; box-sizing:border-box; }\r\n\r\nbody{\r\n font-family:'Inter', sans-serif;\r\n background:#f5f7fb;\r\n}\r\n\r\n.nyf-community{ padding:35px 15px; }\r\n\r\n.nyf-wrap{\r\n max-width:1250px;\r\n margin:auto;\r\n background:#6D28D2;\r\n border-radius:20px;\r\n padding:35px 25px;\r\n position:relative;\r\n overflow:hidden;\r\n}\r\n\r\n.nyf-wrap::before{\r\n content:\"\";\r\n position:absolute;\r\n top:-120px;\r\n right:-120px;\r\n width:320px;\r\n height:320px;\r\n border-radius:50%;\r\n background:rgba(247,255,1,0.07);\r\n}\r\n\r\n\/* TOP *\/\r\n.nyf-top{ text-align:center; margin-bottom:25px; }\r\n\r\n.nyf-title{\r\n font-size:36px;\r\n font-weight:800;\r\n color:#E9D5FF;\r\n margin-bottom:8px;\r\n}\r\n\r\n.nyf-subtitle{\r\n color:#ededed;\r\n font-size:15px;\r\n}\r\n\r\n\/* MAIN *\/\r\n.nyf-main{\r\n display:flex;\r\n gap:20px;\r\n}\r\n\r\n\/* MENU *\/\r\n.nyf-menu{\r\n width:180px;\r\n flex-shrink:0;\r\n}\r\n\r\n.nyf-item{\r\n color:#e5e5f7;\r\n font-size:15.5px;\r\n padding:11px 14px;\r\n border-bottom:1px solid rgba(255,255,255,0.1);\r\n cursor:pointer;\r\n transition:.3s;\r\n}\r\n\r\n.nyf-item:hover{\r\n padding-left:20px;\r\n color:#fff;\r\n}\r\n\r\n.nyf-item.active{\r\n background:rgba(255,255,255,0.15);\r\n border-radius:8px;\r\n color:#fff;\r\n}\r\n\r\n\/* SCREEN *\/\r\n.nyf-screen{\r\n background:#fff;\r\n border-radius:16px;\r\n overflow:hidden;\r\n box-shadow:0 15px 35px rgba(0,0,0,0.15);\r\n flex:1;\r\n}\r\n\r\n.nyf-bar{\r\n height:42px;\r\n border-bottom:1px solid #eee;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n padding:0 16px;\r\n font-size:14px;\r\n}\r\n\r\n.nyf-logo{\r\n font-weight:800;\r\n color:var(--primary);\r\n}\r\n\r\n\/* BODY *\/\r\n.nyf-body{\r\n display:flex;\r\n height:245px;\r\n}\r\n\r\n\/* SIDEBAR *\/\r\n.nyf-side{\r\n width:95px;\r\n border-right:1px solid #f0f0f0;\r\n padding:12px;\r\n}\r\n\r\n.nyf-side div{\r\n height:9px;\r\n background:#ececec;\r\n border-radius:20px;\r\n margin-bottom:10px;\r\n}\r\n\r\n\/* CONTENT *\/\r\n.nyf-content{\r\n flex:1;\r\n padding:14px;\r\n background:#fafafa;\r\n}\r\n\r\n.nyf-line{\r\n height:10px;\r\n background:#ececec;\r\n border-radius:20px;\r\n margin-bottom:9px;\r\n}\r\n\r\n.nyf-line.small{ width:65%; }\r\n\r\n.nyf-course-card{\r\n background:#fff;\r\n border-radius:12px;\r\n padding:12px;\r\n margin-bottom:12px;\r\n box-shadow:0 6px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.nyf-course-thumb{\r\n height:92px;\r\n border-radius:10px;\r\n background:linear-gradient(135deg,#6D28D2,#7b4dff);\r\n margin-bottom:10px;\r\n position:relative;\r\n}\r\n\r\n.nyf-course-thumb::after{\r\n content:\"\u25b6\";\r\n position:absolute;\r\n top:50%;\r\n left:50%;\r\n transform:translate(-50%,-50%);\r\n font-size:22px;\r\n color:white;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media(max-width:900px){\r\n .nyf-main{ flex-direction:column; }\r\n .nyf-menu{ width:100%; display:flex; flex-wrap:wrap; gap:6px; }\r\n .nyf-item{ border-bottom:none; text-align:center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"nyf-community\">\r\n <div class=\"nyf-wrap\">\r\n <div class=\"nyf-top\">\r\n <h2 class=\"nyf-title\">Learn with DigitalHunar<\/h2>\r\n <p class=\"nyf-subtitle\">Practical Courses \u2022 Lifetime Access<\/p>\r\n <\/div>\r\n\r\n <div class=\"nyf-main\">\r\n\r\n <div class=\"nyf-menu\">\r\n <div class=\"nyf-item active\" data-tab=\"dashboard\">Dashboard<\/div>\r\n <div class=\"nyf-item\" data-tab=\"courses\">My Courses<\/div>\r\n <div class=\"nyf-item\" data-tab=\"browse\">Browse<\/div>\r\n <div class=\"nyf-item\" data-tab=\"progress\">Progress<\/div>\r\n <\/div>\r\n\r\n <div class=\"nyf-screen\">\r\n <div class=\"nyf-bar\">\r\n <div class=\"nyf-logo\">DigitalHunar<\/div>\r\n <div style=\"color:#555; font-size:13px;\">68% Complete<\/div>\r\n <\/div>\r\n\r\n <div class=\"nyf-body\">\r\n <div class=\"nyf-side\">\r\n <div><\/div><div><\/div><div><\/div>\r\n <\/div>\r\n\r\n <div class=\"nyf-content nyf-dynamic-content\">\r\n <div class=\"nyf-course-card\">\r\n <div class=\"nyf-course-thumb\"><\/div>\r\n <div class=\"nyf-line\"><\/div>\r\n <div class=\"nyf-line small\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n const items = document.querySelectorAll(\".nyf-item\");\r\n const content = document.querySelector(\".nyf-dynamic-content\");\r\n\r\n items.forEach(item => {\r\n item.addEventListener(\"click\", function(){\r\n items.forEach(el => el.classList.remove(\"active\"));\r\n this.classList.add(\"active\");\r\n\r\n const tab = this.getAttribute(\"data-tab\");\r\n\r\n if(tab === \"dashboard\" || tab === \"courses\"){\r\n content.innerHTML = `\r\n <div class=\"nyf-course-card\">\r\n <div class=\"nyf-course-thumb\"><\/div>\r\n <div class=\"nyf-line\"><\/div>\r\n <div class=\"nyf-line small\"><\/div>\r\n <\/div>\r\n <div class=\"nyf-course-card\">\r\n <div class=\"nyf-course-thumb\"><\/div>\r\n <div class=\"nyf-line\"><\/div>\r\n <div class=\"nyf-line small\"><\/div>\r\n <\/div>\r\n `;\r\n }\r\n else if(tab === \"browse\"){\r\n content.innerHTML = `\r\n <div style=\"display:grid; grid-template-columns:1fr 1fr; gap:10px;\">\r\n <div class=\"nyf-course-card\"><div class=\"nyf-course-thumb\"><\/div><\/div>\r\n <div class=\"nyf-course-card\"><div class=\"nyf-course-thumb\"><\/div><\/div>\r\n <\/div>\r\n `;\r\n }\r\n else if(tab === \"progress\"){\r\n content.innerHTML = `\r\n <div class=\"nyf-course-card\">\r\n <div class=\"nyf-line\"><\/div>\r\n <div class=\"nyf-line small\"><\/div>\r\n <div style=\"height:7px; background:#6D28D2; border-radius:20px; margin-top:10px;\"><\/div>\r\n <\/div>\r\n `;\r\n }\r\n });\r\n });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1813239 e-flex e-con-boxed e-con e-parent\" data-id=\"1813239\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4922a13 elementor-widget elementor-widget-html\" data-id=\"4922a13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\nUDEMY EXACT STYLE\r\n4 CARDS + SMALL POPUPS\r\n========================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================\r\nGLOBAL RESET\r\n========================= *\/\r\n*{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n background:#fff;\r\n color:#1c1d1f;\r\n}\r\n\r\n\/* =========================\r\nTOP TEXT\r\n========================= *\/\r\n.top-text{\r\n font-size:18px;\r\n color:#6a6f73;\r\n padding:18px 36px 0;\r\n}\r\n\r\n\/* =========================\r\nTOP MENU\r\n========================= *\/\r\n.udemy-top-menu{\r\n width:100%;\r\n padding:42px 36px 0;\r\n background:#fff;\r\n}\r\n\r\n.udemy-tabs{\r\n display:flex;\r\n gap:36px;\r\n border-bottom:1px solid #d1d7dc;\r\n padding-bottom:16px;\r\n overflow-x:auto;\r\n}\r\n\r\n.udemy-tabs::-webkit-scrollbar{\r\n display:none;\r\n}\r\n\r\n.udemy-tab{\r\n font-size:18px;\r\n font-weight:400;\r\n color:#2d2f31;\r\n white-space:nowrap;\r\n cursor:pointer;\r\n position:relative;\r\n padding-bottom:12px;\r\n}\r\n\r\n.udemy-tab.active{\r\n font-weight:700;\r\n}\r\n\r\n.udemy-tab.active::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n bottom:-17px;\r\n width:100%;\r\n height:3px;\r\n background:#1c1d1f;\r\n}\r\n\r\n\/* =========================\r\nWRAPPER\r\n========================= *\/\r\n.udemy-course-wrap{\r\n width:100%;\r\n max-width:1400px;\r\n margin:auto;\r\n padding:32px 20px;\r\n}\r\n\r\n\/* =========================\r\nGRID ROW (CARDS)\r\n========================= *\/\r\n.udemy-course-row{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:16px;\r\n margin-bottom:24px;\r\n}\r\n\r\n\/* =========================\r\nCARD\r\n========================= *\/\r\n.udemy-card{\r\n background:#fff;\r\n border:1px solid #d1d7dc;\r\n border-radius:18px;\r\n padding:14px;\r\n position:relative;\r\n transition:.2s ease;\r\n overflow:visible;\r\n}\r\n\r\n.udemy-card:hover{\r\n box-shadow:0 2px 10px rgba(0,0,0,.08);\r\n}\r\n\r\n\/* =========================\r\nIMAGE\r\n========================= *\/\r\n.udemy-image{\r\n width:100%;\r\n height:155px;\r\n border-radius:12px;\r\n overflow:hidden;\r\n}\r\n\r\n.udemy-image img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n}\r\n\r\n\/* =========================\r\nTEXT CONTENT\r\n========================= *\/\r\n.udemy-title{\r\n font-size:15px;\r\n font-weight:800;\r\n margin-top:14px;\r\n line-height:1.35;\r\n}\r\n\r\n.udemy-author{\r\n font-size:12px;\r\n margin-top:7px;\r\n color:#6a6f73;\r\n}\r\n\r\n.udemy-meta{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:5px;\r\n margin-top:12px;\r\n}\r\n\r\n.badge{\r\n background:#c7e9e4;\r\n color:#0d5261;\r\n font-size:11px;\r\n font-weight:700;\r\n padding:4px 8px;\r\n border-radius:5px;\r\n}\r\n\r\n.rating-box{\r\n border:1px solid #d1d7dc;\r\n padding:4px 7px;\r\n font-size:11px;\r\n color:#6a6f73;\r\n border-radius:5px;\r\n}\r\n\r\n.rating-box span{\r\n color:#b4690e;\r\n}\r\n\r\n.udemy-price{\r\n font-size:15px;\r\n font-weight:800;\r\n margin-top:16px;\r\n}\r\n\r\n\/* =========================\r\nHOVER POPUP\r\n========================= *\/\r\n.udemy-hover{\r\n position:absolute;\r\n top:0;\r\n left:102%;\r\n width:320px;\r\n background:#fff;\r\n border:1px solid #d1d7dc;\r\n border-radius:16px;\r\n padding:20px;\r\n opacity:0;\r\n visibility:hidden;\r\n transform:translateY(8px);\r\n transition:.2s ease;\r\n z-index:50;\r\n box-shadow:0 10px 30px rgba(0,0,0,.14);\r\n\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n}\r\n\r\n.udemy-card:hover .udemy-hover{\r\n opacity:1;\r\n visibility:visible;\r\n transform:translateY(0);\r\n}\r\n\r\n\/* LAST COLUMN FIX (RIGHT TO LEFT POPUP) *\/\r\n.udemy-course-row .udemy-card:nth-child(4n) .udemy-hover{\r\n left:auto;\r\n right:102%;\r\n}\r\n\r\n.udemy-course-row .udemy-card:nth-child(4n) .udemy-hover::before{\r\n left:auto;\r\n right:-12px;\r\n border-right:none;\r\n border-left:12px solid #fff;\r\n}\r\n\r\n\/* ARROW *\/\r\n.udemy-hover::before{\r\n content:\"\";\r\n position:absolute;\r\n left:-12px;\r\n top:50%;\r\n transform:translateY(-50%);\r\n border-top:12px solid transparent;\r\n border-bottom:12px solid transparent;\r\n border-right:12px solid #fff;\r\n}\r\n\r\n\/* =========================\r\nPOPUP CONTENT\r\n========================= *\/\r\n.hover-title{\r\n font-size:18px;\r\n font-weight:800;\r\n line-height:1.4;\r\n}\r\n\r\n.hover-row{\r\n display:flex;\r\n gap:10px;\r\n flex-wrap:wrap;\r\n margin-top:14px;\r\n}\r\n\r\n.hover-green{\r\n color:#1e6055;\r\n font-size:13px;\r\n font-weight:700;\r\n}\r\n\r\n.hover-small{\r\n color:#6a6f73;\r\n font-size:13px;\r\n margin-top:12px;\r\n line-height:1.5;\r\n}\r\n\r\n.hover-desc{\r\n color:#3e4143;\r\n font-size:14px;\r\n margin-top:14px;\r\n line-height:1.6;\r\n}\r\n\r\n.hover-list{\r\n margin-top:18px;\r\n display:flex;\r\n flex-direction:column;\r\n gap:12px;\r\n}\r\n\r\n.hover-list li{\r\n list-style:none;\r\n display:flex;\r\n gap:10px;\r\n font-size:13px;\r\n color:#3e4143;\r\n}\r\n\r\n.hover-list li::before{\r\n content:\"\u2713\";\r\n font-weight:700;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.udemy-btn{\r\n width:100%;\r\n height:52px;\r\n border:none;\r\n border-radius:10px;\r\n background:#892de1;\r\n color:#fff;\r\n font-size:16px;\r\n font-weight:800;\r\n cursor:pointer;\r\n margin-top:18px;\r\n}\r\n\r\n.udemy-btn:hover{\r\n background:#7a1fe0;\r\n}\r\n\r\n\/* =========================\r\nBOTTOM LINK\r\n========================= *\/\r\n.bottom-link{\r\n margin-top:32px;\r\n}\r\n\r\n.bottom-link a{\r\n color:#5624d0;\r\n font-size:18px;\r\n font-weight:800;\r\n text-decoration:none;\r\n}\r\n\r\n.bottom-link a:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n\/* =========================\r\nRESPONSIVE DESIGN\r\n========================= *\/\r\n\r\n\/* TABLET *\/\r\n@media(max-width:1024px){\r\n .udemy-course-row{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n\r\n .udemy-hover{\r\n width:280px;\r\n }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n .udemy-course-row{\r\n grid-template-columns:1fr;\r\n }\r\n\r\n .udemy-hover{\r\n position:absolute;\r\n top:105%;\r\n left:0;\r\n width:100%;\r\n }\r\n\r\n .udemy-hover::before{\r\n display:none;\r\n }\r\n\r\n .top-text,\r\n .udemy-top-menu{\r\n padding-left:16px;\r\n padding-right:16px;\r\n }\r\n}\r\n<\/style>\r\n\r\n<div class=\"top-text\">\r\n From critical skills to technical topics, Digital Hunar supports your professional development.\r\n<\/div>\r\n\r\n<!-- =========================\r\nTOP MENU\r\n========================= -->\r\n\r\n<div class=\"udemy-top-menu\">\r\n\r\n <div class=\"udemy-tabs\">\r\n <div class=\"udemy-tab active\">Courses<\/div>\r\n \r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- =========================\r\nCOURSES\r\n========================= -->\r\n\r\n<div class=\"udemy-course-wrap\">\r\n\r\n <div class=\"udemy-course-row\">\r\n\r\n <!-- CARD 1 -->\r\n\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1523474253046-8cd2748b5fd2-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n Amazon A to Z: Complete Amazon Selling Masterclass\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Digital Hunar\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.7<\/div>\r\n <div class=\"rating-box\">18,540 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 39,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n Amazon A to Z: Complete Amazon Selling Masterclass (100+ Hours)\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"hover-green\">Updated May 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 100+ total hours \u2022 Beginner to Advanced \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to start, grow and automate a profitable Amazon FBA business from scratch.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Set up your Amazon seller account from zeros<\/li>\r\n <li>Rank on Amazon page 1 with SEO<\/li>\r\n <li>Build a private label brand on Amazons<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/amazon-course\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- CARD 2 -->\r\n\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1555529669-e69e7aa0ba9a-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n eBay A to Z: Complete eBay Selling Masterclass\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Digital Hunar\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.6<\/div>\r\n <div class=\"rating-box\">12,980 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 35,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n eBay A to Z: Complete eBay Selling Masterclass (40 to 50 Hours)\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"hover-green\">Updated April 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 40+ total hours \u2022 Beginner to Advanced \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to start a profitable eBay dropshipping business and automate orders for passive income.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li> Create & fully set up your eBay seller account<\/li>\r\n <li>Source winning products for the eBay market<\/li>\r\n <li>Run eBay Promoted Listings ad campaigns<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/ebay-course\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- CARD 3 -->\r\n\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1521133573892-e44906baee46-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n Etsy Dropshipping & Print on Demand Mastery Course 2026\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Creative Ecom Academy\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Highest Rated<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.8<\/div>\r\n <div class=\"rating-box\">9,420 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 40,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n Etsy Dropshipping & Print on Demand Mastery Course 2026\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Highest Rated<\/div>\r\n <div class=\"hover-green\">Updated March 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 18 total hours \u2022 Beginner Friendly \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to build a profitable Etsy store using print-on-demand and digital products.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Create Etsy shop from scratch<\/li>\r\n <li>Design and sell digital products<\/li>\r\n <li>Scale with Etsy SEO & marketing<\/li>\r\n <\/ul>\r\n <\/div>\r\n<button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/etsy-course\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- CARD 4 -->\r\n\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1512428559087-560fa5ceab42-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n Shopify Dropshipping & E-Commerce Mastery Course 2026\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Ecom Launch Academy\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.7<\/div>\r\n <div class=\"rating-box\">21,340 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 35,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n Shopify Dropshipping & E-Commerce Mastery Course 2026\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"hover-green\">Updated May 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 26 total hours \u2022 Beginner to Advanced \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to build a profitable Shopify store and scale with paid ads and automation.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Create Shopify store from scratch<\/li>\r\n <li>Find winning products for dropshipping<\/li>\r\n <li>Run Facebook & TikTok ads for sales<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/shopify-course\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- CARD 5 -->\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1586528116311-ad8dd3c8310d-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n Walmart A to Z: Complete Walmart Marketplace Masterclass\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Ecom Automation Hub\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.6<\/div>\r\n <div class=\"rating-box\">10,780 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 40,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n Walmart A to Z: Complete Walmart Marketplace Masterclass\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"hover-green\">Updated April 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 60+ total hours \u2022 Beginner to Advanced \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to automate a Walmart dropshipping business and scale with minimal manual work.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Set up Walmart seller account<\/li>\r\n <li>Automate product listings & orders<\/li>\r\n <li>Scale with automation tools<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/walmart-automation\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- CARD 6 -->\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1611162617474-5b21e879e113-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n TikTok Shop A to Z: Complete TikTok Selling Masterclass\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Social Commerce Academy\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Highest Rated<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.8<\/div>\r\n <div class=\"rating-box\">14,560 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 35,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n TikTok Shop A to Z: Complete TikTok Selling Masterclass\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Highest Rated<\/div>\r\n <div class=\"hover-green\">Updated May 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 19 total hours \u2022 Beginner Friendly \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to build a viral TikTok Shop business and generate sales through short-form video marketing.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Create and optimize TikTok Shop<\/li>\r\n <li>Find viral winning products<\/li>\r\n <li>Scale using TikTok ads & organic content<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/tiktok-shop\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- CARD 7 -->\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1611162616475-46b635cb6868-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n Meta Ads A to Z: Complete Facebook & Instagram Ads Masterclass\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Digital Growth Academy\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.7<\/div>\r\n <div class=\"rating-box\">16,220 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 35,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n Meta Ads A to Z: Complete Facebook & Instagram Ads Masterclass\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"hover-green\">Updated April 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 24 total hours \u2022 Beginner to Advanced \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to run profitable Facebook & Instagram ad campaigns and scale any business with paid ads.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Set up Facebook Business Manager & Ad Account<\/li>\r\n <li>Install & verify Meta Pixel on any website<\/li>\r\n <li>Scale ads for maximum ROI<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/meta-ads\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n <!-- CARD 8 -->\r\n <div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/photo-1611926653458-09294b3142bf-scaled.jpg\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n Social Media Marketing A to Z: Complete SMM Masterclass\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Digital Marketing Hub\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.6<\/div>\r\n <div class=\"rating-box\">19,840 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 35,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n Social Media Marketing A to Z: Complete SMM Masterclass\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"hover-green\">Updated May 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 60-70 total hours \u2022 Beginner to Advanced \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn how to grow brands using Instagram, Facebook, TikTok and YouTube marketing strategies.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Build a complete social media strategy from scratch<\/li>\r\n <li> Write compelling captions and CTAs that convert<\/li>\r\n <li>Run effective marketing campaigns<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/social-media-marketing\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- CARD 9 -->\r\n<div class=\"udemy-card\">\r\n\r\n <div class=\"udemy-image\">\r\n <img decoding=\"async\" src=\"https:\/\/digitalhunar.pk\/wp-content\/uploads\/2026\/05\/SEO-for-Small-Business.webp\">\r\n <\/div>\r\n\r\n <div class=\"udemy-title\">\r\n SEO A to Z: Complete Search Engine Optimization Masterclass\r\n <\/div>\r\n\r\n <div class=\"udemy-author\">\r\n Digital Hunar\r\n <\/div>\r\n\r\n <div class=\"udemy-meta\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"rating-box\"><span>\u2605<\/span>4.7<\/div>\r\n <div class=\"rating-box\">17,320 ratings<\/div>\r\n <\/div>\r\n\r\n <div class=\"udemy-price\">RS. 40,000<\/div>\r\n\r\n <div class=\"udemy-hover\">\r\n\r\n <div>\r\n <div class=\"hover-title\">\r\n SEO A to Z: Complete Search Engine Optimization Masterclass\r\n <\/div>\r\n\r\n <div class=\"hover-row\">\r\n <div class=\"badge\">Bestseller<\/div>\r\n <div class=\"hover-green\">Updated May 2026<\/div>\r\n <\/div>\r\n\r\n <div class=\"hover-small\">\r\n 25 total hours \u2022 Beginner to Advanced \u2022 Subtitles\r\n <\/div>\r\n\r\n <div class=\"hover-desc\">\r\n Learn complete SEO from basics to advanced strategies to rank websites on Google and drive organic traffic.\r\n <\/div>\r\n\r\n <ul class=\"hover-list\">\r\n <li>Understand how Google search engine works<\/li>\r\n <li> Fix all technical SEO issues on a website<\/li>\r\n <li>Technical SEO & website ranking strategies<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button class=\"udemy-btn\" onclick=\"window.location.href='https:\/\/digitalhunar.pk\/seo\/'\">\r\n Learn More\r\n<\/button>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-727365c e-flex e-con-boxed e-con e-parent\" data-id=\"727365c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a233c31 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"a233c31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\nTESTIMONIALS - UDEMY STYLE\r\n========================= -->\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\nbody{\r\n font-family:'Inter',sans-serif;\r\n}\r\n\r\n\/* SECTION WRAPPER *\/\r\n.testimonial-section{\r\n padding:60px 40px;\r\n background:#fff;\r\n}\r\n\r\n\/* HEADING *\/\r\n.testimonial-heading{\r\n font-size:28px;\r\n font-weight:800;\r\n color:#1c1d1f;\r\n margin-bottom:30px;\r\n}\r\n\r\n\/* GRID *\/\r\n.testimonial-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:20px;\r\n}\r\n\r\n\/* CARD *\/\r\n.testimonial-card{\r\n border:1px solid #d1d7dc;\r\n border-radius:16px;\r\n padding:22px;\r\n background:#fff;\r\n display:flex;\r\n flex-direction:column;\r\n justify-content:space-between;\r\n min-height:260px;\r\n}\r\n\r\n\/* QUOTE *\/\r\n.quote{\r\n font-size:40px;\r\n font-weight:800;\r\n color:#1c1d1f;\r\n line-height:20px;\r\n}\r\n\r\n\/* TEXT *\/\r\n.testimonial-text{\r\n font-size:14px;\r\n color:#3e4143;\r\n margin-top:10px;\r\n line-height:1.6;\r\n}\r\n\r\n\/* USER *\/\r\n.user{\r\n display:flex;\r\n align-items:center;\r\n gap:10px;\r\n margin-top:20px;\r\n}\r\n\r\n.avatar{\r\n width:38px;\r\n height:38px;\r\n border-radius:50%;\r\n background:#ddd;\r\n}\r\n\r\n\/* NAME *\/\r\n.name{\r\n font-size:13px;\r\n font-weight:700;\r\n color:#1c1d1f;\r\n}\r\n\r\n.role{\r\n font-size:12px;\r\n color:#6a6f73;\r\n}\r\n\r\n\/* LINK *\/\r\n.card-link{\r\n margin-top:18px;\r\n font-size:13px;\r\n font-weight:700;\r\n color:#5624d0;\r\n text-decoration:none;\r\n}\r\n\r\n.card-link:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n\/* FOOT LINK *\/\r\n.bottom-link{\r\n margin-top:30px;\r\n font-size:16px;\r\n font-weight:700;\r\n color:#5624d0;\r\n text-decoration:none;\r\n display:inline-block;\r\n}\r\n\r\n.bottom-link:hover{\r\n text-decoration:underline;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media(max-width:1024px){\r\n .testimonial-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n}\r\n\r\n@media(max-width:768px){\r\n .testimonial-grid{\r\n grid-template-columns:1fr;\r\n }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"testimonial-section\">\r\n\r\n <div class=\"testimonial-heading\">\r\n Join others transforming their lives through learning\r\n <\/div>\r\n\r\n <div class=\"testimonial-grid\">\r\n\r\n <!-- CARD 1 AMAZON -->\r\n <div class=\"testimonial-card\">\r\n <div>\r\n <div class=\"quote\">\u201c<\/div>\r\n <div class=\"testimonial-text\">\r\n I learned Amazon FBA automation step by step and launched my first store within 2 weeks. Everything was practical and easy to follow.\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"user\">\r\n <div class=\"avatar\"><\/div>\r\n <div>\r\n <div class=\"name\">Ali Raza<\/div>\r\n <div class=\"role\">Amazon FBA Student<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"card-link\" href=\"#\">View Amazon course \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 2 EBAY -->\r\n <div class=\"testimonial-card\">\r\n <div>\r\n <div class=\"quote\">\u201c<\/div>\r\n <div class=\"testimonial-text\">\r\n eBay dropshipping course helped me start earning passive income. I automated everything and scaled my store.\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"user\">\r\n <div class=\"avatar\"><\/div>\r\n <div>\r\n <div class=\"name\">Sarah Khan<\/div>\r\n <div class=\"role\">eBay Seller<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"card-link\" href=\"#\">View eBay course \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 3 ETSY -->\r\n <div class=\"testimonial-card\">\r\n <div>\r\n <div class=\"quote\">\u201c<\/div>\r\n <div class=\"testimonial-text\">\r\n Etsy print-on-demand training changed my life. I started selling digital products and made my first online income.\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"user\">\r\n <div class=\"avatar\"><\/div>\r\n <div>\r\n <div class=\"name\">Ayesha Malik<\/div>\r\n <div class=\"role\">Etsy Seller<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"card-link\" href=\"#\">View Etsy course \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD 4 SHOPIFY -->\r\n <div class=\"testimonial-card\">\r\n <div>\r\n <div class=\"quote\">\u201c<\/div>\r\n <div class=\"testimonial-text\">\r\n Shopify course helped me build a full eCommerce store and run ads that actually convert. Highly recommended.\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <div class=\"user\">\r\n <div class=\"avatar\"><\/div>\r\n <div>\r\n <div class=\"name\">Usman Tariq<\/div>\r\n <div class=\"role\">Shopify Entrepreneur<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a class=\"card-link\" href=\"#\">View Shopify course \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <a class=\"bottom-link\" href=\"#\">\r\n View all stories \u2192\r\n <\/a>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\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>Hero Section Slider Build in-demand skills Get access to 26,000 courses from real-world experts with one subscription. Start Learning Master Your Future Join over 10 million students worldwide learning from industry-leading instructors. Explore Courses Build in-demand skills Get access to 26,000 courses from real-world experts with one subscription. Start Learning Learn with DigitalHunar Practical Courses […]<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":313,"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1384,"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/pages\/11\/revisions\/1384"}],"wp:attachment":[{"href":"https:\/\/digitalhunar.pk\/ur\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}