Dzul Fiqram Nur – Portfolio & Jurnal Belajar<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&family=Poppins:wght@500;600&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <style>\n \/* --- GLOBAL VARIABLES --- *\/\n :root {\n --brand-color: #e11d48; \/* Premium Crimson Rose *\/\n --brand-hover: #be123c;\n --dark-obsidian: #020617;\n --dark-slate: #0f172a;\n --text-muted: #64748b;\n }\n\n html {\n scroll-behavior: smooth;\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #0f172a;\n }\n\n h1, h2, h3, h4, .journey-number-outline {\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n\n \/* Full Width Breakout Utility *\/\n .wp-breakout-force {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n position: relative !important;\n display: block !important;\n }\n\n \/* --- 1. PREMIUM HERO DESIGN --- *\/\n .premium-hero {\n background-color: var(--dark-obsidian);\n background-image: \n radial-gradient(at 0% 0%, rgba(225, 29, 72, 0.15) 0px, transparent 50%),\n radial-gradient(at 100% 100%, rgba(30, 58, 138, 0.15) 0px, transparent 50%),\n linear-gradient(rgba(2, 6, 23, 0.8), rgba(2, 6, 23, 0.95)),\n url('https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n min-height: 95vh;\n display: flex;\n align-items: center;\n }\n\n .hero-grid-overlay {\n position: absolute;\n inset: 0;\n background-image: linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 40px 40px;\n pointer-events: none;\n }\n\n \/* --- 2. INFINITE TICKER --- *\/\n .modern-ticker-container {\n width: 100%;\n background: var(--dark-slate);\n overflow: hidden;\n white-space: nowrap;\n padding: 18px 0;\n border-top: 1px solid rgba(255,255,255,0.05);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .ticker-wrap {\n display: inline-block;\n white-space: nowrap;\n animation: ticker-move 45s linear infinite;\n }\n\n .ticker-wrap span {\n display: inline-block;\n font-family: 'Poppins', sans-serif;\n font-size: 1.05rem;\n color: #f1f5f9;\n font-weight: 500;\n letter-spacing: 0.5px;\n padding-right: 60px;\n }\n\n @keyframes ticker-move {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n .modern-ticker-container:hover .ticker-wrap { animation-play-state: paused; }\n\n \/* --- 3. ABOUT SECTION TYPING --- *\/\n .typed-cursor {\n color: var(--brand-color);\n animation: smooth-blink 1s infinite;\n }\n @keyframes smooth-blink { 0%, 100% { opacity:1; } 50% { opacity:0; } }\n\n \/* --- 4. LOGO SECTION ASYNC --- *\/\n .logo-gray-item {\n filter: grayscale(100%);\n opacity: 0.4;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .logo-gray-item:hover {\n filter: grayscale(0%);\n opacity: 1;\n transform: scale(1.05);\n }\n\n \/* --- 5. BENTO GRID ECOSYSTEM --- *\/\n .bento-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .bento-card {\n background: #ffffff;\n border: 1px solid #f1f5f9;\n border-radius: 24px;\n padding: 40px;\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n display: flex;\n flex-direction: column;\n box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);\n }\n\n .bento-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);\n border-color: rgba(225, 29, 72, 0.15);\n }\n\n .bento-card.featured {\n grid-column: span 2;\n background: linear-gradient(135deg, #0f172a 0%, #020617 100%);\n border: none;\n }\n\n \/* --- 6. MODERN JOURNEY LOG --- *\/\n .journey-number-outline {\n font-size: 6rem;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n right: 20px;\n top: -10px;\n color: transparent;\n -webkit-text-stroke: 1px #f1f5f9;\n transition: all 0.4s ease;\n user-select: none;\n }\n .group:hover .journey-number-outline {\n -webkit-text-stroke: 1px rgba(225, 29, 72, 0.2);\n transform: scale(1.05);\n }\n\n \/* --- 7. FUTURISTIC FAQ SECTION --- *\/\n .faq-item {\n background: rgba(15, 23, 42, 0.4);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 20px;\n margin-bottom: 16px;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-item:hover {\n border-color: rgba(225, 29, 72, 0.3);\n background: rgba(15, 23, 42, 0.6);\n }\n\n .faq-button {\n width: 100%;\n padding: 24px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: left;\n cursor: pointer;\n outline: none;\n }\n\n .faq-question {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n color: #f1f5f9;\n transition: color 0.3s ease;\n }\n\n .faq-item.active .faq-question { color: var(--brand-color); }\n\n .faq-icon {\n width: 24px;\n height: 24px;\n position: relative;\n transition: transform 0.4s ease;\n }\n\n .faq-icon::before, .faq-icon::after {\n content: '';\n position: absolute;\n background: #64748b;\n transition: all 0.3s ease;\n }\n\n .faq-icon::before { width: 2px; height: 16px; left: 11px; top: 4px; }\n .faq-icon::after { width: 16px; height: 2px; left: 4px; top: 11px; }\n\n .faq-item.active .faq-icon { transform: rotate(135deg); }\n .faq-item.active .faq-icon::before, .faq-item.active .faq-icon::after { background: var(--brand-color); }\n\n .faq-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);\n background: rgba(2, 6, 23, 0.3);\n }\n\n .faq-item.active .faq-content {\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n }\n\n .faq-text {\n padding: 0 32px 32px 32px;\n color: #94a3b8;\n line-height: 1.8;\n font-size: 0.95rem;\n }\n\n \/* --- 8. PREMIUM BLOG CARDS --- *\/\n .premium-blog-card {\n background: #ffffff;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 4px 25px rgba(0,0,0,0.02);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n .premium-blog-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.07);\n }\n .premium-blog-card img { transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }\n .premium-blog-card:hover img { transform: scale(1.04); }\n\n \/* Swiper Controls Customization *\/\n .swiper-button-next::after, .swiper-button-prev::after { font-size: 16px !important; font-weight: 700; }\n .swiper-button-next, .swiper-button-prev {\n color: #0f172a !important;\n background: #ffffff;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n border: 1px solid #f1f5f9;\n transition: all 0.3s ease;\n }\n .swiper-button-next:hover, .swiper-button-prev:hover {\n background: var(--brand-color);\n color: #ffffff !important;\n border-color: var(--brand-color);\n }\n .swiper-pagination-bullet-active { background: var(--brand-color) !important; width: 24px !important; border-radius: 4px !important; }\n\n \/* Responsive Breakpoints *\/\n @media (max-width: 1024px) {\n .bento-grid { grid-template-columns: repeat(2, 1fr); }\n .bento-card.featured { grid-column: span 2; }\n }\n @media (max-width: 768px) {\n .bento-grid { grid-template-columns: 1fr; }\n .bento-card.featured { grid-column: span 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"wp-breakout-force relative overflow-hidden\">\n <section class=\"premium-hero py-20 px-4 relative\">\n <div class=\"hero-grid-overlay\"><\/div>\n \n <div class=\"max-w-[1000px] mx-auto w-full text-center relative z-10\">\n <div class=\"inline-flex items-center gap-2 bg-white\/5 border border-white\/10 px-4 py-2 rounded-full mb-8 backdrop-blur-sm\">\n <span class=\"w-2 h-2 rounded-full bg-rose-500 animate-pulse\"><\/span>\n <p class=\"text-gray-300 uppercase tracking-[0.25em] text-[10px] font-semibold\">\n Dokumentasi Perjalanan Belajar Dzul Fiqram Nur\n <\/p>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-black text-white leading-[1.15] mb-8 tracking-tight uppercase\">\n Jurnal Belajar <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-rose-500 to-amber-500\">SEO<\/span>, <br class=\"hidden md:block\">\n Digital <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-rose-500 to-amber-500\">Marketing<\/span>, & <br class=\"hidden md:block\">\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-rose-500 to-amber-500\">Trading<\/span>.\n <\/h1>\n\n <p class=\"text-gray-400 text-base md:text-lg font-normal max-w-2xl mx-auto mb-12 leading-relaxed\">\n Semua berawal dari rasa penasaran. Di sini saya menulis apa saja yang saya pelajari dan praktikkan\u2014dari urusan SEO, utak-atik campaign, sampai rutinitas trading harian.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-5 justify-center items-center\">\n <a href=\"#belajar-sekarang\" class=\"bg-rose-600 hover:bg-rose-700 text-white font-semibold py-4 px-10 rounded-full transition-all duration-300 shadow-lg shadow-rose-600\/20 text-base w-full sm:w-auto hover:-translate-y-0.5\">\n Mulai Belajar Bersama\n <\/a>\n \n <a href=\"https:\/\/learningwithdzul.com\/portfolio\/\" class=\"bg-white\/5 hover:bg-white\/10 text-white font-medium py-4 px-10 rounded-full backdrop-blur-sm transition-all border border-white\/10 text-base w-full sm:w-auto hover:border-white\/20\">\n Lihat Portofolio\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"wp-breakout-force\">\n <div class=\"modern-ticker-container\">\n <div class=\"ticker-wrap\">\n <span>Optimasi keyword biar ranking, optimasi lot biar profit \ud83d\ude80 \u2022 Selamat datang di lab eksperimen SEO dan Trading saya \u2615 \u2022 Let’s grow without the boring stuff! \u2728 <\/span>\n <span>Optimasi keyword biar ranking, optimasi lot biar profit \ud83d\ude80 \u2022 Selamat datang di lab eksperimen SEO dan Trading saya \u2615 \u2022 Let’s grow without the boring stuff! \u2728 <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"py-24 px-4 bg-white\">\n <div class=\"max-w-[1150px] mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16 items-center\">\n \n <div class=\"lg:col-span-5 relative flex justify-center\">\n <div class=\"absolute -inset-4 bg-gradient-to-tr from-rose-100 to-amber-100 rounded-[32px] transform -rotate-2 scale-95 pointer-events-none\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp\" alt=\"Dzul Fiqram - SEO & Trader\" class=\"w-full max-w-[440px] rounded-2xl object-cover shadow-xl relative z-10\">\n <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-slate-100 radial-dot-pattern opacity-70 z-0 hidden sm:block\" style=\"background-image: radial-gradient(#cbd5e1 2px, transparent 2px); background-size: 16px 16px;\"><\/div>\n <\/div>\n\n <div class=\"lg:col-span-7\">\n <div class=\"flex items-center gap-3 text-rose-600 font-bold tracking-[0.2em] text-xs mb-4\">\n <span class=\"w-8 h-[2px] bg-rose-600\"><\/span>\n ABOUT ME\n <\/div>\n \n <h2 class=\"text-3xl md:text-5xl font-black text-slate-900 tracking-tight leading-tight mb-6\">\n EMPOWERING GROWTH THROUGH <br> \n <span class=\"typing-text text-rose-600\"><\/span>\n <\/h2>\n \n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed mb-6 font-normal\">\n Halo, saya Dzul. Website ini adalah catatan perjalanan saya dalam mengeksplorasi strategi teknikal SEO, Digital Marketing, dan analisis pergerakan harga di Financial Market.\n <\/p>\n\n <div class=\"bg-slate-50 border-l-4 border-rose-600 p-6 my-8 rounded-r-xl shadow-sm\">\n <p class=\"font-medium text-slate-800 italic text-base md:text-lg leading-relaxed\">\n “Because the best way to master a skill is to share it with others.”\n <\/p>\n <\/div>\n\n <p class=\"text-slate-600 text-base mb-8\">\n Mari belajar dan berkembang bersama di sini.\n <\/p>\n\n <a href=\"https:\/\/learningwithdzul.com\/about\/\" class=\"group inline-flex items-center gap-2 font-bold text-sm text-slate-900 tracking-wider uppercase border-b-2 border-slate-900 pb-1 hover:text-rose-600 hover:border-rose-600 transition-all duration-300\">\n Yuk, kenalan lebih jauh!\n <svg class=\"w-4 h-4 transform group-hover:translate-x-1.5 transition-transform duration-300\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"wp-breakout-force bg-slate-50 py-16 border-y border-slate-100\">\n <div class=\"max-w-[1200px] mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Tempat Saya Pernah Belajar<\/h3>\n <p class=\"text-sm text-slate-500 font-normal\">Ini adalah tempat di mana saya pernah belajar, berproses, sehingga seperti sekarang<\/p>\n <\/div>\n\n <div class=\"swiper logoSwiper mt-6\">\n <div class=\"swiper-wrapper items-center\">\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-HMI.webp\" alt=\"Logo HMI\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Telkom-University.webp\" alt=\"Logo Telkom University\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/myskill-logo.webp\" alt=\"Logo MySkill\" class=\"h-10 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/amar-bank-logo-scaled.webp\" alt=\"Logo Amar Bank\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/idstar-logo.webp\" alt=\"Logo IDStar\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-traders-family.webp\" alt=\"Logo Traders Family\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-makassar-terkini.webp\" alt=\"Logo Makassar Terkini\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-bca--scaled.webp\" alt=\"Logo BCA\" class=\"h-12 object-contain\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"py-24 px-4 bg-white\">\n <div class=\"max-w-[1200px] mx-auto mb-12 text-center\">\n <div class=\"text-rose-600 font-bold tracking-widest text-xs mb-3\">MY PORTFOLIO<\/div>\n <h2 class=\"text-3xl md:text-5xl font-black text-slate-900 uppercase tracking-tight\">Explore My Professional Ecosystem<\/h2>\n <\/div>\n \n <div class=\"bento-grid\">\n \n <div class=\"bento-card featured p-10 flex flex-col justify-between\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-white\/10 flex items-center justify-center text-rose-500 mb-8\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-white mb-4\" style=\"color: #ffffff !important;\">Digital Consultant<\/h3>\n <p class=\"text-slate-300 font-light text-base leading-relaxed max-w-md mb-8\" style=\"color: #cbd5e1 !important;\">Bukan sekadar saran, saya memberikan peta jalan (roadmap) bagi bisnis Anda untuk bertransformasi digital secara efisien.<\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/6285341997941?text=Hi%2C%20saya%20ingin%20bekerjasama%20untuk%20jasa%20Digital%20Consultant%20Anda%2C%20Bisa%20kita%20set%20jadwal%20meeting%3F\" target=\"_blank\" class=\"bg-rose-600 hover:bg-rose-700 text-white font-semibold py-3 px-6 rounded-xl transition-colors inline-block text-center text-sm w-full sm:w-auto self-start\" style=\"color: #ffffff !important;\">Hubungi Saya<\/a>\n <\/div>\n\n <div class=\"bento-card justify-between\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-rose-50 flex items-center justify-center text-rose-600 mb-6\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Career & Experience<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6\">Jelajahi rekam jejak profesional, pencapaian bisnis (business impact), dan keahlian teknis saya di bidang SEO & Digital Marketing.<\/p>\n <\/div>\n <a href=\"https:\/\/learningwithdzul.com\/portfolio\/dzul-fiqram-portfolio-career\/\" class=\"border border-slate-200 hover:border-rose-600 hover:bg-rose-50 font-semibold text-slate-800 hover:text-rose-600 py-3 rounded-xl transition-all text-center text-sm w-full\">Lihat Portofolio<\/a>\n <\/div>\n\n <div class=\"bento-card justify-between\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-rose-50 flex items-center justify-center text-rose-600 mb-6\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h20\"><\/path><path d=\"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3\"><\/path><path d=\"M10 21h4\"><\/path><path d=\"M12 16v5\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Mentoring & Webinar<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6\">Lihat pengalaman saya dalam berbagi wawasan, memandu talenta digital dalam bootcamp, dan menjadi pembicara di berbagai acara.<\/p>\n <\/div>\n <a href=\"https:\/\/learningwithdzul.com\/portofolio\/menjadi-mentor-dan-speaker\/\" class=\"border border-slate-200 hover:border-rose-600 hover:bg-rose-50 font-semibold text-slate-800 hover:text-rose-600 py-3 rounded-xl transition-all text-center text-sm w-full\">Lihat Portofolio<\/a>\n <\/div>\n\n <div class=\"bento-card justify-between lg:col-span-1\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-rose-50 flex items-center justify-center text-rose-600 mb-6\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 6 13.5 15 8.5 10 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Forex Analyst & Trader<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6\">Dunia trading mengajarkan saya tentang kedisiplinan dan pengambilan keputusan berbasis data. Probabilitas adalah kunci segalanya.<\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/6285341997941?text=Hi%2C%20saya%20ingin%20melihat%20portfolio%20Anda%20sebagai%20Trader\" target=\"_blank\" class=\"border border-slate-200 hover:border-rose-600 hover:bg-rose-50 font-semibold text-slate-800 hover:text-rose-600 py-3 rounded-xl transition-all text-center text-sm w-full\">Minta Portofolio<\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n <div class=\"wp-breakout-force bg-slate-950 py-24\" id=\"belajar-sekarang\">\n <div class=\"max-w-[1200px] mx-auto px-4\">\n \n <div class=\"text-center mb-16\">\n <span class=\"text-rose-500 font-bold tracking-[0.25em] text-xs uppercase block mb-3\">Journey Log<\/span>\n <h2 class=\"text-3xl md:text-5xl font-black text-white uppercase tracking-tight\">Apa Yang Saya Tekuni Sekarang?<\/h2>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-900\/60 border border-slate-800\/60 rounded-3xl p-8 relative overflow-hidden group hover:border-rose-500\/30 transition-all duration-300\">\n <div class=\"journey-number-outline opacity-30 group-hover:opacity-100\">-01-<\/div>\n <div class=\"relative z-10\">\n <h3 class=\"text-xl font-bold text-white mb-4 mt-8 uppercase tracking-wide\">Strategi SEO & Digital Marketing<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8\">Mempelajari bagaimana membangun visibilitas digital dari nol. Saya berbagi eksperimen tentang optimasi mesin pencari, strategi konten, hingga audit teknis untuk menaikkan trafik website secara organik.<\/p>\n <a href=\"https:\/\/learningwithdzul.com\/digital-marketing\/\" class=\"inline-flex items-center gap-2 font-bold text-xs uppercase tracking-widest text-white group-hover:text-rose-500 transition-colors\">\n Baca selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"bg-slate-900\/60 border border-slate-800\/60 rounded-3xl p-8 relative overflow-hidden group hover:border-rose-500\/30 transition-all duration-300\">\n <div class=\"journey-number-outline opacity-30 group-hover:opacity-100\">-02-<\/div>\n <div class=\"relative z-10\">\n <h3 class=\"text-xl font-bold text-white mb-4 mt-8 uppercase tracking-wide\">Belajar Financial Market Pemula<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8\">Mendokumentasikan pemahaman saya tentang pergerakan harga melalui analisa teknikal dan fundamental. Di sini, Anda akan menemukan jurnal trading dan cara saya mengelola risiko di pasar uang.<\/p>\n <a href=\"https:\/\/learningwithdzul.com\/financial-market\/\" class=\"inline-flex items-center gap-2 font-bold text-xs uppercase tracking-widest text-white group-hover:text-rose-500 transition-colors\">\n Baca selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"bg-slate-900\/60 border border-slate-800\/60 rounded-3xl p-8 relative overflow-hidden group hover:border-rose-500\/30 transition-all duration-300\">\n <div class=\"journey-number-outline opacity-30 group-hover:opacity-100\">-03-<\/div>\n <div class=\"relative z-10\">\n <h3 class=\"text-xl font-bold text-white mb-4 mt-8 uppercase tracking-wide\">Pengembangan Diri & Produktivitas<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8\">Menjadi pembelajar seumur hidup membutuhkan mentalitas yang kuat. Saya berbagi opini seputar produktivitas, kebiasaan positif, dan tantangan yang saya hadapi dalam menjaga konsistensi belajar.<\/p>\n <a href=\"https:\/\/learningwithdzul.com\/self-development\/\" class=\"inline-flex items-center gap-2 font-bold text-xs uppercase tracking-widest text-white group-hover:text-rose-500 transition-colors\">\n Baca selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"wp-breakout-force bg-slate-950 py-24 border-t border-slate-900\">\n <div class=\"max-w-[850px] mx-auto px-6\">\n \n <div class=\"text-center mb-16\">\n <span class=\"text-rose-500 font-bold tracking-[0.25em] text-[10px] uppercase block mb-3\">Information Center<\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-white uppercase tracking-tight\">Frequently Asked Questions<\/h2>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Siapa Dzul Fiqram Nur?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Akrab disapa <strong>Dzul<\/strong>, adalah seorang <em>fulltime learner<\/em> yang suka mengulik dunia digital, aktif melakukan perdagangan (trading forex), suka mengikuti trend psikologi populer, gemar membaca buku tentang self development. Saat ini berkarier sebagai digital marketer, aktif menjadi tutor\/mentor digital marketing, dan juga sebagai investor dan analis forex (CFD).\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Di mana Dzul menetap?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Dzul merupakan laki-laki bugis asal Kabupaten Barru, Provinsi Sulawesi Selatan, Indonesia. Namun saat ini berdomisili di <strong>Jakarta Pusat<\/strong>.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Apakah Dzul terbuka untuk bekerja sama?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Ya, Dzul terbuka untuk bekerja sama dalam bentuk apapun, baik sebagai <strong>consultant digital marketing, SEO, content writer, hingga tutor\/speaker<\/strong>.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Bagaimana cara menghubungi Dzul?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Silakan menghubungi melalui media sosial (<strong>Linkedin, Instagram<\/strong>) atau melalui Whatsapp chat di nomor <a href=\"https:\/\/wa.me\/6285341997941\" class=\"text-rose-500 font-bold hover:underline\">+62-853-4199-7941<\/a>.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <section class=\"py-24 px-4 bg-slate-50\">\n <div class=\"max-w-[1200px] mx-auto\">\n \n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-5xl font-black text-slate-900 uppercase tracking-tight mb-4\">Artikel Terbaru<\/h2>\n <p class=\"text-slate-500 text-base max-w-2xl mx-auto font-normal\">Eksplorasi insight mengenai strategi digital marketing, financial market, apapun yang berkaitan dengan self-development di sini.<\/p>\n <\/div>\n\n <div class=\"swiper myBlogSwiper relative px-2\">\n <div class=\"swiper-wrapper\" id=\"blog-posts-container\">\n <div style=\"text-align: center; width: 100%; padding: 40px; color: #64748b; font-weight: 500;\">Memuat artikel terbaru…<\/div>\n <\/div>\n <div class=\"swiper-button-next\"><\/div>\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-pagination mt-10\"><\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <script src=\"https:\/\/unpkg.com\/typed.js@2.1.0\/dist\/typed.umd.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n if (document.querySelector('.typing-text')) {\n new Typed('.typing-text', {\n strings: ['CONSISTENCY.', 'DISCIPLINE.', 'PERSISTENCE.'],\n typeSpeed: 50,\n backSpeed: 30,\n startDelay: 400,\n backDelay: 2500,\n loop: true,\n showCursor: true,\n cursorChar: '|',\n smartBackspace: true\n });\n }\n });\n <\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Infinite Logo Swiper Setup\n if (typeof Swiper !== 'undefined' && document.querySelector('.logoSwiper')) {\n new Swiper(\".logoSwiper\", {\n slidesPerView: 2,\n spaceBetween: 50,\n loop: true,\n speed: 4500, \n allowTouchMove: false,\n autoplay: { delay: 0, disableOnInteraction: false },\n freeMode: true, \n breakpoints: {\n 540: { slidesPerView: 3, spaceBetween: 40 },\n 768: { slidesPerView: 4, spaceBetween: 50 },\n 1024: { slidesPerView: 5, spaceBetween: 60 }\n }\n });\n }\n\n \/\/ WordPress REST API Content Fetch + Article Swiper Initiation\n async function fetchWordPressBlogPosts() {\n const container = document.getElementById('blog-posts-container');\n if(!container) return;\n \n const apiURL = \"https:\/\/learningwithdzul.com\/wp-json\/wp\/v2\/posts?_embed&per_page=6\";\n\n try {\n const response = await fetch(apiURL);\n const posts = await response.json();\n\n if (posts.length === 0) {\n container.innerHTML = '<p style=\"text-align:center; width:100%; color:#64748b;\">Belum ada artikel yang dipublikasikan.<\/p>';\n return;\n }\n\n container.innerHTML = ''; \n\n posts.forEach(post => {\n let imgUrl = 'https:\/\/via.placeholder.com\/400x250?text=Learning+With+Dzul';\n if (post._embedded && post._embedded['wp:featuredmedia']) {\n imgUrl = post._embedded['wp:featuredmedia'][0].source_url;\n }\n\n const plainExcerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '');\n\n const slideTemplate = `\n <div class=\"swiper-slide h-auto\">\n <div class=\"premium-blog-card\">\n <div class=\"overflow-hidden relative aspect-[16\/10]\">\n <a href=\"${post.link}\">\n <img decoding=\"async\" src=\"${imgUrl}\" alt=\"${post.title.rendered}\" class=\"w-full h-full object-cover\">\n <\/a>\n <\/div>\n <div class=\"p-6 md:p-8 flex-grow flex flex-col justify-between\">\n <div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-3 line-clamp-2\">\n <a href=\"${post.link}\" class=\"hover:text-rose-600 transition-colors\">${post.title.rendered}<\/a>\n <\/h3>\n <div class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-3\">${plainExcerpt}<\/div>\n <\/div>\n <a href=\"${post.link}\" class=\"group inline-flex items-center gap-1 text-xs font-bold uppercase tracking-wider text-rose-600 hover:text-rose-700 transition-colors\">\n Baca Selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>`;\n container.innerHTML += slideTemplate;\n });\n\n \/\/ Activate Swiper slider dynamically after items loaded\n new Swiper(\".myBlogSwiper\", {\n slidesPerView: 1,\n spaceBetween: 32,\n loop: true,\n autoplay: { delay: 5000, disableOnInteraction: false, pauseOnMouseEnter: true },\n pagination: { el: \".swiper-pagination\", clickable: true },\n navigation: { nextEl: \".swiper-button-next\", prevEl: \".swiper-button-prev\" },\n breakpoints: {\n 640: { slidesPerView: 1.5 },\n 768: { slidesPerView: 2 },\n 1024: { slidesPerView: 3 }\n }\n });\n\n } catch (error) {\n console.error('WordPress REST API Fetching Error:', error);\n container.innerHTML = '<p style=\"text-align:center; width:100%; color:#e11d48; font-weight:500;\">Gagal memuat konten artikel. Silakan muat ulang halaman.<\/p>';\n }\n }\n fetchWordPressBlogPosts();\n });\n <\/script>\n\n <script>\n function toggleFAQ(element) {\n const item = element.parentElement;\n \n \/\/ Tutup FAQ lain yang sedang terbuka\n document.querySelectorAll('.faq-item').forEach(otherItem => {\n if (otherItem !== item && otherItem.classList.contains('active')) {\n otherItem.classList.remove('active');\n }\n });\n\n \/\/ Toggle item yang diklik\n item.classList.toggle('active');\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dzul Fiqram Nur – Portfolio & Jurnal Belajar Dokumentasi Perjalanan Belajar Dzul Fiqram Nur Jurnal Belajar SEO, Digital Marketing, & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-509","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Learning With Dzul - Jurnal Belajar Digital Marketing dan Market<\/title>\n<meta name=\"description\" content=\"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learningwithdzul.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market\" \/>\n<meta property=\"og:description\" content=\"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learningwithdzul.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Learning With Dzul\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-23T16:42:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/\",\"url\":\"https:\\\/\\\/learningwithdzul.com\\\/\",\"name\":\"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Dzul-Website-2-scaled.webp\",\"datePublished\":\"2026-03-22T07:34:35+00:00\",\"dateModified\":\"2026-05-23T16:42:28+00:00\",\"description\":\"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/learningwithdzul.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Dzul-Website-2-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Dzul-Website-2-scaled.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/learningwithdzul.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#website\",\"url\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/\",\"name\":\"Learning With Dzul\",\"description\":\"Berbagi ilmu, cerita, dan perjalanan belajar skill digital dan financial\",\"publisher\":{\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#\\\/schema\\\/person\\\/73f98add6062e109069f1b2ac78dbdbb\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#\\\/schema\\\/person\\\/73f98add6062e109069f1b2ac78dbdbb\",\"name\":\"Dzul fiqram\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\",\"url\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\",\"contentUrl\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\",\"width\":710,\"height\":714,\"caption\":\"Dzul fiqram\"},\"logo\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\"},\"description\":\"Dzul Fiqram adalah seorang Digital Marketer yang berpengalaman lebih dari 4 tahun, khususnya di bidang SEO dan Content Marketing. Selain itu ia juga merupakan praktisi aktif di pasar finansial sejak 2024, khususnya perdagangan emas (XAUUSD). Melalui learningwithdzul.com, Dzul berbagi wawasan teknis dan edukasi strategis untuk membantu audiens memahami dunia digital marketing dan trading secara mendalam.\",\"sameAs\":[\"http:\\\/\\\/learningwithdzul.com\"]}]}<\/script>\n","yoast_head_json":{"title":"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market","description":"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.","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:\/\/learningwithdzul.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market","og_description":"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.","og_url":"https:\/\/learningwithdzul.com\/en\/","og_site_name":"Learning With Dzul","article_modified_time":"2026-05-23T16:42:28+00:00","og_image":[{"url":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learningwithdzul.com\/","url":"https:\/\/learningwithdzul.com\/","name":"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market","isPartOf":{"@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/learningwithdzul.com\/#primaryimage"},"image":{"@id":"https:\/\/learningwithdzul.com\/#primaryimage"},"thumbnailUrl":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp","datePublished":"2026-03-22T07:34:35+00:00","dateModified":"2026-05-23T16:42:28+00:00","description":"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.","breadcrumb":{"@id":"https:\/\/learningwithdzul.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learningwithdzul.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learningwithdzul.com\/#primaryimage","url":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp","contentUrl":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/learningwithdzul.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/learningwithdzul.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#website","url":"https:\/\/wheat-ferret-291440.hostingersite.com\/","name":"Learning With Dzul","description":"Berbagi ilmu, cerita, dan perjalanan belajar skill digital dan financial","publisher":{"@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#\/schema\/person\/73f98add6062e109069f1b2ac78dbdbb"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wheat-ferret-291440.hostingersite.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#\/schema\/person\/73f98add6062e109069f1b2ac78dbdbb","name":"Dzul fiqram","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp","url":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp","contentUrl":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp","width":710,"height":714,"caption":"Dzul fiqram"},"logo":{"@id":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp"},"description":"Dzul Fiqram adalah seorang Digital Marketer yang berpengalaman lebih dari 4 tahun, khususnya di bidang SEO dan Content Marketing. Selain itu ia juga merupakan praktisi aktif di pasar finansial sejak 2024, khususnya perdagangan emas (XAUUSD). Melalui learningwithdzul.com, Dzul berbagi wawasan teknis dan edukasi strategis untuk membantu audiens memahami dunia digital marketing dan trading secara mendalam.","sameAs":["http:\/\/learningwithdzul.com"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Dzul fiqram","author_link":"https:\/\/learningwithdzul.com\/en\/author\/dzulfiqram18gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Dzul Fiqram Nur – Portfolio & Jurnal Belajar Dokumentasi Perjalanan Belajar Dzul Fiqram Nur Jurnal Belajar SEO, Digital Marketing, & […]","_links":{"self":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages\/509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/comments?post=509"}],"version-history":[{"count":87,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages\/509\/revisions"}],"predecessor-version":[{"id":1954,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages\/509\/revisions\/1954"}],"wp:attachment":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/media?parent=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div>\n<\/div>\n\n<\/div>\n\n\n\n\n\n\n \n \n Dzul Fiqram Nur – Portfolio & Jurnal Belajar<\/title>\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&family=Poppins:wght@500;600&display=swap\" rel=\"stylesheet\">\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n <style>\n \/* --- GLOBAL VARIABLES --- *\/\n :root {\n --brand-color: #e11d48; \/* Premium Crimson Rose *\/\n --brand-hover: #be123c;\n --dark-obsidian: #020617;\n --dark-slate: #0f172a;\n --text-muted: #64748b;\n }\n\n html {\n scroll-behavior: smooth;\n font-family: 'Inter', sans-serif;\n background-color: #ffffff;\n color: #0f172a;\n }\n\n h1, h2, h3, h4, .journey-number-outline {\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n\n \/* Full Width Breakout Utility *\/\n .wp-breakout-force {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n margin-right: calc(-50vw + 50%) !important;\n position: relative !important;\n display: block !important;\n }\n\n \/* --- 1. PREMIUM HERO DESIGN --- *\/\n .premium-hero {\n background-color: var(--dark-obsidian);\n background-image: \n radial-gradient(at 0% 0%, rgba(225, 29, 72, 0.15) 0px, transparent 50%),\n radial-gradient(at 100% 100%, rgba(30, 58, 138, 0.15) 0px, transparent 50%),\n linear-gradient(rgba(2, 6, 23, 0.8), rgba(2, 6, 23, 0.95)),\n url('https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1920&q=80');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n min-height: 95vh;\n display: flex;\n align-items: center;\n }\n\n .hero-grid-overlay {\n position: absolute;\n inset: 0;\n background-image: linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);\n background-size: 40px 40px;\n pointer-events: none;\n }\n\n \/* --- 2. INFINITE TICKER --- *\/\n .modern-ticker-container {\n width: 100%;\n background: var(--dark-slate);\n overflow: hidden;\n white-space: nowrap;\n padding: 18px 0;\n border-top: 1px solid rgba(255,255,255,0.05);\n border-bottom: 1px solid rgba(255,255,255,0.05);\n }\n\n .ticker-wrap {\n display: inline-block;\n white-space: nowrap;\n animation: ticker-move 45s linear infinite;\n }\n\n .ticker-wrap span {\n display: inline-block;\n font-family: 'Poppins', sans-serif;\n font-size: 1.05rem;\n color: #f1f5f9;\n font-weight: 500;\n letter-spacing: 0.5px;\n padding-right: 60px;\n }\n\n @keyframes ticker-move {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n .modern-ticker-container:hover .ticker-wrap { animation-play-state: paused; }\n\n \/* --- 3. ABOUT SECTION TYPING --- *\/\n .typed-cursor {\n color: var(--brand-color);\n animation: smooth-blink 1s infinite;\n }\n @keyframes smooth-blink { 0%, 100% { opacity:1; } 50% { opacity:0; } }\n\n \/* --- 4. LOGO SECTION ASYNC --- *\/\n .logo-gray-item {\n filter: grayscale(100%);\n opacity: 0.4;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .logo-gray-item:hover {\n filter: grayscale(0%);\n opacity: 1;\n transform: scale(1.05);\n }\n\n \/* --- 5. BENTO GRID ECOSYSTEM --- *\/\n .bento-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 24px;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .bento-card {\n background: #ffffff;\n border: 1px solid #f1f5f9;\n border-radius: 24px;\n padding: 40px;\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n display: flex;\n flex-direction: column;\n box-shadow: 0 4px 20px rgba(15, 23, 42, 0.02);\n }\n\n .bento-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06);\n border-color: rgba(225, 29, 72, 0.15);\n }\n\n .bento-card.featured {\n grid-column: span 2;\n background: linear-gradient(135deg, #0f172a 0%, #020617 100%);\n border: none;\n }\n\n \/* --- 6. MODERN JOURNEY LOG --- *\/\n .journey-number-outline {\n font-size: 6rem;\n font-weight: 900;\n line-height: 1;\n position: absolute;\n right: 20px;\n top: -10px;\n color: transparent;\n -webkit-text-stroke: 1px #f1f5f9;\n transition: all 0.4s ease;\n user-select: none;\n }\n .group:hover .journey-number-outline {\n -webkit-text-stroke: 1px rgba(225, 29, 72, 0.2);\n transform: scale(1.05);\n }\n\n \/* --- 7. FUTURISTIC FAQ SECTION --- *\/\n .faq-item {\n background: rgba(15, 23, 42, 0.4);\n border: 1px solid rgba(255, 255, 255, 0.05);\n border-radius: 20px;\n margin-bottom: 16px;\n overflow: hidden;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .faq-item:hover {\n border-color: rgba(225, 29, 72, 0.3);\n background: rgba(15, 23, 42, 0.6);\n }\n\n .faq-button {\n width: 100%;\n padding: 24px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n text-align: left;\n cursor: pointer;\n outline: none;\n }\n\n .faq-question {\n font-family: 'Plus Jakarta Sans', sans-serif;\n font-size: 1.1rem;\n font-weight: 700;\n color: #f1f5f9;\n transition: color 0.3s ease;\n }\n\n .faq-item.active .faq-question { color: var(--brand-color); }\n\n .faq-icon {\n width: 24px;\n height: 24px;\n position: relative;\n transition: transform 0.4s ease;\n }\n\n .faq-icon::before, .faq-icon::after {\n content: '';\n position: absolute;\n background: #64748b;\n transition: all 0.3s ease;\n }\n\n .faq-icon::before { width: 2px; height: 16px; left: 11px; top: 4px; }\n .faq-icon::after { width: 16px; height: 2px; left: 4px; top: 11px; }\n\n .faq-item.active .faq-icon { transform: rotate(135deg); }\n .faq-item.active .faq-icon::before, .faq-item.active .faq-icon::after { background: var(--brand-color); }\n\n .faq-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);\n background: rgba(2, 6, 23, 0.3);\n }\n\n .faq-item.active .faq-content {\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n }\n\n .faq-text {\n padding: 0 32px 32px 32px;\n color: #94a3b8;\n line-height: 1.8;\n font-size: 0.95rem;\n }\n\n \/* --- 8. PREMIUM BLOG CARDS --- *\/\n .premium-blog-card {\n background: #ffffff;\n border-radius: 24px;\n overflow: hidden;\n box-shadow: 0 4px 25px rgba(0,0,0,0.02);\n transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n .premium-blog-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.07);\n }\n .premium-blog-card img { transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }\n .premium-blog-card:hover img { transform: scale(1.04); }\n\n \/* Swiper Controls Customization *\/\n .swiper-button-next::after, .swiper-button-prev::after { font-size: 16px !important; font-weight: 700; }\n .swiper-button-next, .swiper-button-prev {\n color: #0f172a !important;\n background: #ffffff;\n width: 48px !important;\n height: 48px !important;\n border-radius: 50% !important;\n box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n border: 1px solid #f1f5f9;\n transition: all 0.3s ease;\n }\n .swiper-button-next:hover, .swiper-button-prev:hover {\n background: var(--brand-color);\n color: #ffffff !important;\n border-color: var(--brand-color);\n }\n .swiper-pagination-bullet-active { background: var(--brand-color) !important; width: 24px !important; border-radius: 4px !important; }\n\n \/* Responsive Breakpoints *\/\n @media (max-width: 1024px) {\n .bento-grid { grid-template-columns: repeat(2, 1fr); }\n .bento-card.featured { grid-column: span 2; }\n }\n @media (max-width: 768px) {\n .bento-grid { grid-template-columns: 1fr; }\n .bento-card.featured { grid-column: span 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"wp-breakout-force relative overflow-hidden\">\n <section class=\"premium-hero py-20 px-4 relative\">\n <div class=\"hero-grid-overlay\"><\/div>\n \n <div class=\"max-w-[1000px] mx-auto w-full text-center relative z-10\">\n <div class=\"inline-flex items-center gap-2 bg-white\/5 border border-white\/10 px-4 py-2 rounded-full mb-8 backdrop-blur-sm\">\n <span class=\"w-2 h-2 rounded-full bg-rose-500 animate-pulse\"><\/span>\n <p class=\"text-gray-300 uppercase tracking-[0.25em] text-[10px] font-semibold\">\n Dokumentasi Perjalanan Belajar Dzul Fiqram Nur\n <\/p>\n <\/div>\n \n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-black text-white leading-[1.15] mb-8 tracking-tight uppercase\">\n Jurnal Belajar <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-rose-500 to-amber-500\">SEO<\/span>, <br class=\"hidden md:block\">\n Digital <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-rose-500 to-amber-500\">Marketing<\/span>, & <br class=\"hidden md:block\">\n <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-rose-500 to-amber-500\">Trading<\/span>.\n <\/h1>\n\n <p class=\"text-gray-400 text-base md:text-lg font-normal max-w-2xl mx-auto mb-12 leading-relaxed\">\n Semua berawal dari rasa penasaran. Di sini saya menulis apa saja yang saya pelajari dan praktikkan\u2014dari urusan SEO, utak-atik campaign, sampai rutinitas trading harian.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-5 justify-center items-center\">\n <a href=\"#belajar-sekarang\" class=\"bg-rose-600 hover:bg-rose-700 text-white font-semibold py-4 px-10 rounded-full transition-all duration-300 shadow-lg shadow-rose-600\/20 text-base w-full sm:w-auto hover:-translate-y-0.5\">\n Mulai Belajar Bersama\n <\/a>\n \n <a href=\"https:\/\/learningwithdzul.com\/portfolio\/\" class=\"bg-white\/5 hover:bg-white\/10 text-white font-medium py-4 px-10 rounded-full backdrop-blur-sm transition-all border border-white\/10 text-base w-full sm:w-auto hover:border-white\/20\">\n Lihat Portofolio\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <div class=\"wp-breakout-force\">\n <div class=\"modern-ticker-container\">\n <div class=\"ticker-wrap\">\n <span>Optimasi keyword biar ranking, optimasi lot biar profit \ud83d\ude80 \u2022 Selamat datang di lab eksperimen SEO dan Trading saya \u2615 \u2022 Let’s grow without the boring stuff! \u2728 <\/span>\n <span>Optimasi keyword biar ranking, optimasi lot biar profit \ud83d\ude80 \u2022 Selamat datang di lab eksperimen SEO dan Trading saya \u2615 \u2022 Let’s grow without the boring stuff! \u2728 <\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"py-24 px-4 bg-white\">\n <div class=\"max-w-[1150px] mx-auto grid grid-cols-1 lg:grid-cols-12 gap-16 items-center\">\n \n <div class=\"lg:col-span-5 relative flex justify-center\">\n <div class=\"absolute -inset-4 bg-gradient-to-tr from-rose-100 to-amber-100 rounded-[32px] transform -rotate-2 scale-95 pointer-events-none\"><\/div>\n <img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp\" alt=\"Dzul Fiqram - SEO & Trader\" class=\"w-full max-w-[440px] rounded-2xl object-cover shadow-xl relative z-10\">\n <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-slate-100 radial-dot-pattern opacity-70 z-0 hidden sm:block\" style=\"background-image: radial-gradient(#cbd5e1 2px, transparent 2px); background-size: 16px 16px;\"><\/div>\n <\/div>\n\n <div class=\"lg:col-span-7\">\n <div class=\"flex items-center gap-3 text-rose-600 font-bold tracking-[0.2em] text-xs mb-4\">\n <span class=\"w-8 h-[2px] bg-rose-600\"><\/span>\n ABOUT ME\n <\/div>\n \n <h2 class=\"text-3xl md:text-5xl font-black text-slate-900 tracking-tight leading-tight mb-6\">\n EMPOWERING GROWTH THROUGH <br> \n <span class=\"typing-text text-rose-600\"><\/span>\n <\/h2>\n \n <p class=\"text-slate-600 text-base md:text-lg leading-relaxed mb-6 font-normal\">\n Halo, saya Dzul. Website ini adalah catatan perjalanan saya dalam mengeksplorasi strategi teknikal SEO, Digital Marketing, dan analisis pergerakan harga di Financial Market.\n <\/p>\n\n <div class=\"bg-slate-50 border-l-4 border-rose-600 p-6 my-8 rounded-r-xl shadow-sm\">\n <p class=\"font-medium text-slate-800 italic text-base md:text-lg leading-relaxed\">\n “Because the best way to master a skill is to share it with others.”\n <\/p>\n <\/div>\n\n <p class=\"text-slate-600 text-base mb-8\">\n Mari belajar dan berkembang bersama di sini.\n <\/p>\n\n <a href=\"https:\/\/learningwithdzul.com\/about\/\" class=\"group inline-flex items-center gap-2 font-bold text-sm text-slate-900 tracking-wider uppercase border-b-2 border-slate-900 pb-1 hover:text-rose-600 hover:border-rose-600 transition-all duration-300\">\n Yuk, kenalan lebih jauh!\n <svg class=\"w-4 h-4 transform group-hover:translate-x-1.5 transition-transform duration-300\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"wp-breakout-force bg-slate-50 py-16 border-y border-slate-100\">\n <div class=\"max-w-[1200px] mx-auto px-4\">\n <div class=\"text-center mb-10\">\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Tempat Saya Pernah Belajar<\/h3>\n <p class=\"text-sm text-slate-500 font-normal\">Ini adalah tempat di mana saya pernah belajar, berproses, sehingga seperti sekarang<\/p>\n <\/div>\n\n <div class=\"swiper logoSwiper mt-6\">\n <div class=\"swiper-wrapper items-center\">\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-HMI.webp\" alt=\"Logo HMI\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Telkom-University.webp\" alt=\"Logo Telkom University\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/myskill-logo.webp\" alt=\"Logo MySkill\" class=\"h-10 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/amar-bank-logo-scaled.webp\" alt=\"Logo Amar Bank\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/idstar-logo.webp\" alt=\"Logo IDStar\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-traders-family.webp\" alt=\"Logo Traders Family\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-makassar-terkini.webp\" alt=\"Logo Makassar Terkini\" class=\"h-12 object-contain\"><\/div><\/div>\n <div class=\"swiper-slide\"><div class=\"logo-gray-item flex justify-center\"><img decoding=\"async\" src=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/logo-bca--scaled.webp\" alt=\"Logo BCA\" class=\"h-12 object-contain\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <section class=\"py-24 px-4 bg-white\">\n <div class=\"max-w-[1200px] mx-auto mb-12 text-center\">\n <div class=\"text-rose-600 font-bold tracking-widest text-xs mb-3\">MY PORTFOLIO<\/div>\n <h2 class=\"text-3xl md:text-5xl font-black text-slate-900 uppercase tracking-tight\">Explore My Professional Ecosystem<\/h2>\n <\/div>\n \n <div class=\"bento-grid\">\n \n <div class=\"bento-card featured p-10 flex flex-col justify-between\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-white\/10 flex items-center justify-center text-rose-500 mb-8\">\n <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n <\/div>\n <h3 class=\"text-2xl font-bold text-white mb-4\" style=\"color: #ffffff !important;\">Digital Consultant<\/h3>\n <p class=\"text-slate-300 font-light text-base leading-relaxed max-w-md mb-8\" style=\"color: #cbd5e1 !important;\">Bukan sekadar saran, saya memberikan peta jalan (roadmap) bagi bisnis Anda untuk bertransformasi digital secara efisien.<\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/6285341997941?text=Hi%2C%20saya%20ingin%20bekerjasama%20untuk%20jasa%20Digital%20Consultant%20Anda%2C%20Bisa%20kita%20set%20jadwal%20meeting%3F\" target=\"_blank\" class=\"bg-rose-600 hover:bg-rose-700 text-white font-semibold py-3 px-6 rounded-xl transition-colors inline-block text-center text-sm w-full sm:w-auto self-start\" style=\"color: #ffffff !important;\">Hubungi Saya<\/a>\n <\/div>\n\n <div class=\"bento-card justify-between\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-rose-50 flex items-center justify-center text-rose-600 mb-6\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Career & Experience<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6\">Jelajahi rekam jejak profesional, pencapaian bisnis (business impact), dan keahlian teknis saya di bidang SEO & Digital Marketing.<\/p>\n <\/div>\n <a href=\"https:\/\/learningwithdzul.com\/portfolio\/dzul-fiqram-portfolio-career\/\" class=\"border border-slate-200 hover:border-rose-600 hover:bg-rose-50 font-semibold text-slate-800 hover:text-rose-600 py-3 rounded-xl transition-all text-center text-sm w-full\">Lihat Portofolio<\/a>\n <\/div>\n\n <div class=\"bento-card justify-between\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-rose-50 flex items-center justify-center text-rose-600 mb-6\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 3h20\"><\/path><path d=\"M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3\"><\/path><path d=\"M10 21h4\"><\/path><path d=\"M12 16v5\"><\/path><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Mentoring & Webinar<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6\">Lihat pengalaman saya dalam berbagi wawasan, memandu talenta digital dalam bootcamp, dan menjadi pembicara di berbagai acara.<\/p>\n <\/div>\n <a href=\"https:\/\/learningwithdzul.com\/portofolio\/menjadi-mentor-dan-speaker\/\" class=\"border border-slate-200 hover:border-rose-600 hover:bg-rose-50 font-semibold text-slate-800 hover:text-rose-600 py-3 rounded-xl transition-all text-center text-sm w-full\">Lihat Portofolio<\/a>\n <\/div>\n\n <div class=\"bento-card justify-between lg:col-span-1\">\n <div>\n <div class=\"w-14 h-14 rounded-2xl bg-rose-50 flex items-center justify-center text-rose-600 mb-6\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"23 6 13.5 15 8.5 10 1 18\"><\/polyline><polyline points=\"17 6 23 6 23 12\"><\/polyline><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-900 mb-3\">Forex Analyst & Trader<\/h3>\n <p class=\"text-slate-500 text-sm leading-relaxed mb-6\">Dunia trading mengajarkan saya tentang kedisiplinan dan pengambilan keputusan berbasis data. Probabilitas adalah kunci segalanya.<\/p>\n <\/div>\n <a href=\"https:\/\/wa.me\/6285341997941?text=Hi%2C%20saya%20ingin%20melihat%20portfolio%20Anda%20sebagai%20Trader\" target=\"_blank\" class=\"border border-slate-200 hover:border-rose-600 hover:bg-rose-50 font-semibold text-slate-800 hover:text-rose-600 py-3 rounded-xl transition-all text-center text-sm w-full\">Minta Portofolio<\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n <div class=\"wp-breakout-force bg-slate-950 py-24\" id=\"belajar-sekarang\">\n <div class=\"max-w-[1200px] mx-auto px-4\">\n \n <div class=\"text-center mb-16\">\n <span class=\"text-rose-500 font-bold tracking-[0.25em] text-xs uppercase block mb-3\">Journey Log<\/span>\n <h2 class=\"text-3xl md:text-5xl font-black text-white uppercase tracking-tight\">Apa Yang Saya Tekuni Sekarang?<\/h2>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-slate-900\/60 border border-slate-800\/60 rounded-3xl p-8 relative overflow-hidden group hover:border-rose-500\/30 transition-all duration-300\">\n <div class=\"journey-number-outline opacity-30 group-hover:opacity-100\">-01-<\/div>\n <div class=\"relative z-10\">\n <h3 class=\"text-xl font-bold text-white mb-4 mt-8 uppercase tracking-wide\">Strategi SEO & Digital Marketing<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8\">Mempelajari bagaimana membangun visibilitas digital dari nol. Saya berbagi eksperimen tentang optimasi mesin pencari, strategi konten, hingga audit teknis untuk menaikkan trafik website secara organik.<\/p>\n <a href=\"https:\/\/learningwithdzul.com\/digital-marketing\/\" class=\"inline-flex items-center gap-2 font-bold text-xs uppercase tracking-widest text-white group-hover:text-rose-500 transition-colors\">\n Baca selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"bg-slate-900\/60 border border-slate-800\/60 rounded-3xl p-8 relative overflow-hidden group hover:border-rose-500\/30 transition-all duration-300\">\n <div class=\"journey-number-outline opacity-30 group-hover:opacity-100\">-02-<\/div>\n <div class=\"relative z-10\">\n <h3 class=\"text-xl font-bold text-white mb-4 mt-8 uppercase tracking-wide\">Belajar Financial Market Pemula<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8\">Mendokumentasikan pemahaman saya tentang pergerakan harga melalui analisa teknikal dan fundamental. Di sini, Anda akan menemukan jurnal trading dan cara saya mengelola risiko di pasar uang.<\/p>\n <a href=\"https:\/\/learningwithdzul.com\/financial-market\/\" class=\"inline-flex items-center gap-2 font-bold text-xs uppercase tracking-widest text-white group-hover:text-rose-500 transition-colors\">\n Baca selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"bg-slate-900\/60 border border-slate-800\/60 rounded-3xl p-8 relative overflow-hidden group hover:border-rose-500\/30 transition-all duration-300\">\n <div class=\"journey-number-outline opacity-30 group-hover:opacity-100\">-03-<\/div>\n <div class=\"relative z-10\">\n <h3 class=\"text-xl font-bold text-white mb-4 mt-8 uppercase tracking-wide\">Pengembangan Diri & Produktivitas<\/h3>\n <p class=\"text-slate-400 text-sm leading-relaxed mb-8\">Menjadi pembelajar seumur hidup membutuhkan mentalitas yang kuat. Saya berbagi opini seputar produktivitas, kebiasaan positif, dan tantangan yang saya hadapi dalam menjaga konsistensi belajar.<\/p>\n <a href=\"https:\/\/learningwithdzul.com\/self-development\/\" class=\"inline-flex items-center gap-2 font-bold text-xs uppercase tracking-widest text-white group-hover:text-rose-500 transition-colors\">\n Baca selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"wp-breakout-force bg-slate-950 py-24 border-t border-slate-900\">\n <div class=\"max-w-[850px] mx-auto px-6\">\n \n <div class=\"text-center mb-16\">\n <span class=\"text-rose-500 font-bold tracking-[0.25em] text-[10px] uppercase block mb-3\">Information Center<\/span>\n <h2 class=\"text-3xl md:text-4xl font-black text-white uppercase tracking-tight\">Frequently Asked Questions<\/h2>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Siapa Dzul Fiqram Nur?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Akrab disapa <strong>Dzul<\/strong>, adalah seorang <em>fulltime learner<\/em> yang suka mengulik dunia digital, aktif melakukan perdagangan (trading forex), suka mengikuti trend psikologi populer, gemar membaca buku tentang self development. Saat ini berkarier sebagai digital marketer, aktif menjadi tutor\/mentor digital marketing, dan juga sebagai investor dan analis forex (CFD).\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Di mana Dzul menetap?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Dzul merupakan laki-laki bugis asal Kabupaten Barru, Provinsi Sulawesi Selatan, Indonesia. Namun saat ini berdomisili di <strong>Jakarta Pusat<\/strong>.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Apakah Dzul terbuka untuk bekerja sama?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Ya, Dzul terbuka untuk bekerja sama dalam bentuk apapun, baik sebagai <strong>consultant digital marketing, SEO, content writer, hingga tutor\/speaker<\/strong>.\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-button\" onclick=\"toggleFAQ(this)\">\n <span class=\"faq-question\">Bagaimana cara menghubungi Dzul?<\/span>\n <div class=\"faq-icon\"><\/div>\n <\/button>\n <div class=\"faq-content\">\n <div class=\"faq-text\">\n Silakan menghubungi melalui media sosial (<strong>Linkedin, Instagram<\/strong>) atau melalui Whatsapp chat di nomor <a href=\"https:\/\/wa.me\/6285341997941\" class=\"text-rose-500 font-bold hover:underline\">+62-853-4199-7941<\/a>.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <section class=\"py-24 px-4 bg-slate-50\">\n <div class=\"max-w-[1200px] mx-auto\">\n \n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-5xl font-black text-slate-900 uppercase tracking-tight mb-4\">Artikel Terbaru<\/h2>\n <p class=\"text-slate-500 text-base max-w-2xl mx-auto font-normal\">Eksplorasi insight mengenai strategi digital marketing, financial market, apapun yang berkaitan dengan self-development di sini.<\/p>\n <\/div>\n\n <div class=\"swiper myBlogSwiper relative px-2\">\n <div class=\"swiper-wrapper\" id=\"blog-posts-container\">\n <div style=\"text-align: center; width: 100%; padding: 40px; color: #64748b; font-weight: 500;\">Memuat artikel terbaru…<\/div>\n <\/div>\n <div class=\"swiper-button-next\"><\/div>\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-pagination mt-10\"><\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <script src=\"https:\/\/unpkg.com\/typed.js@2.1.0\/dist\/typed.umd.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n if (document.querySelector('.typing-text')) {\n new Typed('.typing-text', {\n strings: ['CONSISTENCY.', 'DISCIPLINE.', 'PERSISTENCE.'],\n typeSpeed: 50,\n backSpeed: 30,\n startDelay: 400,\n backDelay: 2500,\n loop: true,\n showCursor: true,\n cursorChar: '|',\n smartBackspace: true\n });\n }\n });\n <\/script>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n <script>\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Infinite Logo Swiper Setup\n if (typeof Swiper !== 'undefined' && document.querySelector('.logoSwiper')) {\n new Swiper(\".logoSwiper\", {\n slidesPerView: 2,\n spaceBetween: 50,\n loop: true,\n speed: 4500, \n allowTouchMove: false,\n autoplay: { delay: 0, disableOnInteraction: false },\n freeMode: true, \n breakpoints: {\n 540: { slidesPerView: 3, spaceBetween: 40 },\n 768: { slidesPerView: 4, spaceBetween: 50 },\n 1024: { slidesPerView: 5, spaceBetween: 60 }\n }\n });\n }\n\n \/\/ WordPress REST API Content Fetch + Article Swiper Initiation\n async function fetchWordPressBlogPosts() {\n const container = document.getElementById('blog-posts-container');\n if(!container) return;\n \n const apiURL = \"https:\/\/learningwithdzul.com\/wp-json\/wp\/v2\/posts?_embed&per_page=6\";\n\n try {\n const response = await fetch(apiURL);\n const posts = await response.json();\n\n if (posts.length === 0) {\n container.innerHTML = '<p style=\"text-align:center; width:100%; color:#64748b;\">Belum ada artikel yang dipublikasikan.<\/p>';\n return;\n }\n\n container.innerHTML = ''; \n\n posts.forEach(post => {\n let imgUrl = 'https:\/\/via.placeholder.com\/400x250?text=Learning+With+Dzul';\n if (post._embedded && post._embedded['wp:featuredmedia']) {\n imgUrl = post._embedded['wp:featuredmedia'][0].source_url;\n }\n\n const plainExcerpt = post.excerpt.rendered.replace(\/<[^>]*>?\/gm, '');\n\n const slideTemplate = `\n <div class=\"swiper-slide h-auto\">\n <div class=\"premium-blog-card\">\n <div class=\"overflow-hidden relative aspect-[16\/10]\">\n <a href=\"${post.link}\">\n <img decoding=\"async\" src=\"${imgUrl}\" alt=\"${post.title.rendered}\" class=\"w-full h-full object-cover\">\n <\/a>\n <\/div>\n <div class=\"p-6 md:p-8 flex-grow flex flex-col justify-between\">\n <div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-3 line-clamp-2\">\n <a href=\"${post.link}\" class=\"hover:text-rose-600 transition-colors\">${post.title.rendered}<\/a>\n <\/h3>\n <div class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-3\">${plainExcerpt}<\/div>\n <\/div>\n <a href=\"${post.link}\" class=\"group inline-flex items-center gap-1 text-xs font-bold uppercase tracking-wider text-rose-600 hover:text-rose-700 transition-colors\">\n Baca Selengkapnya \n <svg class=\"w-4 h-4 transform group-hover:translate-x-1 transition-transform\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\n <\/a>\n <\/div>\n <\/div>\n <\/div>`;\n container.innerHTML += slideTemplate;\n });\n\n \/\/ Activate Swiper slider dynamically after items loaded\n new Swiper(\".myBlogSwiper\", {\n slidesPerView: 1,\n spaceBetween: 32,\n loop: true,\n autoplay: { delay: 5000, disableOnInteraction: false, pauseOnMouseEnter: true },\n pagination: { el: \".swiper-pagination\", clickable: true },\n navigation: { nextEl: \".swiper-button-next\", prevEl: \".swiper-button-prev\" },\n breakpoints: {\n 640: { slidesPerView: 1.5 },\n 768: { slidesPerView: 2 },\n 1024: { slidesPerView: 3 }\n }\n });\n\n } catch (error) {\n console.error('WordPress REST API Fetching Error:', error);\n container.innerHTML = '<p style=\"text-align:center; width:100%; color:#e11d48; font-weight:500;\">Gagal memuat konten artikel. Silakan muat ulang halaman.<\/p>';\n }\n }\n fetchWordPressBlogPosts();\n });\n <\/script>\n\n <script>\n function toggleFAQ(element) {\n const item = element.parentElement;\n \n \/\/ Tutup FAQ lain yang sedang terbuka\n document.querySelectorAll('.faq-item').forEach(otherItem => {\n if (otherItem !== item && otherItem.classList.contains('active')) {\n otherItem.classList.remove('active');\n }\n });\n\n \/\/ Toggle item yang diklik\n item.classList.toggle('active');\n }\n <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Dzul Fiqram Nur – Portfolio & Jurnal Belajar Dokumentasi Perjalanan Belajar Dzul Fiqram Nur Jurnal Belajar SEO, Digital Marketing, & […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-509","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Learning With Dzul - Jurnal Belajar Digital Marketing dan Market<\/title>\n<meta name=\"description\" content=\"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learningwithdzul.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market\" \/>\n<meta property=\"og:description\" content=\"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learningwithdzul.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Learning With Dzul\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-23T16:42:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp\" \/>\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=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/\",\"url\":\"https:\\\/\\\/learningwithdzul.com\\\/\",\"name\":\"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Dzul-Website-2-scaled.webp\",\"datePublished\":\"2026-03-22T07:34:35+00:00\",\"dateModified\":\"2026-05-23T16:42:28+00:00\",\"description\":\"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/learningwithdzul.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Dzul-Website-2-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Dzul-Website-2-scaled.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/learningwithdzul.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#website\",\"url\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/\",\"name\":\"Learning With Dzul\",\"description\":\"Berbagi ilmu, cerita, dan perjalanan belajar skill digital dan financial\",\"publisher\":{\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#\\\/schema\\\/person\\\/73f98add6062e109069f1b2ac78dbdbb\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/wheat-ferret-291440.hostingersite.com\\\/#\\\/schema\\\/person\\\/73f98add6062e109069f1b2ac78dbdbb\",\"name\":\"Dzul fiqram\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\",\"url\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\",\"contentUrl\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\",\"width\":710,\"height\":714,\"caption\":\"Dzul fiqram\"},\"logo\":{\"@id\":\"https:\\\/\\\/learningwithdzul.com\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp\"},\"description\":\"Dzul Fiqram adalah seorang Digital Marketer yang berpengalaman lebih dari 4 tahun, khususnya di bidang SEO dan Content Marketing. Selain itu ia juga merupakan praktisi aktif di pasar finansial sejak 2024, khususnya perdagangan emas (XAUUSD). Melalui learningwithdzul.com, Dzul berbagi wawasan teknis dan edukasi strategis untuk membantu audiens memahami dunia digital marketing dan trading secara mendalam.\",\"sameAs\":[\"http:\\\/\\\/learningwithdzul.com\"]}]}<\/script>\n","yoast_head_json":{"title":"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market","description":"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.","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:\/\/learningwithdzul.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market","og_description":"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.","og_url":"https:\/\/learningwithdzul.com\/en\/","og_site_name":"Learning With Dzul","article_modified_time":"2026-05-23T16:42:28+00:00","og_image":[{"url":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learningwithdzul.com\/","url":"https:\/\/learningwithdzul.com\/","name":"Learning With Dzul - Jurnal Belajar Digital Marketing dan Market","isPartOf":{"@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/learningwithdzul.com\/#primaryimage"},"image":{"@id":"https:\/\/learningwithdzul.com\/#primaryimage"},"thumbnailUrl":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp","datePublished":"2026-03-22T07:34:35+00:00","dateModified":"2026-05-23T16:42:28+00:00","description":"Ikuti perjalanan Dzul Fiqram dalam menguasai SEO, Digital Marketing, dan Financial Market. Temukan tutorial, studi kasus, dan catatan belajar di sini.","breadcrumb":{"@id":"https:\/\/learningwithdzul.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learningwithdzul.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learningwithdzul.com\/#primaryimage","url":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp","contentUrl":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Dzul-Website-2-scaled.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/learningwithdzul.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/learningwithdzul.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#website","url":"https:\/\/wheat-ferret-291440.hostingersite.com\/","name":"Learning With Dzul","description":"Berbagi ilmu, cerita, dan perjalanan belajar skill digital dan financial","publisher":{"@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#\/schema\/person\/73f98add6062e109069f1b2ac78dbdbb"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wheat-ferret-291440.hostingersite.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/wheat-ferret-291440.hostingersite.com\/#\/schema\/person\/73f98add6062e109069f1b2ac78dbdbb","name":"Dzul fiqram","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp","url":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp","contentUrl":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp","width":710,"height":714,"caption":"Dzul fiqram"},"logo":{"@id":"https:\/\/learningwithdzul.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_i98risi98risi98r-e1774165721900.webp"},"description":"Dzul Fiqram adalah seorang Digital Marketer yang berpengalaman lebih dari 4 tahun, khususnya di bidang SEO dan Content Marketing. Selain itu ia juga merupakan praktisi aktif di pasar finansial sejak 2024, khususnya perdagangan emas (XAUUSD). Melalui learningwithdzul.com, Dzul berbagi wawasan teknis dan edukasi strategis untuk membantu audiens memahami dunia digital marketing dan trading secara mendalam.","sameAs":["http:\/\/learningwithdzul.com"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Dzul fiqram","author_link":"https:\/\/learningwithdzul.com\/en\/author\/dzulfiqram18gmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Dzul Fiqram Nur – Portfolio & Jurnal Belajar Dokumentasi Perjalanan Belajar Dzul Fiqram Nur Jurnal Belajar SEO, Digital Marketing, & […]","_links":{"self":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages\/509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/comments?post=509"}],"version-history":[{"count":87,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages\/509\/revisions"}],"predecessor-version":[{"id":1954,"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/pages\/509\/revisions\/1954"}],"wp:attachment":[{"href":"https:\/\/learningwithdzul.com\/en\/wp-json\/wp\/v2\/media?parent=509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}