{"id":5282,"date":"2022-03-19T23:56:09","date_gmt":"2022-03-19T21:56:09","guid":{"rendered":"https:\/\/academy.egsky.net\/?page_id=5282"},"modified":"2025-12-21T15:04:59","modified_gmt":"2025-12-21T13:04:59","slug":"certificate-verification","status":"publish","type":"page","link":"https:\/\/academy.egsky.net\/ar\/certificate-verification\/","title":{"rendered":"\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0629"},"content":{"rendered":"<style><\/style><h1>Certificate Verification<\/h1>\n<h3>The future dimension of the travel industry<\/h3>\n<div class=\"ld-cvss-container\">\n    <form id=\"ld-cvss-search-form\" class=\"ld-cvss-search-form\" method=\"post\" action=\"https:\/\/academy.egsky.net\/ar\/ar\/wp-json\/wp\/v2\/pages\/5282\">\n                    <div class=\"ld-cvss-search-form-heading\">Search Certificate by ID<\/div>\n                <div class=\"ld-cvss-search-form-controls\">\n            <div class=\"ld-cvss-search-form-control ld-cvss-search-form-control-input\">\n                <input class=\"ld-cvss-search-form-input\" type=\"text\" autocomplete=\"off\" placeholder=\"Certificate ID\" required>\n            <\/div>\n            <div class=\"ld-cvss-search-form-control ld-cvss-search-form-control-button\">\n                <button class=\"ld-cvss-search-form-button\" type=\"submit\">Search<\/button>\n            <\/div>\n        <\/div>\n    <\/form>\n<\/div>\n<h2>\u00a0<\/h2>\n<h3>\u00a0<\/h3>\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>PDCA Footer<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            font-family: Arial, sans-serif;\n            background: white;\n        }\n        \n        .main-content {\n            flex: 1;\n        }\n        \n        .pdca-footer {\n            background: transparent;\n            color: #1e293b;\n            padding: 15px 20px;\n            height: 180px;\n        }\n        \n        .footer-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            height: 100%;\n            gap: 10px;\n        }\n        \n        .footer-title {\n            font-size: 1.1rem;\n            font-weight: 600;\n            text-align: center;\n            color: #1e293b;\n            margin-bottom: 0;\n        }\n        \n        .pdca-timeline {\n            position: relative;\n            flex: 1;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 0 15px;\n        }\n        \n        .timeline-track {\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            height: 2px;\n            background: rgba(30, 41, 59, 0.15);\n            transform: translateY(-50%);\n            z-index: 1;\n        }\n        \n        .pdca-step {\n            position: relative;\n            width: 75px;\n            height: 75px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            border-radius: 50%;\n            z-index: 3;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            border: 2px solid white;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        }\n        \n        .pdca-step:hover {\n            transform: scale(1.15);\n            z-index: 10;\n        }\n        \n        .step-plan {\n            background: linear-gradient(135deg, #3b82f6, #1d4ed8);\n        }\n        \n        .step-do {\n            background: linear-gradient(135deg, #10b981, #047857);\n        }\n        \n        .step-check {\n            background: linear-gradient(135deg, #f59e0b, #d97706);\n        }\n        \n        .step-act {\n            background: linear-gradient(135deg, #8b5cf6, #7c3aed);\n        }\n        \n        .step-letter {\n            font-size: 2rem;\n            font-weight: 900;\n            margin-bottom: 2px;\n            color: white;\n        }\n        \n        .step-name {\n            font-size: 0.9rem;\n            font-weight: 600;\n            text-transform: uppercase;\n            color: white;\n        }\n        \n        .airplane-container {\n            position: absolute;\n            top: 50%;\n            left: 0;\n            right: 0;\n            transform: translateY(-50%);\n            height: 25px;\n            z-index: 2;\n        }\n        \n        .airplane {\n            position: absolute;\n            left: -30px;\n            top: 0;\n            color: #f59e0b;\n            font-size: 22px;\n            animation: flyHorizontal 12s linear infinite;\n            filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.9));\n        }\n        \n        @keyframes flyHorizontal {\n            0% { left: -30px; }\n            25% { left: 25%; }\n            50% { left: 50%; }\n            75% { left: 75%; }\n            100% { left: calc(100% + 30px); }\n        }\n        \n        .text-display {\n            height: 55px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 0 20px;\n            text-align: center;\n            font-size: 1.1rem;\n            color: #1e293b;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .text-content {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 0 20px;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n            line-height: 1.4;\n        }\n        \n        .text-content.active {\n            opacity: 1;\n        }\n        \n        .highlight {\n            color: #f59e0b;\n            font-weight: 700;\n            font-size: 1.15rem;\n        }\n        \n        @media (max-width: 768px) {\n            .pdca-footer {\n                height: 170px;\n                padding: 12px 15px;\n            }\n            \n            .pdca-step {\n                width: 65px;\n                height: 65px;\n            }\n            \n            .step-letter {\n                font-size: 1.8rem;\n            }\n            \n            .step-name {\n                font-size: 0.8rem;\n            }\n            \n            .text-display {\n                font-size: 1rem;\n                height: 50px;\n                padding: 0 15px;\n            }\n            \n            .footer-title {\n                font-size: 1rem;\n            }\n            \n            .highlight {\n                font-size: 1.05rem;\n            }\n            \n            .airplane {\n                font-size: 18px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .pdca-footer {\n                height: 160px;\n                padding: 10px 12px;\n            }\n            \n            .pdca-step {\n                width: 60px;\n                height: 60px;\n            }\n            \n            .step-letter {\n                font-size: 1.6rem;\n            }\n            \n            .step-name {\n                font-size: 0.75rem;\n            }\n            \n            .text-display {\n                font-size: 0.95rem;\n                height: 45px;\n                padding: 0 12px;\n                line-height: 1.3;\n            }\n            \n            .footer-title {\n                font-size: 0.95rem;\n            }\n            \n            .highlight {\n                font-size: 1rem;\n            }\n            \n            .airplane {\n                font-size: 16px;\n            }\n        }\n    <\/style>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<\/head>\n<body>\n    <div class=\"main-content\">\n        <!-- Your main page content will go here -->\n    <\/div>\n    \n    <footer class=\"pdca-footer\">\n        <div class=\"footer-container\">\n            <div class=\"footer-title\">Our Professionals<\/div>\n            \n            <div class=\"pdca-timeline\">\n                <div class=\"timeline-track\"><\/div>\n                \n                <div class=\"airplane-container\">\n                    <div class=\"airplane\">\n                        <i class=\"fas fa-plane\"><\/i>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"pdca-step step-plan\">\n                    <div class=\"step-letter\">P<\/div>\n                    <div class=\"step-name\">Plan<\/div>\n                <\/div>\n                \n                <div class=\"pdca-step step-do\">\n                    <div class=\"step-letter\">D<\/div>\n                    <div class=\"step-name\">Do<\/div>\n                <\/div>\n                \n                <div class=\"pdca-step step-check\">\n                    <div class=\"step-letter\">C<\/div>\n                    <div class=\"step-name\">Check<\/div>\n                <\/div>\n                \n                <div class=\"pdca-step step-act\">\n                    <div class=\"step-letter\">A<\/div>\n                    <div class=\"step-name\">Act<\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"text-display\">\n                <!-- Text 1 - Default Full Text -->\n                <div class=\"text-content active\" id=\"text1\">\n                    They always <span class=\"highlight\">plan<\/span> to the future and \n                    <span class=\"highlight\">practice<\/span> more and \n                    <span class=\"highlight\">reviewing<\/span> results to adjust and \n                    <span class=\"highlight\">continuous improvement<\/span>.\n                <\/div>\n                \n                <!-- Text 2 - Plan Text -->\n                <div class=\"text-content\" id=\"text2\">\n                    They always <span class=\"highlight\">plan<\/span> to the future\n                <\/div>\n                \n                <!-- Text 3 - Do Text -->\n                <div class=\"text-content\" id=\"text3\">\n                    and <span class=\"highlight\">practice<\/span> more\n                <\/div>\n                \n                <!-- Text 4 - Check Text -->\n                <div class=\"text-content\" id=\"text4\">\n                    and <span class=\"highlight\">reviewing<\/span> results to adjust\n                <\/div>\n                \n                <!-- Text 5 - Act Text -->\n                <div class=\"text-content\" id=\"text5\">\n                    and <span class=\"highlight\">continuous improvement<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        const steps = document.querySelectorAll('.pdca-step');\n        const texts = document.querySelectorAll('.text-content');\n        const airplane = document.querySelector('.airplane');\n        \n        \/\/ Add hover events to PDCA steps\n        steps[0].addEventListener('mouseenter', () => showText('text2'));\n        steps[1].addEventListener('mouseenter', () => showText('text3'));\n        steps[2].addEventListener('mouseenter', () => showText('text4'));\n        steps[3].addEventListener('mouseenter', () => showText('text5'));\n        \n        \/\/ Add mouseleave events to return to default text\n        steps.forEach(step => {\n            step.addEventListener('mouseleave', () => showText('text1'));\n        });\n        \n        function showText(textId) {\n            \/\/ Hide all texts\n            texts.forEach(text => {\n                text.classList.remove('active');\n            });\n            \n            \/\/ Show the selected text\n            document.getElementById(textId).classList.add('active');\n            \n            \/\/ Slow down airplane temporarily\n            airplane.style.animationDuration = '15s';\n            \n            \/\/ Return to normal speed after 1 second\n            setTimeout(() => {\n                airplane.style.animationDuration = '12s';\n            }, 1000);\n        }\n        \n        \/\/ Auto cycle through texts\n        let currentText = 0;\n        const textIds = ['text1', 'text2', 'text3', 'text4', 'text5'];\n        \n        function cycleTexts() {\n            \/\/ Show current text\n            showText(textIds[currentText]);\n            \n            \/\/ Move to next text\n            currentText = (currentText + 1) % textIds.length;\n        }\n        \n        \/\/ Start cycling every 3 seconds\n        setInterval(cycleTexts, 3000);\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a: \u0627\u0644\u0628\u064f\u0639\u062f \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a \u0644\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0633\u0641\u0631. \u062a\u0630\u064a\u064a\u0644 \u062f\u0648\u0631\u0629 \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u062d\u0642\u0642 \u0648\u0627\u0644\u0639\u0645\u0644 (PDCA): \u062e\u0628\u0631\u0627\u0626\u0646\u0627: \u064a\u062e\u0637\u0637\u0648\u0646 \u062f\u0627\u0626\u0645\u064b\u0627 \u0644\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u060c \u0648\u064a\u0645\u0627\u0631\u0633\u0648\u0646 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u064a\u0631\u0627\u062c\u0639\u0648\u0646 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0644\u062a\u0639\u062f\u064a\u0644 \u0648\u0627\u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0645\u0631.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pmpro_default_level":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-5282","page","type-page","status-publish","hentry","pmpro-has-access"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Amr Elleithy","author_link":"https:\/\/academy.egsky.net\/ar\/author\/egskylife\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/pages\/5282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/comments?post=5282"}],"version-history":[{"count":14,"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/pages\/5282\/revisions"}],"predecessor-version":[{"id":14317,"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/pages\/5282\/revisions\/14317"}],"wp:attachment":[{"href":"https:\/\/academy.egsky.net\/ar\/wp-json\/wp\/v2\/media?parent=5282"}],"curies":[{"name":"\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}