{"id":141,"date":"2025-08-05T12:28:48","date_gmt":"2025-08-05T12:28:48","guid":{"rendered":"https:\/\/enthira.mo.vc\/?page_id=141"},"modified":"2025-08-06T09:58:26","modified_gmt":"2025-08-06T09:58:26","slug":"courses-2","status":"publish","type":"page","link":"https:\/\/enthira.mo.vc\/index.php\/courses-2\/","title":{"rendered":"Courses"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"141\" class=\"elementor elementor-141\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5efc647 e-con-full e-flex e-con e-parent\" data-id=\"5efc647\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dee4f6c elementor-widget elementor-widget-html\" data-id=\"dee4f6c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Interactive Courses Page for Elementor HTML Widget - Matching Homepage Style -->\r\n<div\r\n    style=\"font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #1c1d1f; background: #f8fafc;\">\r\n\r\n    <!-- Hero Section - Updated with new background image -->\r\n    <div class=\"hero-section\">\r\n        <!-- Background overlay -->\r\n        <div class=\"hero-overlay\"><\/div>\r\n\r\n        <!-- Floating Particles Background -->\r\n        <div style=\"position: absolute; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 2;\">\r\n            <div class=\"floating-particle\" style=\"left: 15%; animation-delay: 0s;\"><\/div>\r\n            <div class=\"floating-particle\" style=\"left: 25%; animation-delay: 2s; animation-duration: 12s;\"><\/div>\r\n            <div class=\"floating-particle\" style=\"left: 60%; animation-delay: 4s; animation-duration: 8s;\"><\/div>\r\n            <div class=\"floating-particle\" style=\"left: 80%; animation-delay: 1s; animation-duration: 11s;\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-container\">\r\n            <h1 class=\"hero-title\" style=\"color: white;\">Master Robotics with Expert-Led Courses<\/h1>\r\n            <p class=\"hero-description\">\r\n                From Arduino basics to advanced AI robotics - choose from 200+ courses designed by industry experts and\r\n                taught by world-class instructors.\r\n            <\/p>\r\n\r\n            <!-- Search Bar -->\r\n            <div class=\"search-container\">\r\n                <input type=\"text\" placeholder=\"Search courses: Arduino, AI, Computer Vision, Drones...\"\r\n                    class=\"search-input\" id=\"courseSearch\" oninput=\"searchCourses()\" style=\"border-radius: 12px;\">\r\n                <i class=\"fas fa-search search-icon\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Filter Section -->\r\n    <div style=\"padding: 40px 0; background: white; border-bottom: 1px solid #e2e8f0;\">\r\n        <div style=\"max-width: 1340px; margin: 0 auto; padding: 0 24px;\">\r\n            <div\r\n                style=\"display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;\">\r\n                <!-- Category Filters -->\r\n                <div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\r\n                    <button onclick=\"filterCourses('all')\"\r\n                        style=\"padding: 10px 20px; background: #1c1d1f; color: white; border: 1px solid #1c1d1f; border-radius: 25px; cursor: pointer; transition: all 0.2s; font-weight: 500;\"\r\n                        class=\"filter-btn active\" id=\"filter-all\">All Courses<\/button>\r\n                    <button onclick=\"filterCourses('beginner')\"\r\n                        style=\"padding: 10px 20px; background: white; color: #6a6f73; border: 1px solid #d1d7dc; border-radius: 25px; cursor: pointer; transition: all 0.2s; font-weight: 500;\"\r\n                        class=\"filter-btn\" id=\"filter-beginner\">Beginner<\/button>\r\n                    <button onclick=\"filterCourses('intermediate')\"\r\n                        style=\"padding: 10px 20px; background: white; color: #6a6f73; border: 1px solid #d1d7dc; border-radius: 25px; cursor: pointer; transition: all 0.2s; font-weight: 500;\"\r\n                        class=\"filter-btn\" id=\"filter-intermediate\">Intermediate<\/button>\r\n                    <button onclick=\"filterCourses('advanced')\"\r\n                        style=\"padding: 10px 20px; background: white; color: #6a6f73; border: 1px solid #d1d7dc; border-radius: 25px; cursor: pointer; transition: all 0.2s; font-weight: 500;\"\r\n                        class=\"filter-btn\" id=\"filter-advanced\">Advanced<\/button>\r\n                    <button onclick=\"filterCourses('ai')\"\r\n                        style=\"padding: 10px 20px; background: white; color: #6a6f73; border: 1px solid #d1d7dc; border-radius: 25px; cursor: pointer; transition: all 0.2s; font-weight: 500;\"\r\n                        class=\"filter-btn\" id=\"filter-ai\">AI & ML<\/button>\r\n                    <button onclick=\"filterCourses('arduino')\"\r\n                        style=\"padding: 10px 20px; background: white; color: #6a6f73; border: 1px solid #d1d7dc; border-radius: 25px; cursor: pointer; transition: all 0.2s; font-weight: 500;\"\r\n                        class=\"filter-btn\" id=\"filter-arduino\">Arduino<\/button>\r\n                <\/div>\r\n\r\n                <!-- Sort Dropdown -->\r\n                <div style=\"position: relative;\">\r\n                    <select onchange=\"sortCourses(this.value)\"\r\n                        style=\"padding: 10px 40px 10px 16px; border: 1px solid #d1d7dc; border-radius: 8px; background: white; cursor: pointer; font-weight: 500;\">\r\n                        <option value=\"popular\">Most Popular<\/option>\r\n                        <option value=\"newest\">Newest First<\/option>\r\n                        <option value=\"rating\">Highest Rated<\/option>\r\n                        <option value=\"price-low\">Price: Low to High<\/option>\r\n                        <option value=\"price-high\">Price: High to Low<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Results Counter -->\r\n            <div style=\"margin-top: 20px; color: #6a6f73; font-weight: 500;\" id=\"resultsCounter\">\r\n                Showing <span id=\"courseCount\">6<\/span> courses\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Courses Grid -->\r\n    <div style=\"padding: 60px 0; background: #f7f9fa;\">\r\n        <div style=\"max-width: 1340px; margin: 0 auto; padding: 0 24px;\">\r\n            <div style=\"display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px;\"\r\n                id=\"coursesGrid\">\r\n\r\n                <!-- Course Card 1 - Arduino -->\r\n                <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1); transition: all 0.3s ease; cursor: pointer;\"\r\n                    class=\"course-card\" data-category=\"beginner arduino\" data-rating=\"4.8\" data-price=\"3099\"\r\n                    data-date=\"2024-01-15\" onclick=\"viewCourse('arduino-fundamentals')\"\r\n                    onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)'\"\r\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 20px rgba(0,0,0,0.1)'\">\r\n                    <div style=\"height: 200px; position: relative; overflow: hidden;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/enthira.mo.vc\/wp-content\/uploads\/2025\/08\/circuit-board-close-up-with-different-components-scaled.jpg\"\r\n                            alt=\"Arduino Circuit Board\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; left: 16px; background: rgba(255,255,255,0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: #1c1d1f; z-index: 2;\">\r\n                            BESTSELLER<\/div>\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; right: 16px; background: rgba(76, 175, 80, 0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: white; z-index: 2;\">\r\n                            Beginner<\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 24px;\">\r\n                        <h3\r\n                            style=\"font-size: 1.25rem; font-weight: 700; margin-bottom: 8px; color: #1c1d1f; line-height: 1.4;\">\r\n                            Arduino Programming Fundamentals: Build 15 Projects Step by Step<\/h3>\r\n                        <p style=\"font-size: 0.875rem; color: #6a6f73; margin-bottom: 16px;\">Dr. Sarah Johnson \u2022 8 weeks\r\n                            \u2022 32 lessons<\/p>\r\n\r\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\r\n                            <div style=\"color: #f4c150;\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                            <span style=\"font-size: 0.875rem; font-weight: 600; color: #1c1d1f;\">4.8<\/span>\r\n                            <span style=\"font-size: 0.875rem; color: #6a6f73;\">(3,456 students)<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;\">\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Arduino<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Electronics<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Hands-on<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n                            <div>\r\n                                <span style=\"font-size: 1.5rem; font-weight: 700; color: #1c1d1f;\">\u20b93,099<\/span>\r\n                                <span\r\n                                    style=\"font-size: 0.875rem; color: #6a6f73; text-decoration: line-through; margin-left: 8px;\">\u20b95,999<\/span>\r\n                            <\/div>\r\n                             <button style=\"padding: 8px 16px; background: #5624d0; color: white; border: none; border-radius: 20px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);\"                               \r\n                                onmouseover=\"this.style.boxShadow='inset 0 4px 8px rgba(0,0,0,0.5)'\"\r\n                                onmouseout=\"this.style.boxShadow='inset 0 2px 6px rgba(0,0,0,0.3)'\">\r\n                                Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course Card 2 - Robotics -->\r\n                <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1); transition: all 0.3s ease; cursor: pointer;\"\r\n                    class=\"course-card\" data-category=\"intermediate\" data-rating=\"4.9\" data-price=\"4599\"\r\n                    data-date=\"2024-02-10\" onclick=\"viewCourse('complete-robotics')\"\r\n                    onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)'\"\r\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 20px rgba(0,0,0,0.1)'\">\r\n                    <div style=\"height: 200px; position: relative; overflow: hidden;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/enthira.mo.vc\/wp-content\/uploads\/2025\/08\/3d-rendering-biorobots-concept-1-scaled.jpg\"\r\n                            alt=\"3D Biorobots Concept\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; right: 16px; background: rgba(255, 152, 0, 0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: white; z-index: 2;\">\r\n                            Intermediate<\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 24px;\">\r\n                        <h3\r\n                            style=\"font-size: 1.25rem; font-weight: 700; margin-bottom: 8px; color: #1c1d1f; line-height: 1.4;\">\r\n                            Complete Robotics Course: Build Autonomous Robots from Scratch<\/h3>\r\n                        <p style=\"font-size: 0.875rem; color: #6a6f73; margin-bottom: 16px;\">Prof. Michael Chen \u2022 12\r\n                            weeks \u2022 48 lessons<\/p>\r\n\r\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\r\n                            <div style=\"color: #f4c150;\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                            <span style=\"font-size: 0.875rem; font-weight: 600; color: #1c1d1f;\">4.9<\/span>\r\n                            <span style=\"font-size: 0.875rem; color: #6a6f73;\">(2,187 students)<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;\">\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Robotics<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Autonomous<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Programming<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n                            <div>\r\n                                <span style=\"font-size: 1.5rem; font-weight: 700; color: #1c1d1f;\">\u20b94,599<\/span>\r\n                                <span\r\n                                    style=\"font-size: 0.875rem; color: #6a6f73; text-decoration: line-through; margin-left: 8px;\">\u20b97,999<\/span>\r\n                            <\/div>\r\n                             <button style=\"padding: 8px 16px; background: #5624d0; color: white; border: none; border-radius: 20px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);\"                               \r\n                                onmouseover=\"this.style.boxShadow='inset 0 4px 8px rgba(0,0,0,0.5)'\"\r\n                                onmouseout=\"this.style.boxShadow='inset 0 2px 6px rgba(0,0,0,0.3)'\">\r\n                                Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course Card 3 - Computer Vision -->\r\n                <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1); transition: all 0.3s ease; cursor: pointer;\"\r\n                    class=\"course-card\" data-category=\"advanced ai\" data-rating=\"4.7\" data-price=\"5299\"\r\n                    data-date=\"2024-03-05\" onclick=\"viewCourse('computer-vision')\"\r\n                    onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)'\"\r\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 20px rgba(0,0,0,0.1)'\">\r\n                    <div style=\"height: 200px; position: relative; overflow: hidden;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/enthira.mo.vc\/wp-content\/uploads\/2025\/08\/child-making-robot-scaled.jpg\"\r\n                            alt=\"Child Making Robot\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; left: 16px; background: rgba(255,255,255,0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: #1c1d1f; z-index: 2;\">\r\n                            HOT<\/div>\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; right: 16px; background: rgba(244, 67, 54, 0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: white; z-index: 2;\">\r\n                            Advanced<\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 24px;\">\r\n                        <h3\r\n                            style=\"font-size: 1.25rem; font-weight: 700; margin-bottom: 8px; color: #1c1d1f; line-height: 1.4;\">\r\n                            Computer Vision for Robotics: OpenCV and Deep Learning<\/h3>\r\n                        <p style=\"font-size: 0.875rem; color: #6a6f73; margin-bottom: 16px;\">Dr. Emily Watson \u2022 10 weeks\r\n                            \u2022 40 lessons<\/p>\r\n\r\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\r\n                            <div style=\"color: #f4c150;\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star-half-alt\"><\/i>\r\n                            <\/div>\r\n                            <span style=\"font-size: 0.875rem; font-weight: 600; color: #1c1d1f;\">4.7<\/span>\r\n                            <span style=\"font-size: 0.875rem; color: #6a6f73;\">(1,923 students)<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;\">\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Computer\r\n                                Vision<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">OpenCV<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Deep\r\n                                Learning<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n                            <div>\r\n                                <span style=\"font-size: 1.5rem; font-weight: 700; color: #1c1d1f;\">\u20b95,299<\/span>\r\n                                <span\r\n                                    style=\"font-size: 0.875rem; color: #6a6f73; text-decoration: line-through; margin-left: 8px;\">\u20b98,999<\/span>\r\n                            <\/div>\r\n                               <button style=\"padding: 8px 16px; background: #5624d0; color: white; border: none; border-radius: 20px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);\"                               \r\n                                onmouseover=\"this.style.boxShadow='inset 0 4px 8px rgba(0,0,0,0.5)'\"\r\n                                onmouseout=\"this.style.boxShadow='inset 0 2px 6px rgba(0,0,0,0.3)'\">\r\n                                Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course Card 4 - AI Robotics -->\r\n                <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1); transition: all 0.3s ease; cursor: pointer;\"\r\n                    class=\"course-card\" data-category=\"advanced ai\" data-rating=\"4.9\" data-price=\"6499\"\r\n                    data-date=\"2024-03-20\" onclick=\"viewCourse('ai-robotics')\"\r\n                    onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)'\"\r\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 20px rgba(0,0,0,0.1)'\">\r\n                    <div style=\"height: 200px; position: relative; overflow: hidden;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/enthira.mo.vc\/wp-content\/uploads\/2025\/08\/father-sons-making-robot-scaled.jpg\"\r\n                            alt=\"Father and Sons Making Robot\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; left: 16px; background: rgba(255,255,255,0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: #1c1d1f; z-index: 2;\">\r\n                            NEW<\/div>\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; right: 16px; background: rgba(244, 67, 54, 0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: white; z-index: 2;\">\r\n                            Advanced<\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 24px;\">\r\n                        <h3\r\n                            style=\"font-size: 1.25rem; font-weight: 700; margin-bottom: 8px; color: #1c1d1f; line-height: 1.4;\">\r\n                            AI in Robotics: Machine Learning for Intelligent Robots<\/h3>\r\n                        <p style=\"font-size: 0.875rem; color: #6a6f73; margin-bottom: 16px;\">Dr. James Anderson \u2022 14\r\n                            weeks \u2022 56 lessons<\/p>\r\n\r\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\r\n                            <div style=\"color: #f4c150;\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                            <span style=\"font-size: 0.875rem; font-weight: 600; color: #1c1d1f;\">4.9<\/span>\r\n                            <span style=\"font-size: 0.875rem; color: #6a6f73;\">(876 students)<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;\">\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">AI<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Machine\r\n                                Learning<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Neural\r\n                                Networks<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n                            <div>\r\n                                <span style=\"font-size: 1.5rem; font-weight: 700; color: #1c1d1f;\">\u20b96,499<\/span>\r\n                                <span\r\n                                    style=\"font-size: 0.875rem; color: #6a6f73; text-decoration: line-through; margin-left: 8px;\">\u20b99,999<\/span>\r\n                            <\/div>\r\n                             <button style=\"padding: 8px 16px; background: #5624d0; color: white; border: none; border-radius: 20px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);\"                               \r\n                                onmouseover=\"this.style.boxShadow='inset 0 4px 8px rgba(0,0,0,0.5)'\"\r\n                                onmouseout=\"this.style.boxShadow='inset 0 2px 6px rgba(0,0,0,0.3)'\">\r\n                                Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course Card 5 - IoT Robotics -->\r\n                <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1); transition: all 0.3s ease; cursor: pointer;\"\r\n                    class=\"course-card\" data-category=\"intermediate arduino\" data-rating=\"4.6\" data-price=\"3999\"\r\n                    data-date=\"2024-01-30\" onclick=\"viewCourse('iot-robotics')\"\r\n                    onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)'\"\r\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 20px rgba(0,0,0,0.1)'\">\r\n                    <div style=\"height: 200px; position: relative; overflow: hidden;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/enthira.mo.vc\/wp-content\/uploads\/2025\/08\/home-made-robot-desk-scaled.jpg\"\r\n                            alt=\"Home Made Robot on Desk\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                        <div\r\n                            style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(168, 237, 234, 0.8) 0%, rgba(254, 214, 227, 0.8) 100%);\">\r\n                        <\/div>\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; right: 16px; background: rgba(255, 152, 0, 0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: white; z-index: 2;\">\r\n                            Intermediate<\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 24px;\">\r\n                        <h3\r\n                            style=\"font-size: 1.25rem; font-weight: 700; margin-bottom: 8px; color: #1c1d1f; line-height: 1.4;\">\r\n                            IoT and Robotics Integration: Smart Connected Robots<\/h3>\r\n                        <p style=\"font-size: 0.875rem; color: #6a6f73; margin-bottom: 16px;\">Lisa Wang \u2022 8 weeks \u2022 35\r\n                            lessons<\/p>\r\n\r\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\r\n                            <div style=\"color: #f4c150;\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star-half-alt\"><\/i>\r\n                            <\/div>\r\n                            <span style=\"font-size: 0.875rem; font-weight: 600; color: #1c1d1f;\">4.6<\/span>\r\n                            <span style=\"font-size: 0.875rem; color: #6a6f73;\">(1,534 students)<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;\">\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">IoT<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Connectivity<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Smart\r\n                                Devices<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n                            <div>\r\n                                <span style=\"font-size: 1.5rem; font-weight: 700; color: #1c1d1f;\">\u20b93,999<\/span>\r\n                                <span\r\n                                    style=\"font-size: 0.875rem; color: #6a6f73; text-decoration: line-through; margin-left: 8px;\">\u20b96,499<\/span>\r\n                            <\/div>\r\n                              <button style=\"padding: 8px 16px; background: #5624d0; color: white; border: none; border-radius: 20px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);\"                               \r\n                                onmouseover=\"this.style.boxShadow='inset 0 4px 8px rgba(0,0,0,0.5)'\"\r\n                                onmouseout=\"this.style.boxShadow='inset 0 2px 6px rgba(0,0,0,0.3)'\">\r\n                                Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Course Card 6 - Drone Programming -->\r\n                <div style=\"background: white; border-radius: 15px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.1); transition: all 0.3s ease; cursor: pointer;\"\r\n                    class=\"course-card\" data-category=\"intermediate\" data-rating=\"4.8\" data-price=\"4799\"\r\n                    data-date=\"2024-02-25\" onclick=\"viewCourse('drone-programming')\"\r\n                    onmouseover=\"this.style.transform='translateY(-8px)'; this.style.boxShadow='0 20px 40px rgba(0,0,0,0.15)'\"\r\n                    onmouseout=\"this.style.transform='translateY(0)'; this.style.boxShadow='0 5px 20px rgba(0,0,0,0.1)'\">\r\n                    <div style=\"height: 200px; position: relative; overflow: hidden;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/enthira.mo.vc\/wp-content\/uploads\/2025\/08\/37416-scaled.jpg\"\r\n                            alt=\"Advanced Robotics Technology\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                        <div\r\n                            style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(116, 185, 255, 0.8) 0%, rgba(9, 132, 227, 0.8) 100%);\">\r\n                        <\/div>\r\n                        <div\r\n                            style=\"position: absolute; top: 16px; right: 16px; background: rgba(255, 152, 0, 0.9); padding: 6px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; color: white; z-index: 2;\">\r\n                            Intermediate<\/div>\r\n                    <\/div>\r\n                    <div style=\"padding: 24px;\">\r\n                        <h3\r\n                            style=\"font-size: 1.25rem; font-weight: 700; margin-bottom: 8px; color: #1c1d1f; line-height: 1.4;\">\r\n                            Drone Programming & Autonomous Flight Control<\/h3>\r\n                        <p style=\"font-size: 0.875rem; color: #6a6f73; margin-bottom: 16px;\">Alex Kumar \u2022 10 weeks \u2022 42\r\n                            lessons<\/p>\r\n\r\n                        <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 16px;\">\r\n                            <div style=\"color: #f4c150;\">\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                                <i class=\"fas fa-star\"><\/i>\r\n                            <\/div>\r\n                            <span style=\"font-size: 0.875rem; font-weight: 600; color: #1c1d1f;\">4.8<\/span>\r\n                            <span style=\"font-size: 0.875rem; color: #6a6f73;\">(1,245 students)<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap;\">\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Drones<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Flight\r\n                                Control<\/span>\r\n                            <span\r\n                                style=\"background: #e1f5fe; color: #0277bd; padding: 4px 8px; border-radius: 12px; font-size: 0.75rem; font-weight: 500;\">Autonomous<\/span>\r\n                        <\/div>\r\n\r\n                        <div style=\"display: flex; justify-content: space-between; align-items: center;\">\r\n                            <div>\r\n                                <span style=\"font-size: 1.5rem; font-weight: 700; color: #1c1d1f;\">\u20b94,799<\/span>\r\n                                <span\r\n                                    style=\"font-size: 0.875rem; color: #6a6f73; text-decoration: line-through; margin-left: 8px;\">\u20b97,299<\/span>\r\n                            <\/div>\r\n                            <button style=\"padding: 8px 16px; background: #5624d0; color: white; border: none; border-radius: 20px; font-size: 0.875rem; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3);\"                               \r\n                                onmouseover=\"this.style.boxShadow='inset 0 4px 8px rgba(0,0,0,0.5)'\"\r\n                                onmouseout=\"this.style.boxShadow='inset 0 2px 6px rgba(0,0,0,0.3)'\">\r\n                                Enroll Now\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Load More Button -->\r\n            <div style=\"text-align: center; margin-top: 60px;\">\r\n                <button onclick=\"loadMoreCourses()\"\r\n                    style=\"padding: 15px 40px; background: transparent; color: #667eea; border: 2px solid #667eea; border-radius: 50px; font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease;\"\r\n                    onmouseover=\"this.style.background='#667eea'; this.style.color='white'\"\r\n                    onmouseout=\"this.style.background='transparent'; this.style.color='#667eea'\">Load More\r\n                    Courses<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Newsletter CTA - Matching Homepage Style -->\r\n    <div\r\n        style=\"padding: 80px 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; text-align: center;\">\r\n        <div style=\"max-width: 1340px; margin: 0 auto; padding: 0 24px;\">\r\n            <h2 style=\"font-size: 2.5rem; font-weight: 700; margin-bottom: 24px;\">Stay Updated with New Courses<\/h2>\r\n            <p style=\"font-size: 1.25rem; margin-bottom: 40px; opacity: 0.9;\">Be the first to know when we launch new\r\n                robotics courses and get exclusive discounts.<\/p>\r\n\r\n            <div\r\n                style=\"background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 20px; padding: 40px; margin: 0 auto; border: 1px solid rgba(255, 255, 255, 0.2); max-width: 600px;\">\r\n                <div style=\"display: flex; gap: 16px; flex-wrap: wrap; justify-content: center;\">\r\n                    <input type=\"email\" placeholder=\"Enter your email address\"\r\n                        style=\"flex: 1; min-width: 250px; padding: 15px 20px; border: none; border-radius: 50px; font-size: 16px; outline: none;\">\r\n                           <button style=\"padding: 15px 30px; background: #5624d0; color: white; border: none; border-radius: 50px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.2s; box-shadow: inset 0 2px 6px rgba(0,0,0,0.3); white-space: nowrap;\"                               \r\n                                onmouseover=\"this.style.boxShadow='inset 0 4px 8px rgba(0,0,0,0.5)'\"\r\n                                onmouseout=\"this.style.boxShadow='inset 0 2px 6px rgba(0,0,0,0.3)'\">\r\n                               Subscribe Now\r\n                            <\/button>\r\n                <\/div>\r\n                <p style=\"margin-top: 16px; font-size: 0.875rem; opacity: 0.8;\">Join 25,000+ robotics enthusiasts\r\n                    already subscribed<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Hero Section Styles *\/\r\n.hero-section {\r\n    background: url('https:\/\/enthira.mo.vc\/wp-content\/uploads\/2025\/08\/gabriele-malaspina-CjWsslYVnPI-unsplash-scaled.jpg') \r\n        no-repeat center center \/ cover;\r\n    color: white;\r\n    min-height: 60vh; \/* Reduced from 90vh to 60vh *\/\r\n    display: flex;\r\n    align-items: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 80px 0; \/* Reduced from 120px to 80px *\/\r\n}\r\n\r\n.hero-overlay {\r\n    background: rgba(0, 0, 0, 0.5); \/* Darker overlay for better text readability *\/\r\n    position: absolute;\r\n    top: 0; \r\n    left: 0; \r\n    right: 0; \r\n    bottom: 0;\r\n    z-index: 1;\r\n}\r\n\r\n.hero-container {\r\n    max-width: 1340px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n    width: 100%;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n.hero-title {\r\n    font-size: 4rem;\r\n    font-weight: 700;\r\n    margin-bottom: 24px;\r\n    line-height: 1.2;\r\n    animation: slideInUp 1s ease-out;\r\n    color: white;\r\n    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.hero-description {\r\n    font-size: 1rem;\r\n    margin: 0 auto 32px auto;\r\n    opacity: 0.95;\r\n    animation: slideInUp 1s ease-out 0.3s both;\r\n    max-width: 800px;\r\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); \/* Enhanced text shadow *\/\r\n}\r\n\r\n.search-container {\r\n    max-width: 600px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    animation: slideInUp 1s ease-out 0.6s both;\r\n}\r\n\r\n.search-input {\r\n    width: 100%;\r\n    padding: 18px 60px 18px 24px; \/* Increased padding *\/\r\n    border: none;\r\n    border-radius: 15px; \/* Changed from 50px to 15px for less rounded corners *\/\r\n    font-size: 16px;\r\n    outline: none;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.3); \/* Enhanced shadow *\/\r\n}\r\n\r\n.search-icon {\r\n    position: absolute;\r\n    right: 24px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    color: #6a6f73;\r\n    font-size: 1.2rem;\r\n}\r\n\r\n\/* Floating particles *\/\r\n.floating-particle {\r\n    position: absolute;\r\n    width: 4px;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.6);\r\n    border-radius: 50%;\r\n    animation: floatParticle 10s infinite linear;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes slideInUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(50px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes floatParticle {\r\n    0% {\r\n        transform: translateY(100vh) rotate(0deg);\r\n        opacity: 0;\r\n    }\r\n    10% {\r\n        opacity: 1;\r\n    }\r\n    90% {\r\n        opacity: 1;\r\n    }\r\n    100% {\r\n        transform: translateY(-100px) rotate(360deg);\r\n        opacity: 0;\r\n    }\r\n}\r\n\r\n\/* Filter button styles *\/\r\n.filter-btn:hover {\r\n    background: #1c1d1f !important;\r\n    color: white !important;\r\n    border-color: #1c1d1f !important;\r\n}\r\n\r\n.filter-btn.active {\r\n    background: #1c1d1f !important;\r\n    color: white !important;\r\n    border-color: #1c1d1f !important;\r\n}\r\n\r\n\/* Course card image hover effect *\/\r\n.course-card img {\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.course-card:hover img {\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Responsive design *\/\r\n@media (max-width: 1200px) {\r\n    .hero-title {\r\n        font-size: 3.5rem;\r\n    }\r\n    .hero-description {\r\n        font-size: 1.3rem;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-section {\r\n        min-height: 80vh;\r\n        padding: 80px 0;\r\n    }\r\n    .hero-title {\r\n        font-size: 2.8rem;\r\n    }\r\n    .hero-description {\r\n        font-size: 1.2rem;\r\n    }\r\n    .search-input {\r\n        padding: 16px 50px 16px 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-section {\r\n        min-height: 70vh;\r\n        padding: 60px 0;\r\n    }\r\n    .hero-title {\r\n        font-size: 2.2rem;\r\n    }\r\n    .hero-description {\r\n        font-size: 1.1rem;\r\n    }\r\n    .hero-container {\r\n        padding: 0 16px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n    \/\/ Course filtering and search functionality\r\n    let allCourses = [];\r\n    let filteredCourses = [];\r\n    let currentFilter = 'all';\r\n\r\n    \/\/ Initialize courses array from DOM\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n        allCourses = Array.from(document.querySelectorAll('.course-card'));\r\n        filteredCourses = [...allCourses];\r\n        updateCourseCount();\r\n    });\r\n\r\n    \/\/ Filter courses by category\r\n    function filterCourses(category) {\r\n        currentFilter = category;\r\n\r\n        \/\/ Update filter button states\r\n        document.querySelectorAll('.filter-btn').forEach(btn => {\r\n            btn.classList.remove('active');\r\n            btn.style.background = 'white';\r\n            btn.style.color = '#6a6f73';\r\n            btn.style.borderColor = '#d1d7dc';\r\n        });\r\n\r\n        const activeBtn = document.getElementById('filter-' + category);\r\n        if (activeBtn) {\r\n            activeBtn.classList.add('active');\r\n            activeBtn.style.background = '#1c1d1f';\r\n            activeBtn.style.color = 'white';\r\n            activeBtn.style.borderColor = '#1c1d1f';\r\n        }\r\n\r\n        \/\/ Filter courses\r\n        filteredCourses = allCourses.filter(course => {\r\n            if (category === 'all') return true;\r\n            return course.dataset.category.includes(category);\r\n        });\r\n\r\n        displayCourses();\r\n        updateCourseCount();\r\n    }\r\n\r\n    \/\/ Search courses\r\n    function searchCourses() {\r\n        const searchTerm = document.getElementById('courseSearch').value.toLowerCase();\r\n\r\n        filteredCourses = allCourses.filter(course => {\r\n            const title = course.querySelector('h3').textContent.toLowerCase();\r\n            const tags = course.querySelector('div[style*=\"flex-wrap\"]').textContent.toLowerCase();\r\n\r\n            const matchesSearch = title.includes(searchTerm) || tags.includes(searchTerm);\r\n            const matchesFilter = currentFilter === 'all' || course.dataset.category.includes(currentFilter);\r\n\r\n            return matchesSearch && matchesFilter;\r\n        });\r\n\r\n        displayCourses();\r\n        updateCourseCount();\r\n    }\r\n\r\n    \/\/ Sort courses\r\n    function sortCourses(sortBy) {\r\n        switch (sortBy) {\r\n            case 'popular':\r\n                filteredCourses.sort((a, b) => {\r\n                    const aStudents = parseInt(a.querySelector('span:last-of-type').textContent.replace(\/[^\\d]\/g, ''));\r\n                    const bStudents = parseInt(b.querySelector('span:last-of-type').textContent.replace(\/[^\\d]\/g, ''));\r\n                    return bStudents - aStudents;\r\n                });\r\n                break;\r\n            case 'newest':\r\n                filteredCourses.sort((a, b) => new Date(b.dataset.date) - new Date(a.dataset.date));\r\n                break;\r\n            case 'rating':\r\n                filteredCourses.sort((a, b) => parseFloat(b.dataset.rating) - parseFloat(a.dataset.rating));\r\n                break;\r\n            case 'price-low':\r\n                filteredCourses.sort((a, b) => parseInt(a.dataset.price) - parseInt(b.dataset.price));\r\n                break;\r\n            case 'price-high':\r\n                filteredCourses.sort((a, b) => parseInt(b.dataset.price) - parseInt(a.dataset.price));\r\n                break;\r\n        }\r\n\r\n        displayCourses();\r\n    }\r\n\r\n    \/\/ Display filtered courses\r\n    function displayCourses() {\r\n        const grid = document.getElementById('coursesGrid');\r\n\r\n        \/\/ Hide all courses first\r\n        allCourses.forEach(course => {\r\n            course.style.display = 'none';\r\n        });\r\n\r\n        \/\/ Show filtered courses\r\n        filteredCourses.forEach(course => {\r\n            course.style.display = 'block';\r\n        });\r\n    }\r\n\r\n    \/\/ Update course count\r\n    function updateCourseCount() {\r\n        document.getElementById('courseCount').textContent = filteredCourses.length;\r\n    }\r\n\r\n    \/\/ View course details\r\n    function viewCourse(courseId) {\r\n        const courseInfo = {\r\n            'arduino-fundamentals': 'Arduino Programming Fundamentals - Perfect for beginners! Learn electronics, programming, and build 15 amazing projects.',\r\n            'complete-robotics': 'Complete Robotics Course - Build autonomous robots from scratch with advanced programming techniques.',\r\n            'computer-vision': 'Computer Vision for Robotics - Master OpenCV and deep learning for intelligent robot vision systems.',\r\n            'ai-robotics': 'AI in Robotics - Integrate machine learning and neural networks into your robotics projects.',\r\n            'iot-robotics': 'IoT and Robotics Integration - Create smart, connected robots that communicate over the internet.',\r\n            'drone-programming': 'Drone Programming - Learn autonomous flight control and aerial robotics programming.'\r\n        };\r\n\r\n        alert(courseInfo[courseId] || 'Course details coming soon!');\r\n    }\r\n\r\n    \/\/ Load more courses (simulation)\r\n    function loadMoreCourses() {\r\n        alert('Loading more courses... In a real implementation, this would fetch additional courses from your database.');\r\n    }\r\n\r\n    \/\/ Smooth scroll for search focus\r\n    document.getElementById('courseSearch').addEventListener('focus', function () {\r\n        this.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    });\r\n<\/script>\r\n\r\n<link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\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>Master Robotics with Expert-Led Courses From Arduino basics to advanced AI robotics &#8211; choose from 200+ courses designed by industry [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"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":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-141","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/pages\/141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/comments?post=141"}],"version-history":[{"count":49,"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/pages\/141\/revisions"}],"predecessor-version":[{"id":466,"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/pages\/141\/revisions\/466"}],"wp:attachment":[{"href":"https:\/\/enthira.mo.vc\/index.php\/wp-json\/wp\/v2\/media?parent=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}