{"id":343,"date":"2023-09-25T09:28:30","date_gmt":"2023-09-25T02:28:30","guid":{"rendered":"https:\/\/hilmialfqhprtf1012011.my.id\/?page_id=343"},"modified":"2024-08-26T11:21:58","modified_gmt":"2024-08-26T04:21:58","slug":"it-project","status":"publish","type":"page","link":"https:\/\/hilmialfqhprtf1012011.my.id\/?page_id=343","title":{"rendered":"7 Grade"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"343\" class=\"elementor elementor-343\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ba6c4ae elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ba6c4ae\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c975336\" data-id=\"c975336\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5776bb8 elementor-widget elementor-widget-spacer\" data-id=\"5776bb8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-042734d animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"042734d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Project IT<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f03e09e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f03e09e\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e66dd7f\" data-id=\"e66dd7f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0768d0a elementor-widget elementor-widget-spacer\" data-id=\"0768d0a\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-08a9d7f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"08a9d7f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1a8cf98\" data-id=\"1a8cf98\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bf8bd0f eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"bf8bd0f\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-15-093121.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Catching Fruit<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-15-093121.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Catching Fruit<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Catching Fruit is coded by arranging blocks into one game, as shown in the video.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1430\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-6fa553f\" data-id=\"6fa553f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c00e9c eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"2c00e9c\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-15-100935.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Game Adab<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-15-100935.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Game Adab<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Adab Game is a game that teaches us Adab before sleeping.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1439\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-fc9d193\" data-id=\"fc9d193\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6cfd223 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"6cfd223\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-15-102713.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Take Me Out<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/Screenshot-2023-09-15-102713.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Take Me Out<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Take Me Out is a game that requires us to help the character get out of the room.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1449\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9d4ddca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9d4ddca\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-f861161\" data-id=\"f861161\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4932c45 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"4932c45\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/block-breaker.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Block Breaker<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/block-breaker.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Brock Breaker<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Block Breaker is a game to destroy blocks using a ball.\u00a0<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1457\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4085dde\" data-id=\"4085dde\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c2e6d19 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"c2e6d19\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/The-difender.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">The Defender<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/The-difender.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">The Defender<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>The Defender is a game that requires us to fight using tanks to protect the survivor camp from enemy tanks.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1478\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-584991b\" data-id=\"584991b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f6937a eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"4f6937a\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/Fruit-Ninja.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Fruit Ninja<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/Fruit-Ninja.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Fruit Ninja<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Fruit Ninja is a game that requires us to cut fruit using hand movements.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1484\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e117c02 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e117c02\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-cb4bf76\" data-id=\"cb4bf76\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-02a2f25 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"02a2f25\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/Bomberman.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Bomberman<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/Bomberman.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Bomberman<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Block Breaker is a game to destroy blocks using a ball.\u00a0<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1490\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-92bf54b\" data-id=\"92bf54b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8421417 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"8421417\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/dino-game.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Dino Game<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/dino-game.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Dino Game<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Fruit Ninja is a game that requires us to cut fruit using hand movements.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1501\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-9ddeb15\" data-id=\"9ddeb15\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a62a526 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"a62a526\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/jumping-cube.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Jumping Cube<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/jumping-cube.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Jumping Cube<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Jumping Cube is a game that requires us to move characters or Boxes<br \/>To avoid obstacles and get as many coins as possible.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=931\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05233c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"05233c7\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8079a9d\" data-id=\"8079a9d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a3646a4 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"a3646a4\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/Running-Ball.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Running Ball<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/Running-Ball.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Running Ball<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Running Ball is a game that requires us to move characters or Ball<br \/>To avoid obstacles and get as many coins as possible.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=941\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cbfef0a eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"cbfef0a\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/web1.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Website Sekolah<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/web1.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Website Sekolah<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>A school website is a website that explains about a school, such as its projects, extracurriculars, facilities, history, and others.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=954\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3cdc923\" data-id=\"3cdc923\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7cbbcc5 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"7cbbcc5\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/S.Ball_.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Switching Ball<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/S.Ball_.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Switching Ball<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Switching Ball is a game that requires us to move a character or ball<br \/>To pass through a very small path, if you fall then you lose.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=983\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fc1b13 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"2fc1b13\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/1.jpg\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Website Masjid<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/1.jpg\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Website Masjid<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Website masjid is a website that explains about a mosque, this website explains the history of the mosque, mosque facilities, mosque location, mosque activities, and so on.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1086\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-78900d1\" data-id=\"78900d1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6242810 eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"6242810\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/c.road_.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Crossing Road<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2024\/05\/c.road_.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h4 class=\"eael-elements-flip-box-heading\">Crossing Road<\/h4>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>Crossing Road is a game that requires us to move the character<br \/>To cross the street, if you get hit by a Gummy Bear you will lose.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?p=1046\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d300fc eael-flipbox-img-radius eael-flipbox-content-align-center elementor-widget elementor-widget-eael-flip-box\" data-id=\"6d300fc\" data-element_type=\"widget\" data-widget_type=\"eael-flip-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n        <div class=\"eael-elements-flip-box-container eael-animate-flip eael-animate-zoom-out eael-content eael-flip-box-hover\">\n\n            <div class=\"eael-elements-flip-box-flip-card\">\n                <div class=\"eael-elements-flip-box-front-container\">\n\n                    \n                        <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                    <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                    <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/placeholder.png\" alt=\"\">\n                                                                            <\/div>\n                                    <h2 class=\"eael-elements-flip-box-heading\">Project Name<\/h2>                                    <div class=\"eael-elements-flip-box-content\">\n\t                                                                        <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n                <div class=\"eael-elements-flip-box-rear-container\">\n\n                                            <div class=\"eael-elements-slider-display-table\">\n                            <div class=\"eael-elements-flip-box-vertical-align\">\n                                <div class=\"eael-elements-flip-box-padding\">\n                                                                            <div class=\"eael-elements-flip-box-icon-image\">\n                                                                                            <img decoding=\"async\" class=\"eael-flipbox-image-as-icon\" src=\"https:\/\/hilmialfqhprtf1012011.my.id\/wp-content\/uploads\/2023\/09\/placeholder.png\" alt=\"\">\n                                                                                    <\/div>\n                                                                                                            <h2 class=\"eael-elements-flip-box-heading\">Project Name<\/h2>\n                                                                        <div class=\"eael-elements-flip-box-content\">\n                                        <p>The Catching Fruit Tutorial is a Video Tutorial for Making a Catching Fruit Game Made Using Scratch.<\/p>                                    <\/div>\n\n                                                                            <a class=\"flipbox-button\" href=\"#\">\n                                                                                        See Project                                                                                            <\/a>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            jQuery(document).ready(function( $ ) {\n                $(\".eael-flip-box-click\").off('click').on( 'click', function( event ) {\n                    $(this).toggleClass( '--active' );\n                });\n            });\n        <\/script>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>t Project IT Catching Fruit Catching Fruit Catching Fruit is coded by arranging blocks into one game, as shown in the video. See Project Game Adab Game Adab Adab Game is a game that teaches us Adab before sleeping. See Project Take Me Out Take Me Out Take Me Out is a game that requires &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/hilmialfqhprtf1012011.my.id\/?page_id=343\"> <span class=\"screen-reader-text\">7 Grade<\/span> Selengkapnya &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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":"","footnotes":""},"class_list":["post-343","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/pages\/343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=343"}],"version-history":[{"count":129,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/pages\/343\/revisions"}],"predecessor-version":[{"id":1586,"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=\/wp\/v2\/pages\/343\/revisions\/1586"}],"wp:attachment":[{"href":"https:\/\/hilmialfqhprtf1012011.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}