{"id":405,"date":"2025-01-31T15:41:51","date_gmt":"2025-01-31T12:11:51","guid":{"rendered":"http:\/\/commagp.ir\/?page_id=405"},"modified":"2025-01-31T22:37:57","modified_gmt":"2025-01-31T19:07:57","slug":"test-page","status":"publish","type":"page","link":"https:\/\/commagp.ir\/?page_id=405","title":{"rendered":"test page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"405\" class=\"elementor elementor-405\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e200114 e-flex e-con-boxed e-con e-parent\" data-id=\"e200114\" 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-a165b62 elementor-widget elementor-widget-slider\" data-id=\"a165b62\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"swiper-container slider-hero slider-a165b62\" data-widget-id=\"a165b62\">\r\n            <div class=\"swiper-wrapper\">\r\n                                    <div class=\"swiper-slide\">\r\n                        <div class=\"box\">\r\n                            <div class=\"image\">\r\n                                                                    <img decoding=\"async\" src=\"http:\/\/commagp.ir\/wp-content\/uploads\/2024\/11\/Frame-8-3.png\" alt=\"\u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\">\r\n                                                            <\/div>\r\n                            <div class=\"content\">\r\n                                                                    <h3>\u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631<\/h3>\r\n                                                                                                    <p>\u0645\u062a\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631<\/p>\r\n                                                                                                    <a href=\"#\" class=\"slider-btn\">\u0645\u0634\u0627\u0647\u062f\u0647                                                                                    <i class=\"fas fa-clipboard-check\"><\/i>\r\n                                                                            <\/a>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"swiper-slide\">\r\n                        <div class=\"box\">\r\n                            <div class=\"image\">\r\n                                                                    <img decoding=\"async\" src=\"http:\/\/commagp.ir\/wp-content\/uploads\/2024\/11\/Frame-8-3.png\" alt=\"\u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631\">\r\n                                                            <\/div>\r\n                            <div class=\"content\">\r\n                                                                    <h3>\u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631<\/h3>\r\n                                                                                                    <p>\u0645\u062a\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631<\/p>\r\n                                                                                                    <a href=\"#\" class=\"slider-btn\">\u0645\u0634\u0627\u0647\u062f\u0647                                                                                    <i class=\"fas fa-clipboard-check\"><\/i>\r\n                                                                            <\/a>\r\n                                                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n            <div class=\"swiper-button-prev slider-a165b62-prev\"><\/div>\r\n            <div class=\"swiper-button-next slider-a165b62-next\"><\/div>\r\n            <div class=\"swiper-pagination slider-a165b62-pagination\"><\/div>\r\n        <\/div>\r\n\r\n        <style>\r\n            .slider-a165b62 {\r\n                width: 100%;\r\n                height: 500px;\r\n                position: relative;\r\n                overflow: hidden;\r\n            }\r\n            .slider-a165b62 .swiper-slide {\r\n                text-align: center;\r\n                font-size: 18px;\r\n                background: #fff;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                position: relative;\r\n            }\r\n            .slider-a165b62 .swiper-slide .box {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n            .slider-a165b62 .swiper-slide .box .image {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n            .slider-a165b62 .swiper-slide .box .image img {\r\n                width: 100%;\r\n                height: 500px;\r\n                object-fit: cover;\r\n            }\r\n            .slider-a165b62 .swiper-button-prev,\r\n            .slider-a165b62 .swiper-button-next {\r\n                color: #fff !important;\r\n                background: rgba(0,0,0,0.5);\r\n                width: 40px !important;\r\n                height: 40px !important;\r\n                border-radius: 50%;\r\n                transition: all 0.3s ease;\r\n                z-index: 20;\r\n            }\r\n            .slider-a165b62 .swiper-button-prev:hover,\r\n            .slider-a165b62 .swiper-button-next:hover {\r\n                background: rgba(0,0,0,0.8);\r\n            }\r\n            .slider-a165b62 .swiper-button-prev:after,\r\n            .slider-a165b62 .swiper-button-next:after {\r\n                font-size: 18px !important;\r\n            }\r\n            .slider-a165b62 .swiper-pagination-bullet {\r\n                background: #fff !important;\r\n                opacity: 0.7;\r\n            }\r\n            .slider-a165b62 .swiper-pagination-bullet-active {\r\n                background: #ff6b6b !important;\r\n                opacity: 1;\r\n            }\r\n            .slider-a165b62 .content {\r\n                position: absolute;\r\n                bottom: 20%;\r\n                left: 0;\r\n                right: 0;\r\n                text-align: center;\r\n                color: #fff;\r\n                z-index: 10;\r\n                background: rgba(0,0,0,0.5);\r\n                padding: 20px;\r\n                margin: 0 20px;\r\n                border-radius: 10px;\r\n            }\r\n            .slider-a165b62 .content h3 {\r\n                font-size: 32px;\r\n                margin-bottom: 10px;\r\n                color: #fff;\r\n            }\r\n            .slider-a165b62 .content p {\r\n                font-size: 18px;\r\n                margin-bottom: 15px;\r\n                color: #fff;\r\n            }\r\n            .slider-a165b62 .content a {\r\n                display: inline-block;\r\n                padding: 10px 25px;\r\n                background: #ff6b6b;\r\n                color: #fff !important;\r\n                text-decoration: none;\r\n                border-radius: 5px;\r\n                transition: all 0.3s ease;\r\n                font-size: 16px;\r\n            }\r\n            .slider-a165b62 .content a:hover {\r\n                background: #ff4757;\r\n                color: #fff !important;\r\n            }\r\n            .slider-a165b62 .content a i {\r\n                margin-right: 8px;\r\n            }\r\n\r\n            \/* ========== \u0631\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0628\u0631\u0627\u06cc \u062a\u0628\u0644\u062a (\u062d\u062f\u0627\u06a9\u062b\u0631 \u0639\u0631\u0636 1024px) ========== *\/\r\n            @media (max-width: 1024px) {\r\n                .slider-a165b62 {\r\n                    height: 450px;\r\n                }\r\n                .slider-a165b62 .swiper-slide .box .image img {\r\n                    height: 450px;\r\n                }\r\n                .slider-a165b62 .content {\r\n                    bottom: 15%;\r\n                    padding: 15px;\r\n                    margin: 0 15px;\r\n                }\r\n                .slider-a165b62 .content h3 {\r\n                    font-size: 28px;\r\n                    margin-bottom: 8px;\r\n                }\r\n                .slider-a165b62 .content p {\r\n                    font-size: 16px;\r\n                    margin-bottom: 12px;\r\n                }\r\n                .slider-a165b62 .content a {\r\n                    padding: 8px 20px;\r\n                    font-size: 14px;\r\n                }\r\n                .slider-a165b62 .swiper-button-prev,\r\n                .slider-a165b62 .swiper-button-next {\r\n                    width: 35px !important;\r\n                    height: 35px !important;\r\n                }\r\n                .slider-a165b62 .swiper-button-prev:after,\r\n                .slider-a165b62 .swiper-button-next:after {\r\n                    font-size: 16px !important;\r\n                }\r\n            }\r\n\r\n            \/* ========== \u0631\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 (\u062d\u062f\u0627\u06a9\u062b\u0631 \u0639\u0631\u0636 768px) ========== *\/\r\n            @media (max-width: 768px) {\r\n                .slider-a165b62 {\r\n                    height: 400px;\r\n                }\r\n                .slider-a165b62 .swiper-slide .box .image img {\r\n                    height: 400px;\r\n                }\r\n                .slider-a165b62 .content {\r\n                    bottom: 10%;\r\n                    padding: 12px;\r\n                    margin: 0 10px;\r\n                    border-radius: 8px;\r\n                }\r\n                .slider-a165b62 .content h3 {\r\n                    font-size: 22px;\r\n                    margin-bottom: 6px;\r\n                }\r\n                .slider-a165b62 .content p {\r\n                    font-size: 14px;\r\n                    margin-bottom: 10px;\r\n                }\r\n                .slider-a165b62 .content a {\r\n                    padding: 6px 16px;\r\n                    font-size: 13px;\r\n                }\r\n                .slider-a165b62 .content a i {\r\n                    margin-right: 5px;\r\n                    font-size: 12px;\r\n                }\r\n                .slider-a165b62 .swiper-button-prev,\r\n                .slider-a165b62 .swiper-button-next {\r\n                    width: 30px !important;\r\n                    height: 30px !important;\r\n                }\r\n                .slider-a165b62 .swiper-button-prev:after,\r\n                .slider-a165b62 .swiper-button-next:after {\r\n                    font-size: 14px !important;\r\n                }\r\n                .slider-a165b62 .swiper-pagination-bullet {\r\n                    width: 8px;\r\n                    height: 8px;\r\n                }\r\n            }\r\n\r\n            \/* ========== \u0631\u0633\u067e\u0627\u0646\u0633\u06cc\u0648 \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u06a9\u0648\u0686\u06a9 (\u062d\u062f\u0627\u06a9\u062b\u0631 \u0639\u0631\u0636 480px) ========== *\/\r\n            @media (max-width: 480px) {\r\n                .slider-a165b62 {\r\n                    height: 350px;\r\n                }\r\n                .slider-a165b62 .swiper-slide .box .image img {\r\n                    height: 350px;\r\n                }\r\n                .slider-a165b62 .content {\r\n                    bottom: 8%;\r\n                    padding: 10px;\r\n                    margin: 0 8px;\r\n                    border-radius: 6px;\r\n                }\r\n                .slider-a165b62 .content h3 {\r\n                    font-size: 18px;\r\n                    margin-bottom: 4px;\r\n                }\r\n                .slider-a165b62 .content p {\r\n                    font-size: 12px;\r\n                    margin-bottom: 8px;\r\n                }\r\n                .slider-a165b62 .content a {\r\n                    padding: 5px 12px;\r\n                    font-size: 12px;\r\n                }\r\n                .slider-a165b62 .content a i {\r\n                    margin-right: 4px;\r\n                    font-size: 10px;\r\n                }\r\n                .slider-a165b62 .swiper-button-prev,\r\n                .slider-a165b62 .swiper-button-next {\r\n                    width: 25px !important;\r\n                    height: 25px !important;\r\n                }\r\n                .slider-a165b62 .swiper-button-prev:after,\r\n                .slider-a165b62 .swiper-button-next:after {\r\n                    font-size: 12px !important;\r\n                }\r\n                .slider-a165b62 .swiper-pagination-bullet {\r\n                    width: 6px;\r\n                    height: 6px;\r\n                }\r\n            }\r\n\r\n            \/* ========== \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0627\u0641\u0642\u06cc \u0628\u0631\u0627\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 \u062f\u0631 \u062d\u0627\u0644\u062a \u0644\u0646\u062f\u0627\u0633\u06a9\u06cc\u067e ========== *\/\r\n            @media (max-width: 768px) and (orientation: landscape) {\r\n                .slider-a165b62 {\r\n                    height: 300px;\r\n                }\r\n                .slider-a165b62 .swiper-slide .box .image img {\r\n                    height: 300px;\r\n                }\r\n                .slider-a165b62 .content {\r\n                    bottom: 5%;\r\n                    padding: 8px;\r\n                }\r\n                .slider-a165b62 .content h3 {\r\n                    font-size: 18px;\r\n                    margin-bottom: 4px;\r\n                }\r\n                .slider-a165b62 .content p {\r\n                    font-size: 12px;\r\n                    margin-bottom: 6px;\r\n                }\r\n                .slider-a165b62 .content a {\r\n                    padding: 4px 12px;\r\n                    font-size: 11px;\r\n                }\r\n            }\r\n\r\n            \/* ========== \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0628\u0631\u0627\u06cc \u062a\u0628\u0644\u062a \u062f\u0631 \u062d\u0627\u0644\u062a \u0639\u0645\u0648\u062f\u06cc ========== *\/\r\n            @media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) {\r\n                .slider-a165b62 {\r\n                    height: 480px;\r\n                }\r\n                .slider-a165b62 .swiper-slide .box .image img {\r\n                    height: 480px;\r\n                }\r\n                .slider-a165b62 .content {\r\n                    bottom: 18%;\r\n                }\r\n                .slider-a165b62 .content h3 {\r\n                    font-size: 26px;\r\n                }\r\n                .slider-a165b62 .content p {\r\n                    font-size: 16px;\r\n                }\r\n            }\r\n        <\/style>\r\n\r\n        <script>\r\n            (function() {\r\n                var widgetId = 'a165b62';\r\n                var sliderElement = null;\r\n                var swiperInstance = null;\r\n\r\n                function destroySwiper() {\r\n                    if (swiperInstance) {\r\n                        swiperInstance.destroy(true, true);\r\n                        swiperInstance = null;\r\n                    }\r\n                    if (sliderElement) {\r\n                        sliderElement.classList.remove('swiper-initialized');\r\n                    }\r\n                }\r\n\r\n                function initSlider() {\r\n                    if (typeof Swiper === 'undefined') {\r\n                        setTimeout(initSlider, 200);\r\n                        return;\r\n                    }\r\n\r\n                    sliderElement = document.querySelector('.slider-' + widgetId);\r\n                    if (!sliderElement) return;\r\n\r\n                    destroySwiper();\r\n\r\n\r\n                    try {\r\n                        swiperInstance = new Swiper(sliderElement, {\r\n                            speed: 400,\r\n                            spaceBetween: 0,\r\n                            slidesPerView: 1,\r\n                            loop: true,\r\n                            autoplay: {\r\n                                delay: 5000,\r\n                                disableOnInteraction: false,\r\n                            },\r\n                            pagination: {\r\n                                el: '.slider-' + widgetId + '-pagination',\r\n                                clickable: true,\r\n                            },\r\n                            navigation: {\r\n                                nextEl: '.slider-' + widgetId + '-next',\r\n                                prevEl: '.slider-' + widgetId + '-prev',\r\n                            },\r\n                        });\r\n                        sliderElement.classList.add('swiper-initialized');\r\n                    } catch(e) {\r\n                        console.error('Slider error:', e);\r\n                    }\r\n                }\r\n\r\n                if (document.readyState === 'loading') {\r\n                    document.addEventListener('DOMContentLoaded', initSlider);\r\n                } else {\r\n                    initSlider();\r\n                }\r\n\r\n                if (typeof elementorFrontend !== 'undefined') {\r\n                    elementorFrontend.hooks.addAction('frontend\/element_ready\/slider.default', function($scope) {\r\n                        if ($scope.find('.slider-' + widgetId).length) {\r\n                            setTimeout(initSlider, 100);\r\n                        }\r\n                    });\r\n                }\r\n\r\n                if (window.elementor && window.elementor.channels && window.elementor.channels.editor) {\r\n                    window.elementor.channels.editor.on('change', function() {\r\n                        setTimeout(initSlider, 200);\r\n                    });\r\n                }\r\n            })();\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c161d7 e-flex e-con-boxed e-con e-parent\" data-id=\"5c161d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>\u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0645\u062a\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0645\u0634\u0627\u0647\u062f\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0645\u062a\u0646 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0645\u0634\u0627\u0647\u062f\u0647<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-405","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/commagp.ir\/index.php?rest_route=\/wp\/v2\/pages\/405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/commagp.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/commagp.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/commagp.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/commagp.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=405"}],"version-history":[{"count":0,"href":"https:\/\/commagp.ir\/index.php?rest_route=\/wp\/v2\/pages\/405\/revisions"}],"wp:attachment":[{"href":"https:\/\/commagp.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}