{"id":93,"date":"2026-09-10T22:07:52","date_gmt":"2026-09-10T22:07:52","guid":{"rendered":"https:\/\/infocrafthub.online\/?page_id=93"},"modified":"2026-09-10T22:26:10","modified_gmt":"2026-09-10T22:26:10","slug":"home","status":"publish","type":"page","link":"https:\/\/infocrafthub.online\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"93\" class=\"elementor elementor-93\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33d8894 e-flex e-con-boxed e-con e-parent\" data-id=\"33d8894\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f0d168 elementor-widget elementor-widget-html\" data-id=\"3f0d168\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en-GB\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <title>InfoCraft Resources | Practical Guides & eBooks<\/title>\r\n\r\n    <meta name=\"description\"\r\n          content=\"Practical digital guides, eBooks, checklists and worksheets for better financial, career, business and technology decisions in Nigeria and Africa.\">\r\n\r\n    <meta name=\"keywords\"\r\n          content=\"practical digital guides, financial education resources Nigeria, personal finance guides Nigeria, financial decision-making, business guides Nigeria, career development resources, digital skills resources, practical eBooks Nigeria, financial checklists, decision-making guides\">\r\n\r\n    <meta name=\"author\" content=\"InfoCraft Resources\">\r\n\r\n    <style>\r\n\r\n        \/* =========================================================\r\n           RESET\r\n        ========================================================= *\/\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family:\r\n                Inter,\r\n                -apple-system,\r\n                BlinkMacSystemFont,\r\n                \"Segoe UI\",\r\n                Roboto,\r\n                Helvetica,\r\n                Arial,\r\n                sans-serif;\r\n            color: #172033;\r\n            background: #ffffff;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            display: block;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n        }\r\n\r\n        button,\r\n        input {\r\n            font: inherit;\r\n        }\r\n\r\n        ul {\r\n            list-style: none;\r\n        }\r\n\r\n        \/* =========================================================\r\n           VARIABLES\r\n        ========================================================= *\/\r\n\r\n        :root {\r\n            --primary: #0b5c75;\r\n            --primary-dark: #073f52;\r\n            --secondary: #13a6a0;\r\n            --accent: #f0b429;\r\n\r\n            --dark: #172033;\r\n            --text: #4d5a6d;\r\n            --muted: #748094;\r\n\r\n            --light: #f5f8fa;\r\n            --lighter: #f9fbfc;\r\n\r\n            --border: #e3e9ee;\r\n            --white: #ffffff;\r\n\r\n            --shadow-sm: 0 4px 16px rgba(20, 40, 55, 0.06);\r\n            --shadow-md: 0 12px 35px rgba(20, 40, 55, 0.10);\r\n            --shadow-lg: 0 20px 55px rgba(20, 40, 55, 0.14);\r\n\r\n            --radius-sm: 8px;\r\n            --radius-md: 14px;\r\n            --radius-lg: 22px;\r\n\r\n            --container: 1180px;\r\n        }\r\n\r\n        \/* =========================================================\r\n           GLOBAL\r\n        ========================================================= *\/\r\n\r\n        .container {\r\n            width: min(92%, var(--container));\r\n            margin: 0 auto;\r\n        }\r\n\r\n        section {\r\n            padding: 90px 0;\r\n        }\r\n\r\n        .section-label {\r\n            color: var(--secondary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            font-size: 0.78rem;\r\n            font-weight: 800;\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .section-heading {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            line-height: 1.15;\r\n            color: var(--dark);\r\n            margin-bottom: 18px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .section-intro {\r\n            max-width: 700px;\r\n            color: var(--text);\r\n            font-size: 1.05rem;\r\n        }\r\n\r\n        .text-center {\r\n            text-align: center;\r\n        }\r\n\r\n        .text-center .section-intro {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* =========================================================\r\n           BUTTONS\r\n        ========================================================= *\/\r\n\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            padding: 13px 22px;\r\n            border-radius: 8px;\r\n            font-weight: 700;\r\n            font-size: 0.95rem;\r\n            border: 2px solid transparent;\r\n            cursor: pointer;\r\n            transition:\r\n                transform 0.2s ease,\r\n                background 0.2s ease,\r\n                color 0.2s ease,\r\n                box-shadow 0.2s ease;\r\n        }\r\n\r\n        .btn:hover {\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .btn-primary {\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            box-shadow: 0 8px 20px rgba(11, 92, 117, 0.20);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background: var(--primary-dark);\r\n        }\r\n\r\n        .btn-outline {\r\n            border-color: var(--primary);\r\n            color: var(--primary);\r\n            background: transparent;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: var(--primary);\r\n            color: var(--white);\r\n        }\r\n\r\n        .btn-light {\r\n            background: var(--white);\r\n            color: var(--primary);\r\n        }\r\n\r\n        \/* =========================================================\r\n           HEADER\r\n        ========================================================= *\/\r\n\r\n        .site-header {\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n            background: rgba(255,255,255,0.96);\r\n            backdrop-filter: blur(10px);\r\n            border-bottom: 1px solid var(--border);\r\n        }\r\n\r\n        .header-inner {\r\n            min-height: 76px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 30px;\r\n        }\r\n\r\n        .brand {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .brand-mark {\r\n            width: 42px;\r\n            height: 42px;\r\n            border-radius: 10px;\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            display: grid;\r\n            place-items: center;\r\n            font-weight: 900;\r\n            font-size: 1.15rem;\r\n        }\r\n\r\n        .brand-name {\r\n            font-size: 1.1rem;\r\n            font-weight: 800;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .brand-tagline {\r\n            display: block;\r\n            font-size: 0.65rem;\r\n            color: var(--muted);\r\n            margin-top: -2px;\r\n        }\r\n\r\n        .main-nav {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 28px;\r\n        }\r\n\r\n        .main-nav a {\r\n            color: var(--text);\r\n            font-size: 0.92rem;\r\n            font-weight: 600;\r\n            transition: color 0.2s ease;\r\n        }\r\n\r\n        .main-nav a:hover {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .mobile-toggle {\r\n            display: none;\r\n            border: none;\r\n            background: transparent;\r\n            font-size: 1.7rem;\r\n            color: var(--dark);\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* =========================================================\r\n           HERO\r\n        ========================================================= *\/\r\n\r\n        .hero {\r\n            padding: 95px 0 80px;\r\n            background:\r\n                linear-gradient(135deg, #f4fafb 0%, #ffffff 58%, #eef8f7 100%);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.05fr 0.95fr;\r\n            align-items: center;\r\n            gap: 70px;\r\n        }\r\n\r\n        .hero-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--primary);\r\n            background: rgba(11,92,117,0.08);\r\n            padding: 7px 12px;\r\n            border-radius: 50px;\r\n            font-size: 0.76rem;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.2px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .hero h1 {\r\n            font-size: clamp(2.8rem, 5vw, 4.8rem);\r\n            line-height: 1.03;\r\n            letter-spacing: -2.5px;\r\n            color: var(--dark);\r\n            margin-bottom: 24px;\r\n        }\r\n\r\n        .hero h1 span {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .hero-text {\r\n            color: var(--text);\r\n            font-size: 1.12rem;\r\n            max-width: 650px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 13px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 32px;\r\n        }\r\n\r\n        .hero-categories {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 8px;\r\n        }\r\n\r\n        .hero-category {\r\n            padding: 7px 11px;\r\n            border: 1px solid var(--border);\r\n            border-radius: 50px;\r\n            background: rgba(255,255,255,0.8);\r\n            color: var(--muted);\r\n            font-size: 0.78rem;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* Hero visual *\/\r\n\r\n        .decision-visual {\r\n            position: relative;\r\n            min-height: 430px;\r\n            display: grid;\r\n            place-items: center;\r\n        }\r\n\r\n        .visual-card {\r\n            position: relative;\r\n            width: min(100%, 470px);\r\n            background: var(--white);\r\n            border: 1px solid var(--border);\r\n            border-radius: 24px;\r\n            padding: 35px;\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .visual-title {\r\n            font-weight: 800;\r\n            font-size: 1.15rem;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .decision-step {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            padding: 16px;\r\n            background: var(--lighter);\r\n            border-radius: 12px;\r\n            margin-bottom: 12px;\r\n            border: 1px solid var(--border);\r\n        }\r\n\r\n        .decision-number {\r\n            flex: 0 0 38px;\r\n            height: 38px;\r\n            border-radius: 50%;\r\n            display: grid;\r\n            place-items: center;\r\n            background: var(--primary);\r\n            color: white;\r\n            font-weight: 800;\r\n            font-size: 0.85rem;\r\n        }\r\n\r\n        .decision-step strong {\r\n            display: block;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .decision-step small {\r\n            color: var(--muted);\r\n        }\r\n\r\n        .visual-note {\r\n            margin-top: 20px;\r\n            text-align: center;\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            font-size: 0.92rem;\r\n        }\r\n\r\n        \/* =========================================================\r\n           QUICK CATEGORIES\r\n        ========================================================= *\/\r\n\r\n        .quick-categories {\r\n            padding: 0;\r\n            position: relative;\r\n            z-index: 5;\r\n        }\r\n\r\n        .quick-inner {\r\n            transform: translateY(-25px);\r\n            background: white;\r\n            border-radius: 16px;\r\n            box-shadow: var(--shadow-md);\r\n            border: 1px solid var(--border);\r\n            padding: 24px;\r\n        }\r\n\r\n        .quick-title {\r\n            text-align: center;\r\n            font-weight: 800;\r\n            color: var(--dark);\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .quick-list {\r\n            display: grid;\r\n            grid-template-columns: repeat(6, 1fr);\r\n            gap: 10px;\r\n        }\r\n\r\n        .quick-link {\r\n            padding: 13px 8px;\r\n            text-align: center;\r\n            border: 1px solid var(--border);\r\n            border-radius: 10px;\r\n            color: var(--text);\r\n            font-size: 0.82rem;\r\n            font-weight: 700;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .quick-link:hover {\r\n            border-color: var(--secondary);\r\n            color: var(--primary);\r\n            background: #f2fbfa;\r\n        }\r\n\r\n        \/* =========================================================\r\n           TRUST\r\n        ========================================================= *\/\r\n\r\n        .trust {\r\n            background: var(--white);\r\n            padding-top: 55px;\r\n        }\r\n\r\n        .trust-grid {\r\n            display: grid;\r\n            grid-template-columns: 0.9fr 1.1fr;\r\n            gap: 70px;\r\n            align-items: center;\r\n        }\r\n\r\n        .trust-statement {\r\n            font-size: clamp(2rem, 4vw, 3.3rem);\r\n            line-height: 1.12;\r\n            color: var(--dark);\r\n            letter-spacing: -1.5px;\r\n        }\r\n\r\n        .trust-statement span {\r\n            color: var(--primary);\r\n        }\r\n\r\n        .trust-list {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n        }\r\n\r\n        .trust-item {\r\n            padding: 20px;\r\n            border: 1px solid var(--border);\r\n            border-radius: 12px;\r\n            background: var(--lighter);\r\n        }\r\n\r\n        .trust-icon {\r\n            color: var(--secondary);\r\n            font-weight: 900;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .trust-item h3 {\r\n            font-size: 0.98rem;\r\n            margin-bottom: 5px;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .trust-item p {\r\n            font-size: 0.86rem;\r\n            color: var(--muted);\r\n        }\r\n\r\n        \/* =========================================================\r\n           DECISION CATEGORIES\r\n        ========================================================= *\/\r\n\r\n        .decision-categories {\r\n            background: var(--light);\r\n        }\r\n\r\n        .category-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 18px;\r\n            margin-top: 45px;\r\n        }\r\n\r\n        .category-card {\r\n            background: white;\r\n            border: 1px solid var(--border);\r\n            border-radius: 16px;\r\n            padding: 30px;\r\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n        }\r\n\r\n        .category-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .category-icon {\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 12px;\r\n            display: grid;\r\n            place-items: center;\r\n            background: #eaf7f6;\r\n            color: var(--primary);\r\n            font-size: 1.25rem;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .category-card h3 {\r\n            color: var(--dark);\r\n            margin-bottom: 9px;\r\n            font-size: 1.15rem;\r\n        }\r\n\r\n        .category-card p {\r\n            color: var(--text);\r\n            font-size: 0.9rem;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .text-link {\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            font-size: 0.88rem;\r\n        }\r\n\r\n        .text-link:hover {\r\n            color: var(--secondary);\r\n        }\r\n\r\n        \/* =========================================================\r\n           FEATURED RESOURCES\r\n        ========================================================= *\/\r\n\r\n        .featured-products {\r\n            background: white;\r\n        }\r\n\r\n        .product-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 20px;\r\n            margin-top: 45px;\r\n        }\r\n\r\n        .product-card {\r\n            border: 1px solid var(--border);\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            background: white;\r\n            transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n        }\r\n\r\n        .product-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .product-cover {\r\n            min-height: 230px;\r\n            padding: 22px;\r\n            background: linear-gradient(145deg, #0b5c75, #13a6a0);\r\n            color: white;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .product-cover-label {\r\n            font-size: 0.68rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.2px;\r\n            font-weight: 800;\r\n            opacity: 0.85;\r\n        }\r\n\r\n        .product-cover h3 {\r\n            font-size: 1.35rem;\r\n            line-height: 1.15;\r\n            max-width: 180px;\r\n        }\r\n\r\n        .product-cover-number {\r\n            font-size: 2.7rem;\r\n            font-weight: 900;\r\n            opacity: 0.25;\r\n        }\r\n\r\n        .product-content {\r\n            padding: 23px;\r\n        }\r\n\r\n        .product-category {\r\n            font-size: 0.68rem;\r\n            color: var(--secondary);\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .product-content h3 {\r\n            font-size: 1.08rem;\r\n            color: var(--dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .product-content p {\r\n            color: var(--text);\r\n            font-size: 0.84rem;\r\n            margin-bottom: 17px;\r\n        }\r\n\r\n        \/* =========================================================\r\n           FEATURED PRODUCT\r\n        ========================================================= *\/\r\n\r\n        .featured-guide {\r\n            background: var(--light);\r\n        }\r\n\r\n        .guide-box {\r\n            background: white;\r\n            border: 1px solid var(--border);\r\n            border-radius: 22px;\r\n            padding: 55px;\r\n            display: grid;\r\n            grid-template-columns: 280px 1fr;\r\n            gap: 55px;\r\n            align-items: center;\r\n            box-shadow: var(--shadow-sm);\r\n        }\r\n\r\n        .book-mockup {\r\n            min-height: 350px;\r\n            border-radius: 6px;\r\n            padding: 30px 25px;\r\n            background: linear-gradient(145deg, #0b5c75, #073f52);\r\n            color: white;\r\n            box-shadow: 15px 18px 30px rgba(0,0,0,0.16);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            transform: rotate(-2deg);\r\n        }\r\n\r\n        .book-small {\r\n            font-size: 0.65rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            font-weight: 800;\r\n            opacity: 0.75;\r\n        }\r\n\r\n        .book-mockup h3 {\r\n            font-size: 2rem;\r\n            line-height: 1.05;\r\n        }\r\n\r\n        .book-footer {\r\n            font-size: 0.7rem;\r\n            opacity: 0.75;\r\n        }\r\n\r\n        .guide-content h2 {\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            line-height: 1.1;\r\n            margin-bottom: 15px;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .guide-subtitle {\r\n            color: var(--primary);\r\n            font-weight: 800;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .guide-content p {\r\n            color: var(--text);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .guide-checks {\r\n            display: grid;\r\n            gap: 8px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .guide-checks li {\r\n            color: var(--text);\r\n            font-size: 0.92rem;\r\n        }\r\n\r\n        .guide-checks li::before {\r\n            content: \"\u2713\";\r\n            color: var(--secondary);\r\n            font-weight: 900;\r\n            margin-right: 9px;\r\n        }\r\n\r\n        \/* =========================================================\r\n           METHOD\r\n        ========================================================= *\/\r\n\r\n        .method {\r\n            background: white;\r\n        }\r\n\r\n        .method-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 25px;\r\n            margin-top: 50px;\r\n            position: relative;\r\n        }\r\n\r\n        .method-card {\r\n            text-align: center;\r\n            padding: 35px 25px;\r\n            position: relative;\r\n        }\r\n\r\n        .method-number {\r\n            width: 58px;\r\n            height: 58px;\r\n            border-radius: 50%;\r\n            margin: 0 auto 18px;\r\n            display: grid;\r\n            place-items: center;\r\n            background: var(--primary);\r\n            color: white;\r\n            font-weight: 900;\r\n        }\r\n\r\n        .method-card h3 {\r\n            color: var(--dark);\r\n            margin-bottom: 8px;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .method-card p {\r\n            color: var(--text);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .method-line {\r\n            position: absolute;\r\n            top: 64px;\r\n            left: 20%;\r\n            right: 20%;\r\n            height: 1px;\r\n            background: var(--border);\r\n            z-index: 0;\r\n        }\r\n\r\n        .method-card {\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* =========================================================\r\n           PHILOSOPHY\r\n        ========================================================= *\/\r\n\r\n        .philosophy {\r\n            background: var(--primary-dark);\r\n            color: white;\r\n            text-align: center;\r\n        }\r\n\r\n        .philosophy .section-label {\r\n            color: #7edbd5;\r\n        }\r\n\r\n        .philosophy h2 {\r\n            color: white;\r\n            max-width: 900px;\r\n            margin: 0 auto 25px;\r\n            font-size: clamp(2.3rem, 5vw, 4.2rem);\r\n            line-height: 1.05;\r\n            letter-spacing: -2px;\r\n        }\r\n\r\n        .philosophy p {\r\n            max-width: 700px;\r\n            margin: 0 auto 30px;\r\n            color: rgba(255,255,255,0.78);\r\n        }\r\n\r\n        .philosophy-line {\r\n            font-size: 1rem;\r\n            font-weight: 900;\r\n            letter-spacing: 2px;\r\n            color: white;\r\n        }\r\n\r\n        \/* =========================================================\r\n           AUDIENCE\r\n        ========================================================= *\/\r\n\r\n        .audience {\r\n            background: var(--light);\r\n        }\r\n\r\n        .audience-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 14px;\r\n            margin-top: 45px;\r\n        }\r\n\r\n        .audience-card {\r\n            background: white;\r\n            border: 1px solid var(--border);\r\n            padding: 25px 18px;\r\n            border-radius: 13px;\r\n        }\r\n\r\n        .audience-card h3 {\r\n            font-size: 0.95rem;\r\n            color: var(--dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .audience-card p {\r\n            color: var(--muted);\r\n            font-size: 0.82rem;\r\n        }\r\n\r\n        \/* =========================================================\r\n           WHY INFOCRAFT\r\n        ========================================================= *\/\r\n\r\n        .why-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 18px;\r\n            margin-top: 45px;\r\n        }\r\n\r\n        .why-card {\r\n            padding: 25px;\r\n            border: 1px solid var(--border);\r\n            border-radius: 13px;\r\n        }\r\n\r\n        .why-icon {\r\n            color: var(--secondary);\r\n            font-size: 1.3rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .why-card h3 {\r\n            font-size: 1rem;\r\n            color: var(--dark);\r\n            margin-bottom: 7px;\r\n        }\r\n\r\n        .why-card p {\r\n            color: var(--text);\r\n            font-size: 0.86rem;\r\n        }\r\n\r\n        \/* =========================================================\r\n           ABOUT\r\n        ========================================================= *\/\r\n\r\n        .about {\r\n            background: var(--light);\r\n        }\r\n\r\n        .about-grid {\r\n            display: grid;\r\n            grid-template-columns: 0.8fr 1.2fr;\r\n            gap: 70px;\r\n            align-items: center;\r\n        }\r\n\r\n        .about-visual {\r\n            min-height: 360px;\r\n            border-radius: 20px;\r\n            background: linear-gradient(145deg, #0b5c75, #13a6a0);\r\n            display: grid;\r\n            place-items: center;\r\n            padding: 40px;\r\n            color: white;\r\n        }\r\n\r\n        .about-visual-inner {\r\n            text-align: center;\r\n        }\r\n\r\n        .about-visual-inner .big-mark {\r\n            font-size: 5rem;\r\n            font-weight: 900;\r\n            line-height: 1;\r\n            opacity: 0.85;\r\n        }\r\n\r\n        .about-visual-inner p {\r\n            font-weight: 700;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .about-content p {\r\n            color: var(--text);\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        \/* =========================================================\r\n           NEWSLETTER\r\n        ========================================================= *\/\r\n\r\n        .newsletter {\r\n            background: white;\r\n        }\r\n\r\n        .newsletter-box {\r\n            background: var(--primary);\r\n            border-radius: 22px;\r\n            padding: 65px;\r\n            text-align: center;\r\n            color: white;\r\n        }\r\n\r\n        .newsletter-box h2 {\r\n            color: white;\r\n            font-size: clamp(2rem, 4vw, 3rem);\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .newsletter-box p {\r\n            max-width: 650px;\r\n            margin: 0 auto 25px;\r\n            color: rgba(255,255,255,0.8);\r\n        }\r\n\r\n        .newsletter-form {\r\n            display: flex;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n            gap: 10px;\r\n        }\r\n\r\n        .newsletter-form input {\r\n            flex: 1;\r\n            border: none;\r\n            border-radius: 8px;\r\n            padding: 14px 16px;\r\n            outline: none;\r\n        }\r\n\r\n        .newsletter-note {\r\n            font-size: 0.72rem;\r\n            margin-top: 15px;\r\n            opacity: 0.7;\r\n        }\r\n\r\n        \/* =========================================================\r\n           FAQ\r\n        ========================================================= *\/\r\n\r\n        .faq {\r\n            background: var(--light);\r\n        }\r\n\r\n        .faq-list {\r\n            max-width: 850px;\r\n            margin: 45px auto 0;\r\n        }\r\n\r\n        .faq-item {\r\n            background: white;\r\n            border: 1px solid var(--border);\r\n            border-radius: 10px;\r\n            margin-bottom: 10px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .faq-question {\r\n            width: 100%;\r\n            background: white;\r\n            border: none;\r\n            padding: 20px;\r\n            text-align: left;\r\n            font-weight: 800;\r\n            color: var(--dark);\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 20px;\r\n        }\r\n\r\n        .faq-question span {\r\n            color: var(--primary);\r\n            font-size: 1.2rem;\r\n            transition: transform 0.2s ease;\r\n        }\r\n\r\n        .faq-answer {\r\n            display: none;\r\n            padding: 0 20px 20px;\r\n            color: var(--text);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .faq-item.active .faq-answer {\r\n            display: block;\r\n        }\r\n\r\n        .faq-item.active .faq-question span {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        \/* =========================================================\r\n           FINAL CTA\r\n        ========================================================= *\/\r\n\r\n        .final-cta {\r\n            background: white;\r\n            padding: 100px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .final-cta h2 {\r\n            max-width: 800px;\r\n            margin: 0 auto 18px;\r\n            font-size: clamp(2.3rem, 5vw, 4rem);\r\n            line-height: 1.05;\r\n            letter-spacing: -1.8px;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .final-cta p {\r\n            max-width: 650px;\r\n            margin: 0 auto 28px;\r\n            color: var(--text);\r\n        }\r\n\r\n        \/* =========================================================\r\n           FOOTER\r\n        ========================================================= *\/\r\n\r\n        footer {\r\n            background: #101925;\r\n            color: white;\r\n            padding: 70px 0 25px;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n            gap: 50px;\r\n            padding-bottom: 50px;\r\n        }\r\n\r\n        .footer-brand p {\r\n            max-width: 350px;\r\n            color: rgba(255,255,255,0.65);\r\n            margin-top: 15px;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .footer-title {\r\n            font-size: 0.85rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 17px;\r\n            color: white;\r\n        }\r\n\r\n        .footer-links {\r\n            display: grid;\r\n            gap: 9px;\r\n        }\r\n\r\n        .footer-links a {\r\n            color: rgba(255,255,255,0.62);\r\n            font-size: 0.86rem;\r\n        }\r\n\r\n        .footer-links a:hover {\r\n            color: white;\r\n        }\r\n\r\n        .footer-disclaimer {\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            padding-top: 25px;\r\n            color: rgba(255,255,255,0.5);\r\n            font-size: 0.72rem;\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .footer-bottom {\r\n            border-top: 1px solid rgba(255,255,255,0.1);\r\n            margin-top: 25px;\r\n            padding-top: 20px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            gap: 20px;\r\n            color: rgba(255,255,255,0.45);\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        \/* =========================================================\r\n           RESPONSIVE\r\n        ========================================================= *\/\r\n\r\n        @media (max-width: 1000px) {\r\n\r\n            .hero-grid,\r\n            .trust-grid,\r\n            .about-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .hero {\r\n                padding-top: 70px;\r\n            }\r\n\r\n            .decision-visual {\r\n                min-height: auto;\r\n            }\r\n\r\n            .quick-list {\r\n                grid-template-columns: repeat(3, 1fr);\r\n            }\r\n\r\n            .product-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .audience-grid {\r\n                grid-template-columns: repeat(3, 1fr);\r\n            }\r\n\r\n            .footer-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 760px) {\r\n\r\n            section {\r\n                padding: 65px 0;\r\n            }\r\n\r\n            .header-inner {\r\n                min-height: 68px;\r\n            }\r\n\r\n            .main-nav,\r\n            .header-cta {\r\n                display: none;\r\n            }\r\n\r\n            .mobile-toggle {\r\n                display: block;\r\n            }\r\n\r\n            .main-nav.mobile-open {\r\n                display: flex;\r\n                position: absolute;\r\n                top: 68px;\r\n                left: 0;\r\n                right: 0;\r\n                padding: 20px;\r\n                background: white;\r\n                border-bottom: 1px solid var(--border);\r\n                box-shadow: var(--shadow-md);\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n                gap: 0;\r\n            }\r\n\r\n            .main-nav.mobile-open a {\r\n                padding: 13px 0;\r\n                border-bottom: 1px solid var(--border);\r\n            }\r\n\r\n            .hero h1 {\r\n                font-size: 3rem;\r\n            }\r\n\r\n            .quick-list,\r\n            .category-grid,\r\n            .product-grid,\r\n            .method-grid,\r\n            .why-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .trust-list {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .guide-box {\r\n                grid-template-columns: 1fr;\r\n                padding: 30px;\r\n            }\r\n\r\n            .book-mockup {\r\n                max-width: 270px;\r\n                margin: auto;\r\n            }\r\n\r\n            .method-line {\r\n                display: none;\r\n            }\r\n\r\n            .audience-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .newsletter-box {\r\n                padding: 40px 22px;\r\n            }\r\n\r\n            .newsletter-form {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .footer-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 35px;\r\n            }\r\n\r\n            .footer-bottom {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 450px) {\r\n\r\n            .hero h1 {\r\n                font-size: 2.55rem;\r\n            }\r\n\r\n            .hero-buttons {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n            }\r\n\r\n            .btn {\r\n                width: 100%;\r\n            }\r\n\r\n            .audience-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .visual-card {\r\n                padding: 25px 18px;\r\n            }\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- =============================================================\r\n     HEADER\r\n============================================================= -->\r\n\r\n<header class=\"site-header\">\r\n\r\n    <div class=\"container header-inner\">\r\n\r\n        <a href=\"#\" class=\"brand\">\r\n\r\n            <div class=\"brand-mark\">I<\/div>\r\n\r\n            <div>\r\n                <div class=\"brand-name\">InfoCraft Resources<\/div>\r\n                <span class=\"brand-tagline\">\r\n                    Practical Knowledge. Real Solutions. Better Decisions.\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/a>\r\n\r\n        <nav class=\"main-nav\" id=\"mainNav\">\r\n\r\n            <a href=\"#\">Home<\/a>\r\n\r\n            <a href=\"#resources\">Resources<\/a>\r\n\r\n            <a href=\"#about\">About<\/a>\r\n\r\n            <a href=\"#faq\">FAQ<\/a>\r\n\r\n            <a href=\"#contact\">Contact<\/a>\r\n\r\n        <\/nav>\r\n\r\n        <a href=\"#resources\"\r\n           class=\"btn btn-primary header-cta\">\r\n            Browse Resources\r\n        <\/a>\r\n\r\n        <button class=\"mobile-toggle\"\r\n                id=\"mobileToggle\"\r\n                aria-label=\"Open navigation\">\r\n            \u2630\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<main>\r\n\r\n<!-- =============================================================\r\n     HERO\r\n============================================================= -->\r\n\r\n<section class=\"hero\">\r\n\r\n    <div class=\"container hero-grid\">\r\n\r\n        <div class=\"hero-content\">\r\n\r\n            <div class=\"hero-label\">\r\n                Practical Knowledge\r\n            <\/div>\r\n\r\n            <h1>\r\n                Practical Knowledge\r\n                <span>for Better Decisions<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"hero-text\">\r\n                Understand more. Ask better questions. Decide with greater clarity.\r\n                InfoCraft Resources provides practical digital guides, eBooks,\r\n                checklists and worksheets designed to help you understand important\r\n                issues, recognise risks and take informed action.\r\n            <\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n\r\n                <a href=\"#resources\"\r\n                   class=\"btn btn-primary\">\r\n                    Explore Our Resources \u2192\r\n                <\/a>\r\n\r\n                <a href=\"#decision-categories\"\r\n                   class=\"btn btn-outline\">\r\n                    Find a Guide\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"hero-categories\">\r\n\r\n                <span class=\"hero-category\">Personal Finance<\/span>\r\n\r\n                <span class=\"hero-category\">Career<\/span>\r\n\r\n                <span class=\"hero-category\">Business<\/span>\r\n\r\n                <span class=\"hero-category\">Technology<\/span>\r\n\r\n                <span class=\"hero-category\">Decision Guides<\/span>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"decision-visual\">\r\n\r\n            <div class=\"visual-card\">\r\n\r\n                <div class=\"visual-title\">\r\n                    A better way to approach important decisions\r\n                <\/div>\r\n\r\n                <div class=\"decision-step\">\r\n\r\n                    <div class=\"decision-number\">01<\/div>\r\n\r\n                    <div>\r\n                        <strong>Ask<\/strong>\r\n                        <small>What should I know?<\/small>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"decision-step\">\r\n\r\n                    <div class=\"decision-number\">02<\/div>\r\n\r\n                    <div>\r\n                        <strong>Verify<\/strong>\r\n                        <small>What should I check?<\/small>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"decision-step\">\r\n\r\n                    <div class=\"decision-number\">03<\/div>\r\n\r\n                    <div>\r\n                        <strong>Understand<\/strong>\r\n                        <small>What am I committing to?<\/small>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"decision-step\">\r\n\r\n                    <div class=\"decision-number\">04<\/div>\r\n\r\n                    <div>\r\n                        <strong>Decide<\/strong>\r\n                        <small>What is my informed next step?<\/small>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"visual-note\">\r\n                    Pause. Ask. Verify. Understand. Then decide.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     QUICK CATEGORY NAVIGATION\r\n============================================================= -->\r\n\r\n<section class=\"quick-categories\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"quick-inner\">\r\n\r\n            <div class=\"quick-title\">\r\n                What are you looking for?\r\n            <\/div>\r\n\r\n            <div class=\"quick-list\">\r\n\r\n                <a href=\"#personal-finance\"\r\n                   class=\"quick-link\">\r\n                    Personal Finance\r\n                <\/a>\r\n\r\n                <a href=\"#career\"\r\n                   class=\"quick-link\">\r\n                    Career\r\n                <\/a>\r\n\r\n                <a href=\"#technology\"\r\n                   class=\"quick-link\">\r\n                    Technology\r\n                <\/a>\r\n\r\n                <a href=\"#business\"\r\n                   class=\"quick-link\">\r\n                    Business\r\n                <\/a>\r\n\r\n                <a href=\"#decision-guides\"\r\n                   class=\"quick-link\">\r\n                    Decision Guides\r\n                <\/a>\r\n\r\n                <a href=\"#workbooks\"\r\n                   class=\"quick-link\">\r\n                    Workbooks\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     TRUST \/ VALUE\r\n============================================================= -->\r\n\r\n<section class=\"trust\">\r\n\r\n    <div class=\"container trust-grid\">\r\n\r\n        <div>\r\n\r\n            <div class=\"section-label\">\r\n                Our Philosophy\r\n            <\/div>\r\n\r\n            <h2 class=\"trust-statement\">\r\n                Better decisions often begin\r\n                <span>with better information.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"trust-list\">\r\n\r\n            <div class=\"trust-item\">\r\n\r\n                <div class=\"trust-icon\">\u2713<\/div>\r\n\r\n                <h3>Ask better questions<\/h3>\r\n\r\n                <p>\r\n                    Know what you should be asking before you act.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"trust-item\">\r\n\r\n                <div class=\"trust-icon\">\u2713<\/div>\r\n\r\n                <h3>Understand before acting<\/h3>\r\n\r\n                <p>\r\n                    Take time to understand the issue, commitment or opportunity.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"trust-item\">\r\n\r\n                <div class=\"trust-icon\">\u2713<\/div>\r\n\r\n                <h3>Check important claims<\/h3>\r\n\r\n                <p>\r\n                    Do not rely solely on promises, advertisements or assumptions.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"trust-item\">\r\n\r\n                <div class=\"trust-icon\">\u2713<\/div>\r\n\r\n                <h3>Recognise potential risks<\/h3>\r\n\r\n                <p>\r\n                    Consider what could go wrong and what needs verification.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     DECISION CATEGORIES\r\n============================================================= -->\r\n\r\n<section class=\"decision-categories\"\r\n         id=\"decision-categories\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"text-center\">\r\n\r\n            <div class=\"section-label\">\r\n                Find What You Need\r\n            <\/div>\r\n\r\n            <h2 class=\"section-heading\">\r\n                What Are You Trying to Figure Out?\r\n            <\/h2>\r\n\r\n            <p class=\"section-intro\">\r\n                Start with the situation you are facing and find practical\r\n                resources designed around the questions that matter.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"category-grid\">\r\n\r\n            <article class=\"category-card\"\r\n                     id=\"personal-finance\">\r\n\r\n                <div class=\"category-icon\">\u20a6<\/div>\r\n\r\n                <h3>Money Decision<\/h3>\r\n\r\n                <p>\r\n                    Thinking about borrowing, investing, transferring money\r\n                    or evaluating a financial opportunity?\r\n                <\/p>\r\n\r\n                <a href=\"#resources\"\r\n                   class=\"text-link\">\r\n                    Explore Finance \u2192\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"category-card\"\r\n                     id=\"career\">\r\n\r\n                <div class=\"category-icon\">\u25c6<\/div>\r\n\r\n                <h3>Career Decision<\/h3>\r\n\r\n                <p>\r\n                    Choosing a career path, developing new skills or preparing\r\n                    for your next professional step?\r\n                <\/p>\r\n\r\n                <a href=\"#resources\"\r\n                   class=\"text-link\">\r\n                    Explore Careers \u2192\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"category-card\"\r\n                     id=\"business\">\r\n\r\n                <div class=\"category-icon\">\u25a3<\/div>\r\n\r\n                <h3>Business Decision<\/h3>\r\n\r\n                <p>\r\n                    Evaluating a business idea, opportunity, partnership\r\n                    or important commitment?\r\n                <\/p>\r\n\r\n                <a href=\"#resources\"\r\n                   class=\"text-link\">\r\n                    Explore Business \u2192\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"category-card\"\r\n                     id=\"technology\">\r\n\r\n                <div class=\"category-icon\">\u2318<\/div>\r\n\r\n                <h3>Technology & Digital Skills<\/h3>\r\n\r\n                <p>\r\n                    Looking for practical technology, IT, cybersecurity\r\n                    or digital-skills knowledge?\r\n                <\/p>\r\n\r\n                <a href=\"#resources\"\r\n                   class=\"text-link\">\r\n                    Explore Technology \u2192\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"category-card\"\r\n                     id=\"decision-guides\">\r\n\r\n                <div class=\"category-icon\">\u2713<\/div>\r\n\r\n                <h3>Important Decision<\/h3>\r\n\r\n                <p>\r\n                    Facing a decision and unsure what questions you should\r\n                    ask before taking action?\r\n                <\/p>\r\n\r\n                <a href=\"#resources\"\r\n                   class=\"text-link\">\r\n                    Explore Guides \u2192\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"category-card\"\r\n                     id=\"workbooks\">\r\n\r\n                <div class=\"category-icon\">\u25a4<\/div>\r\n\r\n                <h3>Practical Workbooks<\/h3>\r\n\r\n                <p>\r\n                    Need a worksheet, checklist or practical framework\r\n                    to organise your thinking?\r\n                <\/p>\r\n\r\n                <a href=\"#resources\"\r\n                   class=\"text-link\">\r\n                    Explore Workbooks \u2192\r\n                <\/a>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     FEATURED RESOURCES\r\n============================================================= -->\r\n\r\n<section class=\"featured-products\"\r\n         id=\"resources\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div>\r\n\r\n            <div class=\"section-label\">\r\n                Featured Resources\r\n            <\/div>\r\n\r\n            <h2 class=\"section-heading\">\r\n                Practical Resources for Real-World Decisions\r\n            <\/h2>\r\n\r\n            <p class=\"section-intro\">\r\n                Carefully structured guides, checklists and worksheets designed\r\n                to help you slow down, understand the issue and ask better\r\n                questions before taking action.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"product-grid\">\r\n\r\n\r\n            <!-- PRODUCT 1 -->\r\n\r\n            <article class=\"product-card\">\r\n\r\n                <div class=\"product-cover\">\r\n\r\n                    <div class=\"product-cover-label\">\r\n                        Decision Guide\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"product-cover-number\">01<\/div>\r\n\r\n                        <h3>\r\n                            Before You Transfer That Money\r\n                        <\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"product-content\">\r\n\r\n                    <div class=\"product-category\">\r\n                        Personal Finance\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Before You Transfer That Money\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        A practical opportunity-risk check for evaluating\r\n                        investments, businesses and online offers.\r\n                    <\/p>\r\n\r\n                    <a href=\"#featured-guide\"\r\n                       class=\"text-link\">\r\n                        View Guide \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PRODUCT 2 -->\r\n\r\n            <article class=\"product-card\">\r\n\r\n                <div class=\"product-cover\">\r\n\r\n                    <div class=\"product-cover-label\">\r\n                        Financial Guide\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"product-cover-number\">02<\/div>\r\n\r\n                        <h3>\r\n                            Before You Borrow That Money\r\n                        <\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"product-content\">\r\n\r\n                    <div class=\"product-category\">\r\n                        Personal Finance\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Before You Borrow That Money\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Understand the cost, repayment obligations and questions\r\n                        to consider before accepting a loan.\r\n                    <\/p>\r\n\r\n                    <a href=\"#\"\r\n                       class=\"text-link\">\r\n                        View Guide \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PRODUCT 3 -->\r\n\r\n            <article class=\"product-card\">\r\n\r\n                <div class=\"product-cover\">\r\n\r\n                    <div class=\"product-cover-label\">\r\n                        Decision Guide\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"product-cover-number\">03<\/div>\r\n\r\n                        <h3>\r\n                            Before You Guarantee That Loan\r\n                        <\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"product-content\">\r\n\r\n                    <div class=\"product-category\">\r\n                        Personal Finance\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Before You Guarantee That Loan\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Understand the questions and potential commitments\r\n                        before guaranteeing someone else's loan.\r\n                    <\/p>\r\n\r\n                    <a href=\"#\"\r\n                       class=\"text-link\">\r\n                        View Guide \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <!-- PRODUCT 4 -->\r\n\r\n            <article class=\"product-card\">\r\n\r\n                <div class=\"product-cover\">\r\n\r\n                    <div class=\"product-cover-label\">\r\n                        Investment Guide\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <div class=\"product-cover-number\">04<\/div>\r\n\r\n                        <h3>\r\n                            Before You Invest That Money\r\n                        <\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div class=\"product-content\">\r\n\r\n                    <div class=\"product-category\">\r\n                        Personal Finance\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Before You Invest That Money\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Practical questions to help you examine an investment\r\n                        opportunity before committing your money.\r\n                    <\/p>\r\n\r\n                    <a href=\"#\"\r\n                       class=\"text-link\">\r\n                        View Guide \u2192\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     FEATURED GUIDE\r\n============================================================= -->\r\n\r\n<section class=\"featured-guide\"\r\n         id=\"featured-guide\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"guide-box\">\r\n\r\n            <div class=\"book-mockup\">\r\n\r\n                <div class=\"book-small\">\r\n                    InfoCraft Resources\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Before You<br>\r\n                    Transfer<br>\r\n                    That Money\r\n                <\/h3>\r\n\r\n                <div class=\"book-footer\">\r\n                    10-Point Opportunity Risk Check\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"guide-content\">\r\n\r\n                <div class=\"section-label\">\r\n                    Featured Guide\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Before You Transfer That Money\r\n                <\/h2>\r\n\r\n                <div class=\"guide-subtitle\">\r\n                    The 10-Point Opportunity Risk Check\r\n                <\/div>\r\n\r\n                <p>\r\n                    Thinking about an investment, business opportunity,\r\n                    side hustle or online money-making offer?\r\n                <\/p>\r\n\r\n                <p>\r\n                    This practical guide helps you slow down, examine the\r\n                    opportunity and identify questions worth answering\r\n                    before committing your cash.\r\n                <\/p>\r\n\r\n                <ul class=\"guide-checks\">\r\n\r\n                    <li>\r\n                        A structured 10-point review\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Practical questions to consider\r\n                    <\/li>\r\n\r\n                    <li>\r\n                        Opportunity-risk considerations\r\n                    <\/li>\r\n\r\n                <\/ul>\r\n\r\n                <a href=\"#\"\r\n                   class=\"btn btn-primary\">\r\n                    View Guide \u2192\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     METHOD\r\n============================================================= -->\r\n\r\n<section class=\"method\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"text-center\">\r\n\r\n            <div class=\"section-label\">\r\n                The InfoCraft Method\r\n            <\/div>\r\n\r\n            <h2 class=\"section-heading\">\r\n                Find. Learn. Act.\r\n            <\/h2>\r\n\r\n            <p class=\"section-intro\">\r\n                Our resources are designed to help you move from uncertainty\r\n                to understanding \u2014 and from understanding to informed action.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"method-grid\">\r\n\r\n            <div class=\"method-line\"><\/div>\r\n\r\n\r\n            <div class=\"method-card\">\r\n\r\n                <div class=\"method-number\">\r\n                    01\r\n                <\/div>\r\n\r\n                <h3>Find<\/h3>\r\n\r\n                <p>\r\n                    Find a guide or resource relevant to the situation,\r\n                    question or decision you are facing.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"method-card\">\r\n\r\n                <div class=\"method-number\">\r\n                    02\r\n                <\/div>\r\n\r\n                <h3>Learn<\/h3>\r\n\r\n                <p>\r\n                    Understand the key questions, risks, options or practical\r\n                    steps presented in the resource.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"method-card\">\r\n\r\n                <div class=\"method-number\">\r\n                    03\r\n                <\/div>\r\n\r\n                <h3>Act<\/h3>\r\n\r\n                <p>\r\n                    Use the information, checklist or worksheet to organise\r\n                    your thinking and take an informed next step.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     PHILOSOPHY\r\n============================================================= -->\r\n\r\n<section class=\"philosophy\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-label\">\r\n            The InfoCraft Principle\r\n        <\/div>\r\n\r\n        <h2>\r\n            Your Money Should Not Move Faster Than Your Understanding.\r\n        <\/h2>\r\n\r\n        <p>\r\n            Before you transfer money, accept an offer, sign an agreement\r\n            or make an important commitment, take time to understand it.\r\n        <\/p>\r\n\r\n        <div class=\"philosophy-line\">\r\n            PAUSE. ASK. VERIFY. UNDERSTAND. THEN DECIDE.\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     WHO WE SERVE\r\n============================================================= -->\r\n\r\n<section class=\"audience\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"text-center\">\r\n\r\n            <div class=\"section-label\">\r\n                Who We Serve\r\n            <\/div>\r\n\r\n            <h2 class=\"section-heading\">\r\n                Resources for the Decisions That Matter\r\n            <\/h2>\r\n\r\n            <p class=\"section-intro\">\r\n                Practical resources for people navigating financial,\r\n                career, business and technology decisions.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"audience-grid\">\r\n\r\n            <div class=\"audience-card\">\r\n\r\n                <h3>For the Salary Earner<\/h3>\r\n\r\n                <p>\r\n                    Understand loans, financial commitments and decisions\r\n                    that can affect your income and household finances.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"audience-card\">\r\n\r\n                <h3>For the Business Owner<\/h3>\r\n\r\n                <p>\r\n                    Evaluate opportunities, commitments and business decisions\r\n                    with clearer questions.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"audience-card\">\r\n\r\n                <h3>For the Professional<\/h3>\r\n\r\n                <p>\r\n                    Develop your career, strengthen your digital knowledge\r\n                    and make informed professional decisions.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"audience-card\">\r\n\r\n                <h3>For the Student or Graduate<\/h3>\r\n\r\n                <p>\r\n                    Explore career possibilities, develop useful skills\r\n                    and approach important choices with clarity.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"audience-card\">\r\n\r\n                <h3>For Anyone Facing an Important Decision<\/h3>\r\n\r\n                <p>\r\n                    When something matters, having the right questions\r\n                    can make a difference.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     WHY INFOCRAFT\r\n============================================================= -->\r\n\r\n<section class=\"why\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"text-center\">\r\n\r\n            <div class=\"section-label\">\r\n                Why InfoCraft\r\n            <\/div>\r\n\r\n            <h2 class=\"section-heading\">\r\n                Why Choose InfoCraft Resources?\r\n            <\/h2>\r\n\r\n            <p class=\"section-intro\">\r\n                Resources designed to be useful, understandable and relevant\r\n                to real-life decisions.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"why-grid\">\r\n\r\n            <div class=\"why-card\">\r\n\r\n                <div class=\"why-icon\">\u2713<\/div>\r\n\r\n                <h3>Practical, Not Theoretical<\/h3>\r\n\r\n                <p>\r\n                    Focused on questions, situations and actions with\r\n                    practical relevance.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"why-card\">\r\n\r\n                <div class=\"why-icon\">\u2713<\/div>\r\n\r\n                <h3>Easy to Understand<\/h3>\r\n\r\n                <p>\r\n                    Complex subjects are broken down into clear,\r\n                    manageable ideas.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"why-card\">\r\n\r\n                <div class=\"why-icon\">\u2713<\/div>\r\n\r\n                <h3>Designed for Real-Life Decisions<\/h3>\r\n\r\n                <p>\r\n                    Built around situations people actually encounter.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"why-card\">\r\n\r\n                <div class=\"why-icon\">\u2713<\/div>\r\n\r\n                <h3>Actionable Tools<\/h3>\r\n\r\n                <p>\r\n                    Checklists, worksheets and frameworks that you can\r\n                    actually use.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"why-card\">\r\n\r\n                <div class=\"why-icon\">\u2713<\/div>\r\n\r\n                <h3>Better Questions<\/h3>\r\n\r\n                <p>\r\n                    Resources designed to help you identify the questions\r\n                    that matter.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"why-card\">\r\n\r\n                <div class=\"why-icon\">\u2713<\/div>\r\n\r\n                <h3>African Relevance<\/h3>\r\n\r\n                <p>\r\n                    Developed with the realities and decision-making needs\r\n                    of readers in Nigeria and other African markets in mind.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     ABOUT\r\n============================================================= -->\r\n\r\n<section class=\"about\"\r\n         id=\"about\">\r\n\r\n    <div class=\"container about-grid\">\r\n\r\n        <div class=\"about-visual\">\r\n\r\n            <div class=\"about-visual-inner\">\r\n\r\n                <div class=\"big-mark\">\r\n                    IC\r\n                <\/div>\r\n\r\n                <p>\r\n                    Practical Knowledge.<br>\r\n                    Real Solutions.<br>\r\n                    Better Decisions.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"about-content\">\r\n\r\n            <div class=\"section-label\">\r\n                About InfoCraft Resources\r\n            <\/div>\r\n\r\n            <h2 class=\"section-heading\">\r\n                Knowledge You Can Actually Use\r\n            <\/h2>\r\n\r\n            <p>\r\n                People regularly face important decisions without having\r\n                enough clear, practical information to make sense of them.\r\n            <\/p>\r\n\r\n            <p>\r\n                Financial offers can be difficult to evaluate. Career choices\r\n                can feel overwhelming. Business opportunities can come with\r\n                unanswered questions. Technology can be complicated.\r\n            <\/p>\r\n\r\n            <p>\r\n                InfoCraft Resources exists to make these subjects easier\r\n                to understand.\r\n            <\/p>\r\n\r\n            <p>\r\n                We create practical digital guides, eBooks, checklists,\r\n                worksheets and educational resources that turn complicated\r\n                subjects into useful questions, frameworks and actions.\r\n            <\/p>\r\n\r\n            <p>\r\n                We are not here to make decisions for you.\r\n                We are here to help you make better-informed ones.\r\n            <\/p>\r\n\r\n            <a href=\"#\"\r\n               class=\"btn btn-outline\">\r\n                Learn About InfoCraft\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     NEWSLETTER\r\n============================================================= -->\r\n\r\n<section class=\"newsletter\"\r\n         id=\"contact\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"newsletter-box\">\r\n\r\n            <h2>\r\n                Get Practical Insights in Your Inbox\r\n            <\/h2>\r\n\r\n            <p>\r\n                Receive useful tips, new resource announcements,\r\n                educational content, decision-making insights and\r\n                occasional offers.\r\n            <\/p>\r\n\r\n            <form class=\"newsletter-form\"\r\n                  id=\"newsletterForm\">\r\n\r\n                <input\r\n                    type=\"email\"\r\n                    id=\"email\"\r\n                    placeholder=\"Enter your email address\"\r\n                    required\r\n                    aria-label=\"Email address\">\r\n\r\n                <button type=\"submit\"\r\n                        class=\"btn btn-light\">\r\n                    Join the Community\r\n                <\/button>\r\n\r\n            <\/form>\r\n\r\n            <div class=\"newsletter-note\">\r\n                No unnecessary noise. Unsubscribe at any time.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     FAQ\r\n============================================================= -->\r\n\r\n<section class=\"faq\"\r\n         id=\"faq\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"text-center\">\r\n\r\n            <div class=\"section-label\">\r\n                FAQ\r\n            <\/div>\r\n\r\n            <h2 class=\"section-heading\">\r\n                Frequently Asked Questions\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"faq-list\">\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    What is InfoCraft Resources?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    InfoCraft Resources is a practical digital resource\r\n                    platform providing eBooks, guides, checklists,\r\n                    worksheets and educational materials designed to help\r\n                    people understand important issues and make\r\n                    better-informed decisions.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    What types of resources do you offer?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    Our resources cover areas such as personal finance,\r\n                    career and professional development, technology and\r\n                    digital skills, business and entrepreneurship,\r\n                    decision-making and practical workbooks.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    Who are your resources designed for?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    They are primarily designed for adults in Nigeria and\r\n                    other African markets, including salary earners,\r\n                    parents, professionals, business owners, entrepreneurs,\r\n                    students, graduates and people facing important\r\n                    financial, career, business or technology decisions.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    Are the resources suitable for beginners?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    Yes. Our goal is to make important subjects practical\r\n                    and understandable. Resources are designed to explain\r\n                    key concepts and questions without assuming that every\r\n                    reader is already an expert.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    Are your financial guides financial advice?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    No. Our financial resources are provided for general\r\n                    educational and informational purposes. They are not\r\n                    personalised financial, investment, legal, accounting,\r\n                    tax or regulatory advice.\r\n\r\n                    <br><br>\r\n\r\n                    Your circumstances are unique. Where appropriate,\r\n                    conduct independent research and seek advice from a\r\n                    suitably qualified professional before making\r\n                    significant financial or legal decisions.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    How do I purchase a digital guide?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    Select the resource you are interested in, review its\r\n                    description and follow the purchase instructions on\r\n                    the product page. Access to the digital resource will\r\n                    be provided according to the applicable delivery terms.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    Can I use the guides on my phone?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    Our digital resources are intended to be convenient\r\n                    to access and use. Where the specific product format\r\n                    supports mobile viewing, you can read and use it on\r\n                    a compatible smartphone or tablet.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"faq-item\">\r\n\r\n                <button class=\"faq-question\">\r\n\r\n                    How can I contact InfoCraft Resources?\r\n\r\n                    <span>+<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"faq-answer\">\r\n\r\n                    Please use the Contact page or the official contact\r\n                    details provided on the InfoCraft Resources website.\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =============================================================\r\n     FINAL CTA\r\n============================================================= -->\r\n\r\n<section class=\"final-cta\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"section-label\">\r\n            Start Exploring\r\n        <\/div>\r\n\r\n        <h2>\r\n            Better Decisions Start With Better Questions.\r\n        <\/h2>\r\n\r\n        <p>\r\n            Explore practical guides and resources designed to help you\r\n            understand more, ask better questions and take informed action.\r\n        <\/p>\r\n\r\n        <a href=\"#resources\"\r\n           class=\"btn btn-primary\">\r\n            Explore InfoCraft Resources \u2192\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/main>\r\n\r\n\r\n<!-- =============================================================\r\n     FOOTER\r\n============================================================= -->\r\n\r\n<footer>\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"footer-grid\">\r\n\r\n\r\n            <div class=\"footer-brand\">\r\n\r\n                <div class=\"brand\">\r\n\r\n                    <div class=\"brand-mark\">\r\n                        I\r\n                    <\/div>\r\n\r\n                    <div class=\"brand-name\"\r\n                         style=\"color:white;\">\r\n                        InfoCraft Resources\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <p>\r\n                    Practical digital guides, checklists, worksheets and\r\n                    educational resources designed to help you understand\r\n                    important issues and make better-informed decisions.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"footer-title\">\r\n                    Explore\r\n                <\/div>\r\n\r\n                <div class=\"footer-links\">\r\n\r\n                    <a href=\"#\">Home<\/a>\r\n\r\n                    <a href=\"#resources\">Resources<\/a>\r\n\r\n                    <a href=\"#about\">About<\/a>\r\n\r\n                    <a href=\"#faq\">FAQ<\/a>\r\n\r\n                    <a href=\"#contact\">Contact<\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"footer-title\">\r\n                    Information\r\n                <\/div>\r\n\r\n                <div class=\"footer-links\">\r\n\r\n                    <a href=\"#\">Privacy Policy<\/a>\r\n\r\n                    <a href=\"#\">Terms & Conditions<\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div>\r\n\r\n                <div class=\"footer-title\">\r\n                    Connect\r\n                <\/div>\r\n\r\n                <div class=\"footer-links\">\r\n\r\n                    <a href=\"#\" target=\"_blank\">\r\n                        Facebook\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"footer-disclaimer\">\r\n\r\n            <strong>General information notice:<\/strong>\r\n\r\n            The information and resources provided by InfoCraft Resources\r\n            are intended for general educational and informational purposes.\r\n            They should not be treated as personalised financial, investment,\r\n            legal, accounting, tax, regulatory, medical or professional advice.\r\n            Where appropriate, seek advice from a suitably qualified\r\n            professional who can consider your individual circumstances.\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"footer-bottom\">\r\n\r\n            <div>\r\n                \u00a9 <span id=\"currentYear\"><\/span> InfoCraft Resources.\r\n                All rights reserved.\r\n            <\/div>\r\n\r\n            <div>\r\n                Practical Knowledge. Real Solutions. Better Decisions.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<!-- =============================================================\r\n     JAVASCRIPT\r\n============================================================= -->\r\n\r\n<script>\r\n\r\n    \/* =========================================================\r\n       MOBILE NAVIGATION\r\n    ========================================================= *\/\r\n\r\n    const mobileToggle =\r\n        document.getElementById(\"mobileToggle\");\r\n\r\n    const mainNav =\r\n        document.getElementById(\"mainNav\");\r\n\r\n    mobileToggle.addEventListener(\"click\", function () {\r\n\r\n        mainNav.classList.toggle(\"mobile-open\");\r\n\r\n    });\r\n\r\n\r\n    \/* =========================================================\r\n       CLOSE MOBILE NAV AFTER CLICK\r\n    ========================================================= *\/\r\n\r\n    document.querySelectorAll(\".main-nav a\").forEach(function(link) {\r\n\r\n        link.addEventListener(\"click\", function() {\r\n\r\n            mainNav.classList.remove(\"mobile-open\");\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =========================================================\r\n       FAQ ACCORDION\r\n    ========================================================= *\/\r\n\r\n    const faqQuestions =\r\n        document.querySelectorAll(\".faq-question\");\r\n\r\n    faqQuestions.forEach(function(question) {\r\n\r\n        question.addEventListener(\"click\", function() {\r\n\r\n            const currentItem =\r\n                question.parentElement;\r\n\r\n            document.querySelectorAll(\".faq-item\")\r\n                .forEach(function(item) {\r\n\r\n                    if (item !== currentItem) {\r\n                        item.classList.remove(\"active\");\r\n                    }\r\n\r\n                });\r\n\r\n            currentItem.classList.toggle(\"active\");\r\n\r\n        });\r\n\r\n    });\r\n\r\n\r\n    \/* =========================================================\r\n       NEWSLETTER FORM\r\n    ========================================================= *\/\r\n\r\n    const newsletterForm =\r\n        document.getElementById(\"newsletterForm\");\r\n\r\n    newsletterForm.addEventListener(\"submit\", function(event) {\r\n\r\n        event.preventDefault();\r\n\r\n        const email =\r\n            document.getElementById(\"email\").value;\r\n\r\n        if (!email) {\r\n            return;\r\n        }\r\n\r\n        \/*\r\n         * Replace this section with your email marketing service,\r\n         * WordPress form plugin, Mailchimp, Brevo, FluentCRM,\r\n         * ConvertKit, etc.\r\n         *\/\r\n\r\n        alert(\r\n            \"Thank you for joining the InfoCraft Resources community.\"\r\n        );\r\n\r\n        newsletterForm.reset();\r\n\r\n    });\r\n\r\n\r\n    \/* =========================================================\r\n       CURRENT YEAR\r\n    ========================================================= *\/\r\n\r\n    document.getElementById(\"currentYear\").textContent =\r\n        new Date().getFullYear();\r\n\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>InfoCraft Resources | Practical Guides &#038; eBooks I InfoCraft Resources Practical Knowledge. Real Solutions. Better Decisions. Home Resources About FAQ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/infocrafthub.online\/index.php?rest_route=\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infocrafthub.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infocrafthub.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infocrafthub.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infocrafthub.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=93"}],"version-history":[{"count":5,"href":"https:\/\/infocrafthub.online\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":115,"href":"https:\/\/infocrafthub.online\/index.php?rest_route=\/wp\/v2\/pages\/93\/revisions\/115"}],"wp:attachment":[{"href":"https:\/\/infocrafthub.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}