School ERP Banner<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n background: #f5f7fa;\r\n }\r\n\r\n \/* Banner Section *\/\r\n .banner {\r\n background: #eef2f7;\r\n color: #333;\r\n padding: 60px 10%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n }\r\n\r\n .banner-text, .banner-img {\r\n flex: 1 1 50%; \/* Equal 50% space each *\/\r\n max-width: 50%;\r\n }\r\n\r\n .banner-text h1 {\r\n font-size: 36px;\r\n line-height: 1.4;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n color: #1a202c;\r\n }\r\n\r\n .banner-text p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n opacity: 0.8;\r\n }\r\n\r\n .banner-img {\r\n text-align: right;\r\n }\r\n\r\n .banner-img img {\r\n width: 100%; \/* Image will fill its half *\/\r\n height: auto;\r\n border-radius: 12px;\r\n animation: floaty 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{ transform: translateY(0); }\r\n 50%{ transform: translateY(-10px); }\r\n }\r\n\r\n \/* Stats Section *\/\r\n .stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin: -40px auto 40px;\r\n flex-wrap: wrap;\r\n width: 90%;\r\n }\r\n\r\n .stat-box {\r\n background: #fff;\r\n color: #000;\r\n padding: 20px;\r\n text-align: center;\r\n border-radius: 10px;\r\n flex: 1 1 150px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .stat-box:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.15);\r\n }\r\n\r\n .stat-box i {\r\n font-size: 32px;\r\n color: #ff4d00;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .stat-box h2 {\r\n font-size: 24px;\r\n color: #ff4d00;\r\n margin: 0 0 10px;\r\n }\r\n\r\n .stat-box p {\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin: 0;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 900px) {\r\n .banner {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .banner-text, .banner-img {\r\n max-width: 100%;\r\n flex: 1 1 100%;\r\n }\r\n .banner-img {\r\n margin-top: 30px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .stats {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"banner\">\r\n <div class=\"banner-text\">\r\n <h1>\r\n <h1>A Next-Generation School ERP powered by Java Spring Security.<br> Experience enterprise-grade protection with seamless performance.<\/h1>\r\n <p>\r\n Enabling connected schools, unlocking new possibilities. \r\n An integrated ecosystem of educational products that work together seamlessly.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"banner-img\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/media.istockphoto.com\/id\/916064272\/vector\/training-concept.jpg?s=612x612&w=0&k=20&c=JWc3fFVXWtXShTRrqNQyDUj-yo1gD20gVNGrhjXT2po=\" alt=\"School ERP Illustration\">\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"stats\">\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n <h2>11+<\/h2>\r\n <p>Successful Years<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-face-smile\"><\/i>\r\n <h2>300+<\/h2>\r\n <p>Happy Clients<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <h2>99%<\/h2>\r\n <p>Customer Satisfaction<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-file-lines\"><\/i>\r\n <h2>1500+<\/h2>\r\n <p>Reports<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-puzzle-piece\"><\/i>\r\n <h2>45+<\/h2>\r\n <p>Modules<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-user-graduate\"><\/i>\r\n <h2>100000+<\/h2>\r\n <p>Students<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b634ed e-flex e-con-boxed e-con e-parent\" data-id=\"0b634ed\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5bd60a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d5bd60a\" data-element_type=\"widget\" data-settings=\"{"_animation":"zoomIn"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>School ERP Management Software<\/title>\r\n\r\n \r\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f9f9f9;\r\n color: #333;\r\n }\r\n\r\n .section {\r\n text-align: center;\r\n padding: 70px 20px;\r\n background: #fff;\r\n }\r\n\r\n .section h2 {\r\n font-size: 18px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n color: #90B63C; \/* Custom green *\/\r\n }\r\n\r\n .section h1 {\r\n font-size: 36px;\r\n font-weight: 800;\r\n margin-bottom: 25px;\r\n line-height: 1.2;\r\n }\r\n\r\n .section p {\r\n max-width: 850px;\r\n margin: 0 auto 60px;\r\n line-height: 1.8;\r\n font-size: 16px;\r\n color: #555;\r\n }\r\n\r\n .cards {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: auto;\r\n }\r\n\r\n .card {\r\n background: #ffffff;\r\n border-radius: 15px;\r\n padding: 30px 20px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n text-align: left;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-height: 360px;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-10px) scale(1.03);\r\n box-shadow: 0 12px 28px rgba(0,0,0,0.2);\r\n }\r\n\r\n .card img {\r\n width: 60px;\r\n height: 60px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card h3 {\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n color: #000;\r\n text-align: center;\r\n min-height: 55px;\r\n }\r\n\r\n .card p {\r\n font-size: 15px;\r\n margin-bottom: auto;\r\n color: #444;\r\n text-align: center;\r\n }\r\n\r\n .read-more,\r\n button,\r\n input[type=\"submit\"] {\r\n background-color: #90B63C !important;\r\n border: 1px solid #90B63C !important;\r\n color: #fff !important;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .read-more:hover,\r\n button:hover,\r\n input[type=\"submit\"]:hover {\r\n background-color: #92B841 !important;\r\n border-color: #92B841 !important;\r\n color: #fff !important;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .cards {\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .section h1 {\r\n font-size: 28px;\r\n }\r\n .section p {\r\n font-size: 15px;\r\n margin-bottom: 40px;\r\n }\r\n .card {\r\n min-height: 380px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"section\">\r\n <h2>OUR PRODUCTS & SERVICES<\/h2>\r\n <h1>School ERP Management Software<\/h1>\r\n <p>\r\n Amplify your school with the most credible cloud-based management software \r\n to administer your school efficiently by digitalizing and automating day-to-day \r\n academic and administrative activities, while managing students\u2019 progress \r\n through better parent-teacher communication.\r\n <\/p>\r\n\r\n <div class=\"cards\">\r\n \r\n <div class=\"card\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/bus.png\" alt=\"Transport\">\r\n <h3>Transport Management System<\/h3>\r\n <p>Helps students, parents, staff, and management manage transport efficiently.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/books.png\" alt=\"Library\">\r\n <h3>Library Management System<\/h3>\r\n <p>Manage library operations efficiently with automation.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/calendar.png\" alt=\"Timetable\">\r\n <h3>Timetable Management<\/h3>\r\n <p>Generate and modify timetables easily for teachers and administrators.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/calculator.png\" alt=\"Accounting\">\r\n <h3>Accounting & Fee System<\/h3>\r\n <p>Manage student fee collection records efficiently.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/alarm.png\" alt=\"Alert\">\r\n <h3>Alert Management System<\/h3>\r\n <p>Track ongoing tasks and monitor their current status.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/conference.png\" alt=\"Parent Teacher\">\r\n <h3>Parent \u2013 Teacher Interaction Module<\/h3>\r\n <p>Get real-time updates on your child\u2019s daily performance.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/report-card.png\" alt=\"U-Dise\">\r\n <h3>U-Dise Reports<\/h3>\r\n <p>Generates and submits data to the Unified District Information System for Education (U-DISE).<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/event-management.png\">\r\n <h3>Event Management<\/h3>\r\n <p>Plans, organizes, and tracks school events and activities.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/management.png\" alt=\"HR\">\r\n <h3>HR Management<\/h3>\r\n <p>Manages employee records, recruitment, and HR-related processes.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"900\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/fingerprint.png\" alt=\"Biometric\">\r\n <h3>Biometric Integration<\/h3>\r\n <p>Integrates biometric authentication for access control and attendance tracking.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1000\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/warehouse.png\" alt=\"Inventory\">\r\n <h3>Inventory Management<\/h3>\r\n <p>Manages school inventory, procurement, and asset tracking.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1100\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/lock-2.png\" alt=\"Access\">\r\n <h3>Access Management System<\/h3>\r\n <p>Controls user access and security features within the software.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1200\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/shedule-services.png\">\r\n <h3>Scheduled Services<\/h3>\r\n <p>Optimizes scheduling of services such as maintenance and transportation.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1300\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/help.png\" alt=\"Services Requests\">\r\n <h3>Services Requests - Staff<\/h3>\r\n <p>Handles service requests from parents and staff members.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1400\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/picture.png\" alt=\"Photo Gallery\">\r\n <h3>Photo Gallery & School Videos<\/h3>\r\n <p>Stores and shares photos and videos of school events and activities.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1500\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/news.png\" alt=\"News\">\r\n <h3>News & Events<\/h3>\r\n <p>Communicates school news and upcoming events to the school community.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1600\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/invite.png\" alt=\"Invitees\">\r\n <h3>Invitees Management<\/h3>\r\n <p>Manages guest lists and invitations for school events and functions.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1700\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/student-male.png\" alt=\"Student Behavior\">\r\n <h3>Student Behavior Management<\/h3>\r\n <p>Records and manages student behavior incidents and interventions.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n <script>\r\n AOS.init({\r\n duration: 1000,\r\n once: true\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6afc32e e-flex e-con-boxed e-con e-parent\" data-id=\"6afc32e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f82d5e3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f82d5e3\" data-element_type=\"widget\" data-settings=\"{"_animation":"flash"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"featured-tech\">\r\n <div class=\"section-heading\">\r\n <h5>Manage Your School With<\/h5>\r\n <h2 style=\"color: #90B63C;\">ERP Modules<\/h2> \r\n <\/div>\r\n\r\n <div class=\"course-grid\">\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/bus.png\" alt=\"Transport Management\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Transport Management<\/h3>\r\n <p>Manage school transport operations efficiently for students, staff, and vehicles.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/books.png\" alt=\"Library Management\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Library Management<\/h3>\r\n <p>Automate library operations, track books, and manage members efficiently.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/calendar.png\" alt=\"Timetable Management\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Timetable Management<\/h3>\r\n <p>Create and manage daily schedules for students and teachers easily.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/calculator.png\" alt=\"Accounting & Fees\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Accounting & Fee System<\/h3>\r\n <p>Track student fee collection and manage school accounts efficiently.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/conference.png\" alt=\"Parent Teacher Interaction\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Parent-Teacher Interaction<\/h3>\r\n <p>Communicate with parents and monitor student performance in real-time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"flip-left\" data-aos-delay=\"600\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/fingerprint.png\" alt=\"Biometric Integration\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Biometric Integration<\/h3>\r\n <p>Integrate fingerprint or face recognition for attendance and security.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"flip-right\" data-aos-delay=\"700\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/news.png\" alt=\"News & Announcements\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">News & Announcements<\/h3>\r\n <p>Communicate school updates, notices, and events to students and parents.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"zoom-in-up\" data-aos-delay=\"800\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/lock-2.png\" alt=\"Access Control\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Access Control<\/h3>\r\n <p>Manage user roles and secure access to sensitive information within the ERP.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n AOS.init({\r\n duration: 1000,\r\n once: true,\r\n easing: 'ease-in-out'\r\n });\r\n<\/script>\r\n\r\n<style>\r\n.featured-tech .section-heading {\r\n text-align: center;\r\n margin: 40px 0;\r\n}\r\n.featured-tech .section-heading h5 {\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n color: #2c3e50;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n}\r\n.featured-tech .section-heading h2 {\r\n font-size: 31px;\r\n font-weight: 700;\r\n color: #f7941d;\r\n margin: 0;\r\n}\r\n.course-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 25px;\r\n margin: 50px auto;\r\n max-width: 1200px;\r\n padding: 0 20px;\r\n}\r\n.course-card {\r\n border: 1px solid #eee;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: #fff;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease-in-out;\r\n text-align: center;\r\n padding: 20px 15px;\r\n}\r\n.course-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n}\r\n.course-card img {\r\n width: 50px;\r\n height: 50px;\r\n object-fit: contain;\r\n margin-bottom: 10px;\r\n}\r\n.course-body h3 {\r\n font-size: 16px;\r\n margin-bottom: 8px;\r\n}\r\n.course-body p {\r\n font-size: 14px;\r\n color: #555;\r\n}\r\n@media (max-width: 768px) {\r\n .course-card h3 { font-size: 15px; }\r\n .course-body p { font-size: 13px; }\r\n}\r\n@media (max-width: 480px) {\r\n .course-grid { grid-template-columns: 1fr; gap: 20px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a867ce e-flex e-con-boxed e-con e-parent\" data-id=\"8a867ce\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-011073c elementor-widget elementor-widget-html\" data-id=\"011073c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"school-announcements\">\r\n <div class=\"container\">\r\n <h2 class=\"title\">School Announcements<\/h2>\r\n\r\n <div class=\"announcements-list\">\r\n \r\n <div class=\"announcement-card\">\r\n <h3>New Admission Guidelines<\/h3>\r\n <p>Updated rules and documents required for the 2025-26 admission cycle are now available on the ERP portal.<\/p>\r\n <span class=\"date\"style=\"color: #90B63C;\">Posted on: Aug 20, 2025<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"announcement-card\">\r\n <h3>Holiday Notification<\/h3>\r\n <p>The school will remain closed on Oct 2nd for Gandhi Jayanti. Classes will resume from Oct 3rd.<\/p>\r\n <span class=\"date\"style=\"color: #90B63C;\">Posted on: Aug 10, 2025<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"announcement-card\">\r\n <h3>Fee Payment Reminder<\/h3>\r\n <p>Parents are requested to pay the 2nd-term fee by Sept 30, 2025 via the ERP fee payment module.<\/p>\r\n <span class=\"date\"style=\"color: #90B63C;\">Posted on: Aug 5, 2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n .school-announcements {\r\n background: #eef6ff;\r\n padding: 60px 20px;\r\n text-align: center;\r\n }\r\n\r\n .school-announcements .subtitle {\r\n font-size: 14px;\r\n color: #0077b6;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .school-announcements .title {\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .announcements-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .announcement-card {\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 18px rgba(0,0,0,0.08);\r\n text-align: left;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .announcement-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 25px rgba(0,0,0,0.15);\r\n }\r\n\r\n .announcement-card h3 {\r\n font-size: 20px;\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .announcement-card p {\r\n font-size: 14px;\r\n color: #555;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .announcement-card .date {\r\n font-size: 12px;\r\n color: #0077b6;\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .school-announcements .title { font-size: 26px; }\r\n .announcement-card h3 { font-size: 18px; }\r\n .announcement-card p { font-size: 13px; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f31fbb4 e-flex e-con-boxed e-con e-parent\" data-id=\"f31fbb4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6be587a elementor-widget elementor-widget-html\" data-id=\"6be587a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>ERP Testimonials Section<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.css\" \/>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: \"Poppins\", sans-serif;\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n .testimonial-section {\r\n padding: 80px 20px;\r\n background: #111;\r\n text-align: center;\r\n }\r\n\r\n .testimonial-section h5 {\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .testimonial-section h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin-bottom: 40px;\r\n color: #fff;\r\n }\r\n\r\n .swiper {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: auto;\r\n }\r\n\r\n .swiper-slide {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n \/* Subtle translucent background behind text *\/\r\n .testimonial-slide-bg {\r\n background: rgba(0,0,0,0.6);\r\n padding: 40px 30px;\r\n border-radius: 15px;\r\n max-width: 700px;\r\n }\r\n\r\n .testimonial-quote {\r\n font-size: 20px;\r\n font-style: italic;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n color: #f0f0f0;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #fff;\r\n }\r\n\r\n .testimonial-role {\r\n font-style: italic;\r\n font-size: 14px;\r\n color: #ddd;\r\n }\r\n\r\n .swiper-pagination-bullet {\r\n background: #bbb;\r\n opacity: 1;\r\n }\r\n\r\n \/* Active pagination bullet *\/\r\n.swiper-pagination-bullet-active {\r\n background: #90B63C; \/* custom green shade *\/\r\n}\r\n\r\n\r\n @media (max-width: 768px) {\r\n .testimonial-quote {\r\n font-size: 18px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"testimonial-section\">\r\n \r\n <h5 style=\"color: #90B63C;\">Our Users<\/h5>\r\n <h2>ERP Testimonials<\/h2>\r\n\r\n <div class=\"swiper mySwiper\">\r\n <div class=\"swiper-wrapper\">\r\n\r\n \r\n <div class=\"swiper-slide\">\r\n <div class=\"testimonial-slide-bg\">\r\n <p class=\"testimonial-quote\">\u201cThe School ERP has streamlined all academic and administrative tasks. Now managing schedules and attendance is effortless!\u201d<\/p>\r\n <p class=\"testimonial-author\">Anjali Verma<\/p>\r\n <p class=\"testimonial-role\">Class Teacher<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"swiper-slide\">\r\n <div class=\"testimonial-slide-bg\">\r\n <p class=\"testimonial-quote\">\u201cAs a parent, I can track my child\u2019s progress and fees instantly. The ERP system keeps me well-informed and connected.\u201d<\/p>\r\n <p class=\"testimonial-author\">Rahul Sharma<\/p>\r\n <p class=\"testimonial-role\">Parent<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"swiper-slide\">\r\n <div class=\"testimonial-slide-bg\">\r\n <p class=\"testimonial-quote\">\u201cOur students enjoy using the ERP for assignments and timetables. It makes school life more organized and interactive.\u201d<\/p>\r\n <p class=\"testimonial-author\">Priya Singh<\/p>\r\n <p class=\"testimonial-role\">Student<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div class=\"swiper-pagination\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.js\"><\/script>\r\n <script>\r\n var swiper = new Swiper(\".mySwiper\", {\r\n pagination: {\r\n el: \".swiper-pagination\",\r\n clickable: true,\r\n },\r\n autoplay: {\r\n delay: 4000,\r\n disableOnInteraction: false,\r\n },\r\n loop: true,\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0619193 e-flex e-con-boxed e-con e-parent\" data-id=\"0619193\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ff776 elementor-widget elementor-widget-html\" data-id=\"f4ff776\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"erp-news\">\r\n <div class=\"section-heading\">\r\n <h5 style=\"color: #90B63C;\">Latest Updates<\/h5>\r\n\r\n <h2>School ERP News<\/h2>\r\n <div class=\"heading-underline\" style=\"background-color: #90B63C;\"><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"blog-container\">\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/academic-management.png\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\"style=\"color: #90B63C;\">MARCH 6, 2025 \u2022 3 Updates<\/span>\r\n <h3>New School Infrastructure<\/h3>\r\n <p>Our school has launched new classrooms and labs, improving learning facilities for all students.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/quiz.png\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\"style=\"color: #90B63C;\">APRIL 10, 2025 \u2022 5 Updates<\/span>\r\n <h3>Online Classes Launched<\/h3>\r\n <p>Students can now attend live classes remotely via the ERP system with integrated attendance tracking.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/80\/000000\/certificate.png\" alt=\"Exam Results\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\" style=\"color: #90B63C;\">MAY 5, 2025 \u2022 2 Updates<\/span>\r\n <h3>Exam Results Published<\/h3>\r\n <p>Students can now view their exam results online via ERP, along with performance analytics and feedback.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/event-management.png\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\" style=\"color: #90B63C;\">JUNE 12, 2025 \u2022 4 Updates<\/span>\r\n <h3>Parent-Teacher Meetings<\/h3>\r\n <p>ERP enables scheduling and virtual meetings with parents, ensuring better communication about student progress.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/80\/000000\/calendar.png\" alt=\"Event Calendar\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\" style=\"color: #90B63C;\">JULY 1, 2025 \u2022 6 Updates<\/span>\r\n <h3>School Event Calendar<\/h3>\r\n <p>All upcoming events and competitions are now listed in the ERP, allowing students and teachers to stay updated.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/80\/000000\/attendance-mark.png\" alt=\"Attendance Tracking\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\"style=\"color: #90B63C;\">AUGUST 9, 2026 \u2022 10 Updates<\/span>\r\n <h3>Attendance Tracking<\/h3>\r\n <p>Teachers can mark attendance online and students can view their daily attendance reports through ERP.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Section Heading *\/\r\n.erp-news .section-heading {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n.erp-news .section-heading h5 {\r\n color: #ff7f32;\r\n font-size: 14px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n}\r\n.erp-news .section-heading h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 10px;\r\n}\r\n.erp-news .heading-underline {\r\n width: 80px;\r\n height: 4px;\r\n background-color: #ff7f32;\r\n margin: 0 auto;\r\n border-radius: 2px;\r\n}\r\n\r\n\/* Blog Cards *\/\r\n.blog-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n padding: 0 40px 50px;\r\n}\r\n\r\n.blog-card {\r\n background: #fff;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.blog-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 25px rgba(0,0,0,0.15);\r\n}\r\n\r\n.blog-card img {\r\n width: 70px;\r\n height: 70px;\r\n object-fit: contain;\r\n margin: 20px auto;\r\n display: block;\r\n}\r\n\r\n.blog-content {\r\n padding: 15px 20px;\r\n text-align: center;\r\n}\r\n\r\n.blog-content .meta {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #ff7f32;\r\n margin-bottom: 8px;\r\n display: block;\r\n}\r\n\r\n.blog-content h3 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin: 10px 0;\r\n}\r\n\r\n.blog-content p {\r\n font-size: 14px;\r\n color: #555;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.read-more {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n background: #ff7f32;\r\n color: #fff;\r\n border-radius: 25px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.read-more:hover {\r\n background: #333;\r\n color: #ff7f32;\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n .blog-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .blog-container {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-916f71a e-flex e-con-boxed e-con e-parent\" data-id=\"916f71a\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1190355 elementor-widget elementor-widget-html\" data-id=\"1190355\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"school-management\">\r\n <div class=\"container\">\r\n \r\n <div class=\"image-box\" data-aos=\"fade-right\">\r\n <img decoding=\"async\" src=\"https:\/\/www.geniusedusoft.com\/assets\/img\/geniusedusoft-banner-3.png\">\r\n <\/div>\r\n\r\n \r\n <div class=\"content-box\" data-aos=\"fade-left\">\r\n <span class=\"highlight\">GET FREE GUIDE<\/span>\r\n <h2>Looking for the <span>Best School Management Software?<\/span><\/h2>\r\n <p>\r\n Any school organization that seeks to streamline its daily operations needs a <b>school management software<\/b>. \r\n It improves <span class=\"accent\">efficiency<\/span>, reduces <span class=\"accent\">manual workload<\/span>, ensures <span class=\"accent\">quality<\/span>, \r\n and enhances <span class=\"accent\">operational excellence<\/span>.\r\n <\/p>\r\n <p>\r\n Here is a quick guide on must-have features in <b>School Management Software<\/b>. \r\n Discover why it\u2019s a smart investment for modern schools.\r\n <\/p>\r\n <a href=\"#\" class=\"btn-download\">Download Guide<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n.school-management {\r\n background: #e0f7fa; \/* Light sky blue *\/\r\n padding: 80px 10%;\r\n font-family: 'Poppins', sans-serif;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n color: #222;\r\n}\r\n.school-management .container {\r\n display: flex;\r\n align-items: center;\r\n gap: 50px;\r\n flex-wrap: wrap;\r\n}\r\n.school-management .image-box {\r\n flex: 1;\r\n min-width: 320px;\r\n transition: transform 0.4s ease;\r\n}\r\n.school-management .image-box img {\r\n width: 100%;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n}\r\n.school-management .image-box:hover {\r\n transform: scale(1.05);\r\n}\r\n.school-management .content-box {\r\n flex: 1;\r\n min-width: 320px;\r\n}\r\n.school-management .highlight {\r\n color: #00796b;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-size: 14px;\r\n display: inline-block;\r\n padding: 5px 15px;\r\n border: 2px solid #00796b;\r\n border-radius: 50px;\r\n margin-bottom: 15px;\r\n}\r\n.school-management h2 {\r\n font-size: 36px;\r\n margin: 20px 0;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n}\r\n.school-management h2 span {\r\n color: #00796b; \/* Emphasized color *\/\r\n}\r\n.school-management p {\r\n font-size: 16px;\r\n color: #222;\r\n margin-bottom: 15px;\r\n line-height: 1.8;\r\n}\r\n.school-management p .accent {\r\n font-weight: 700;\r\n color: #00796b;\r\n}\r\n.btn-download {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background: linear-gradient(135deg, #90B63C, #92B841); \/* Custom green gradient *\/\r\n color: #fff;\r\n border-radius: 25px; \/* Using same radius as .read-more *\/\r\n text-decoration: none;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease, background 0.5s ease;\r\n}\r\n\r\n.btn-download:hover {\r\n background: linear-gradient(135deg, #92B841, #90B63C); \/* Hover gradient reverse *\/\r\n color: #fff; \/* Keep text white *\/\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2); \/* Same shadow as .read-more *\/\r\n}\r\n\r\n\r\n\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n .school-management h2 {\r\n font-size: 28px;\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .school-management .container {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .school-management .image-box {\r\n order: 2;\r\n }\r\n .school-management .content-box {\r\n order: 1;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n AOS.init({\r\n duration: 1000,\r\n once: true\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f27b424 e-flex e-con-boxed e-con e-parent\" data-id=\"f27b424\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7329db elementor-widget elementor-widget-html\" data-id=\"c7329db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Footer Section<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .footer {\r\n background-color: #1c1c1c; \/* Dark background *\/\r\n color: #ccc;\r\n padding: 60px 100px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .footer h3 {\r\n color: #90B63C; \/* custom green *\/\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n position: relative;\r\n }\r\n\r\n .footer h3::after {\r\n content: \"\";\r\n display: block;\r\n width: 40px;\r\n height: 2px;\r\n background: #90B63C; \/* custom green *\/\r\n margin-top: 8px;\r\n }\r\n\r\n .footer p,\r\n .footer li,\r\n .footer a,\r\n .footer span {\r\n font-size: 14px;\r\n line-height: 24px;\r\n color: #ccc;\r\n text-decoration: none; \/* ensures no underline *\/\r\n }\r\n\r\n \/* Left column *\/\r\n .footer .footer-col strong {\r\n color: #90B63C; \/* custom green *\/\r\n display: block;\r\n margin-top: 15px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n \/* Middle column *\/\r\n .footer ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .footer ul li {\r\n margin: 10px 0;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #333;\r\n }\r\n\r\n .footer ul li a {\r\n color: #ccc;\r\n text-decoration: none; \/* no underline *\/\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer ul li a:hover {\r\n color: #92B841; \/* custom hover green *\/\r\n }\r\n\r\n .footer ul li::before {\r\n content: \"\u203a\";\r\n color: #90B63C; \/* custom green *\/\r\n margin-right: 8px;\r\n }\r\n\r\n \/* Right column - Working hours *\/\r\n .working-time p {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .working-time span {\r\n display: inline-block;\r\n width: 120px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .footer {\r\n padding: 40px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<footer class=\"footer\">\r\n \r\n <div class=\"footer-col\">\r\n <h3>E-SKOOL TECH<\/h3>\r\n <strong>Office Address<\/strong>\r\n <p>Modinagar, Ghaziabad<\/p>\r\n\r\n <strong>Business Phone<\/strong>\r\n <p>+91 82189 69391<\/p>\r\n\r\n <strong>Business Email<\/strong>\r\n <p>edyyo@gmail.com<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h3>Footer Menu<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Case Studies<\/a><\/li>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Our Story<\/a><\/li>\r\n <li><a href=\"#\">Blog Post<\/a><\/li>\r\n <li><a href=\"#\">Work with Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col working-time\">\r\n <h3>Working Day & time<\/h3>\r\n <p>Architecto beatae vitae dicta sunt ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit<\/p>\r\n <p><span>MON - TUS :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>WED - THUR :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>FRIDAY :<\/span> 10.00 PM - 5.00 PM<\/p>\r\n <p><span>SUNDAY :<\/span> CLOSED<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bcff501 e-flex e-con-boxed e-con e-parent\" data-id=\"4bcff501\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3bf68e elementor-widget elementor-widget-metform\" data-id=\"3e3bf68e\" data-element_type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-306\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\" mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"306\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-3e3bf68e-306\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"306\"\r\n\t\t\tdata-action=\"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/metform\/v1\/entries\/insert\/306\"\r\n\t\t\tdata-wp-nonce=\"426d48e8ca\"\r\n\t\t\tdata-form-nonce=\"f13e324054\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"contact_form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-306\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"147\" className=\"elementor elementor-147\" data-elementor-post-type=\"revision\">\n\t\t\t\t<div className=\"elementor-element elementor-element-3835722 e-flex e-con-boxed e-con e-parent\" data-id=\"3835722\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-6bf8aeb elementor-widget elementor-widget-html\" data-id=\"6bf8aeb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Attractive Banner<\/title>\r\n <style key=\"1\">\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Banner Section *\/\r\n .banner {\r\n height: 100vh;\r\n background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.3)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1523580846011-d3a5bc25702b\") no-repeat center center\/cover;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n text-align: center;\r\n color: #fff;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Content *\/\r\n .banner-content {\r\n max-width: 700px;\r\n animation: fadeInUp 2s ease;\r\n }\r\n\r\n .banner-content h3 {\r\n font-size: 22px;\r\n color: #f7931e;\r\n margin-bottom: 15px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n animation: fadeInDown 2s ease;\r\n }\r\n\r\n .banner-content h1 {\r\n font-size: 55px;\r\n line-height: 1.3;\r\n font-weight: bold;\r\n text-shadow: 2px 2px 10px rgba(0,0,0,0.7);\r\n animation: fadeInUp 2s ease;\r\n }\r\n\r\n .banner-content h1 span {\r\n color: #f7931e;\r\n }\r\n\r\n .banner-content p {\r\n margin: 20px 0;\r\n font-size: 18px;\r\n color: #ddd;\r\n animation: fadeIn 3s ease;\r\n }\r\n\r\n \/* Button *\/\r\n .btn {\r\n background: #f7931e;\r\n padding: 14px 35px;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: bold;\r\n border-radius: 30px;\r\n transition: 0.4s ease;\r\n display: inline-block;\r\n font-size: 16px;\r\n animation: fadeInUp 3s ease;\r\n }\r\n\r\n .btn:hover {\r\n background: #ff9800;\r\n box-shadow: 0 0 20px #f7931e;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Scroll Down Indicator *\/\r\n .scroll-down {\r\n position: absolute;\r\n bottom: 30px;\r\n font-size: 14px;\r\n color: white;\r\n letter-spacing: 2px;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n .scroll-down::after {\r\n content: \"\u2193\";\r\n display: block;\r\n font-size: 22px;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n 0% { opacity: 0; transform: translateY(-30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeIn {\r\n 0% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section className=\"banner\">\r\n <div className=\"banner-content\">\r\n <h3>ADMISSION '25<\/h3>\r\n <h1><span>YOUR BRIGHT FUTURE<\/span><br\/>IS OUR MISSION<\/h1>\r\n <p>Discover knowledge, innovation, and opportunities that shape your success journey.<\/p>\r\n <a href=\"#\" className=\"btn\">START LEARNING NOW<\/a>\r\n <\/div>\r\n <div className=\"scroll-down\">SCROLL<\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-0b634ed e-flex e-con-boxed e-con e-parent\" data-id=\"0b634ed\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-d5bd60a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d5bd60a\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInDown"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=${{ 'padding': '60px 0','display': 'flex','justify-content': 'center','align-items': 'center','background': '#fff', }}>\r\n <div style=${{ 'max-width': '1200px','display': 'flex','gap': '50px','align-items': 'center','flex-wrap': 'wrap', }}>\r\n\r\n \r\n <div style=${{ 'flex': '1','min-width': '320px', }}>\r\n <h5 style=${{ 'color': '#000','font-size': '14px','letter-spacing': '2px','text-transform': 'uppercase','margin-bottom': '10px', }}>\r\n About Us\r\n <\/h5>\r\n <h2 style=${{ 'font-size': '36px','font-weight': '700','margin-bottom': '20px','color': '#222', }}>\r\n Welcome to <br\/> E-School Tech\r\n <\/h2>\r\n <p style=${{ 'color': '#555','line-height': '1.7','font-size': '16px','margin-bottom': '25px', }}>\r\n At E-School Tech, we're passionate about empowering schools with innovative technology solutions. \r\n With 13 years of experience in the education sector, we've developed a deep understanding of the \r\n unique needs of schools and institutions. Our school management software is designed to streamline \r\n operations, enhance communication, and provide valuable insights to support informed decision-making.\r\n <\/p>\r\n <a href=\"#\" style=\"display:inline-block; background:#f7941d; color:#fff; padding:12px 30px; \r\n border-radius:30px; font-weight:600; text-decoration:none; transition:0.3s;\">\r\n Read More\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div style=${{ 'flex': '1','min-width': '320px','position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/sdmntprcentralus.oaiusercontent.com\/files\/00000000-dcd8-61f5-8322-c2d42482cac6\/raw?se=2025-08-20T09%3A36%3A44Z&sp=r&sv=2024-08-04&sr=b&scid=c732196e-d154-5900-9f5d-d648d7521c59&skoid=ec8eb293-a61a-47e0-abd0-6051cc94b050&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2025-08-19T22%3A32%3A34Z&ske=2025-08-20T22%3A32%3A34Z&sks=b&skv=2024-08-04&sig=MdFhnw5CEk6%2BwYr53ww\/vwGLS7\/1vAZe22gJEGkDFIs%3D\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=cdfMgotGKIM\" target=\"_blank\"\r\n style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);\r\n background:#f7941d; width:70px; height:70px; border-radius:50%; display:flex; \r\n justify-content:center; align-items:center; color:#fff; font-size:30px; text-decoration:none;\">\r\n \u25b6\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-6afc32e e-flex e-con-boxed e-con e-parent\" data-id=\"6afc32e\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-f82d5e3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f82d5e3\" data-element_type=\"widget\" data-settings=\"{"_animation":"flash"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=${{ 'text-align': 'center','margin': '40px 0', }}>\r\n <h5 style=${{ 'font-size': '14px','letter-spacing': '2px','color': '#2c3e50','text-transform': 'uppercase','margin-bottom': '10px', }}>\r\n Build Your Software With\r\n <\/h5>\r\n <h2 style=${{ 'font-size': '38px','font-weight': '700','color': '#f7941d','margin': '0', }}>\r\n Featured Technologies\r\n <\/h2>\r\n<\/div>\r\n<style key=\"1\">\r\n.course-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin: 50px auto;\r\n max-width: 1200px;\r\n}\r\n\r\n.course-card {\r\n border: 1px solid #eee;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background: #fff;\r\n transition: all 0.3s ease-in-out;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.course-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n}\r\n\r\n.course-card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n}\r\n\r\n.price-tag {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: #f7941d;\r\n color: #fff;\r\n font-weight: 600;\r\n padding: 5px 12px;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n}\r\n\r\n.course-body {\r\n padding: 20px;\r\n position: relative;\r\n}\r\n\r\n.course-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.course-info {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n border-top: 1px solid #eee;\r\n}\r\n\r\n.course-info span {\r\n font-weight: bold;\r\n color: #333;\r\n}\r\n<\/style>\r\n\r\n<div className=\"course-grid\">\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=1\" alt=\"Course\">\r\n <span className=\"price-tag\">$150<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Application Design Course<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>3 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>18<\/span><\/div>\r\n <div>Duration <br\/><span>1 hour<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=2\" alt=\"Course\">\r\n <span className=\"price-tag\">$120<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Web Development Bootcamp<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>2 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>25<\/span><\/div>\r\n <div>Duration <br\/><span>2 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=3\" alt=\"Course\">\r\n <span className=\"price-tag\">$200<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Data Science Mastery<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>1 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>30<\/span><\/div>\r\n <div>Duration <br\/><span>3 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=4\" alt=\"Course\">\r\n <span className=\"price-tag\">$180<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">UI\/UX Design Essentials<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>6 Month<\/span><\/div>\r\n <div>Class Size <br\/><span>20<\/span><\/div>\r\n <div>Duration <br\/><span>1.5 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=5\" alt=\"Course\">\r\n <span className=\"price-tag\">$100<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Digital Marketing Course<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>1 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>15<\/span><\/div>\r\n <div>Duration <br\/><span>2 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=6\" alt=\"Course\">\r\n <span className=\"price-tag\">$250<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Machine Learning Expert<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>2 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>22<\/span><\/div>\r\n <div>Duration <br\/><span>3 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-fa5bffe e-flex e-con-boxed e-con e-parent\" data-id=\"fa5bffe\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-d50525f elementor-widget elementor-widget-html\" data-id=\"d50525f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=${{ 'text-align': 'center','margin': '50px 0', }}>\r\n \r\n <img decoding=\"async\" src=\"https:\/\/eskooltech.in\/assets\/images\/icon\/title-top-shape.png\" \r\n style=${{ 'width': '60px','margin-bottom': '15px', }}>\r\n \r\n \r\n <h5 style=${{ 'font-size': '14px','letter-spacing': '2px','color': '#222','text-transform': 'uppercase','margin-bottom': '10px', }}>\r\n Take a Tour\r\n <\/h5>\r\n \r\n \r\n <h2 style=${{ 'font-size': '36px','font-weight': '700','color': '#000','margin': '0', }}>\r\n E-SCHOOL TECH\r\n <\/h2>\r\n<\/div>\r\n\r\n<style key=\"1\">\r\n.stats-container {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr); \/* 4 per row *\/\r\n gap: 25px;\r\n margin: 50px auto;\r\n max-width: 1200px;\r\n}\r\n\r\n.stat-box {\r\n background: #3d3d3d;\r\n color: #fff;\r\n height: 200px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.stat-box:hover {\r\n transform: translateY(-10px) scale(1.05);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.3);\r\n}\r\n\r\n.stat-box i {\r\n font-size: 40px;\r\n margin-bottom: 15px;\r\n color: #f7941d;\r\n}\r\n\r\n.stat-box h3 {\r\n font-size: 22px;\r\n font-weight: bold;\r\n margin: 0;\r\n}\r\n\r\n.stat-box p {\r\n font-size: 14px;\r\n margin: 5px 0 0;\r\n}\r\n<\/style>\r\n\r\n<div className=\"stats-container\">\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-user-friends\"><\/i>\r\n <h3>11+<\/h3>\r\n <p>Partners<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-graduation-cap\"><\/i>\r\n <h3>250+<\/h3>\r\n <p>Students<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-chalkboard-teacher\"><\/i>\r\n <h3>35+<\/h3>\r\n <p>Teachers<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-book\"><\/i>\r\n <h3>50+<\/h3>\r\n <p>Courses<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-trophy\"><\/i>\r\n <h3>20+<\/h3>\r\n <p>Awards<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-globe\"><\/i>\r\n <h3>15+<\/h3>\r\n <p>Countries<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-university\"><\/i>\r\n <h3>10+<\/h3>\r\n <p>Institutes<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-lightbulb\"><\/i>\r\n <h3>100+<\/h3>\r\n <p>Projects<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-0c74346 e-flex e-con-boxed e-con e-parent\" data-id=\"0c74346\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-65ebb05 elementor-widget elementor-widget-html\" data-id=\"65ebb05\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Our Team Section<\/title>\r\n <style key=\"1\">\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #fff;\r\n }\r\n\r\n .team-section {\r\n text-align: center;\r\n padding: 50px 20px;\r\n }\r\n\r\n .team-section h4 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #333;\r\n letter-spacing: 2px;\r\n margin: 0;\r\n }\r\n\r\n .team-section h2 {\r\n font-size: 48px;\r\n font-weight: bold;\r\n color: #f7931e; \/* Orange *\/\r\n margin: 10px 0 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div className=\"team-section\">\r\n <h4>SERVICE FROM THE BEST<\/h4>\r\n <h2>Our Team<\/h2>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Team Section<\/title>\r\n <style key=\"1\">\r\n body {\r\n font-family: Arial, sans-serif;\r\n background: #111;\r\n margin: 0;\r\n padding: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n }\r\n\r\n .container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .card {\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\r\n overflow: hidden;\r\n text-align: center;\r\n transition: transform 0.6s ease-in-out;\r\n cursor: pointer;\r\n }\r\n\r\n .card:hover {\r\n transform: rotateY(15deg) rotateX(10deg) scale(1.05);\r\n }\r\n\r\n .card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n }\r\n\r\n .card h3 {\r\n margin: 15px 0 5px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n\r\n .card p.role {\r\n color: #f57c00;\r\n margin: 0;\r\n font-weight: 500;\r\n }\r\n\r\n .card p.desc {\r\n padding: 10px 20px 20px;\r\n font-size: 14px;\r\n color: #555;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div className=\"container\">\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/eskooltech.in\/assets\/images\/teacher-member1.jpg\">\r\n <h3>Patrick Garner Dony<\/h3>\r\n <p className=\"role\">Economist<\/p>\r\n <p className=\"desc\">We\u2019re a philosophical bunch here at School site and we have thought long and hard about it.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/premium-photo\/smiling-busi\u2026ng-tablet-computer-office_146671-13354.jpg?w=1480\">\r\n <h3>Sarah Johnson<\/h3>\r\n <p className=\"role\">Data Analyst<\/p>\r\n <p className=\"desc\">Passionate about turning data into meaningful insights for better decision making.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/free-photo\/medium-shot-smiley-man-sitting-desk_23-2149927603.jpg?t=st=1755540709~exp=1755544309~hmac=e6b9a20f60436e1b916604a1106a1ed09ca4150e984b1076cb22b55e6e04412b&w=1480\">\r\n <h3>Michael Lee<\/h3>\r\n <p className=\"role\">Professor<\/p>\r\n <p className=\"desc\">Dedicated to helping students explore and grow in their academic journey.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/premium-photo\/portrait-mat\u2026lt-smiling-looking-camera_321831-16830.jpg?w=1480\">\r\n <h3>Emily Davis<\/h3>\r\n <p className=\"role\">Designer<\/p>\r\n <p className=\"desc\">Creative thinker who loves solving problems with design and innovation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/premium-photo\/handsome-middle-eastern-man-suit-office_97712-1014.jpg?w=1480\">\r\n <h3>James Smith<\/h3>\r\n <p className=\"role\">Engineer<\/p>\r\n <p className=\"desc\">Focused on building reliable and scalable solutions for modern challenges.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"\thttps:\/\/img.freepik.com\/premium-photo\/young-businesswoman-sitting-workplace_225683-79.jpg?w=1480\">\r\n <h3>Olivia Brown<\/h3>\r\n <p className=\"role\">Researcher<\/p>\r\n <p className=\"desc\">Curious mind with a passion for exploring new ideas and technologies.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-8a867ce e-flex e-con-boxed e-con e-parent\" data-id=\"8a867ce\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-011073c elementor-widget elementor-widget-html\" data-id=\"011073c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div className=\"upcoming-events\">\r\n <h4 className=\"subtitle\">JOIN WITH US<\/h4>\r\n <h2 className=\"title\">Upcoming Events<\/h2>\r\n\r\n <div className=\"events-grid\">\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">SEP<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Affiliate Marketing<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">OCT<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Facebook Marketing<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">NOV<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Edustar Autumn<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">DEC<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Workshop PHP<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<style key=\"1\">\r\n.upcoming-events {\r\n text-align: center;\r\n margin: 50px auto;\r\n max-width: 1100px;\r\n}\r\n\r\n.upcoming-events .subtitle {\r\n font-size: 14px;\r\n color: #333;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.upcoming-events .title {\r\n font-size: 36px;\r\n font-weight: bold;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.events-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 30px;\r\n}\r\n\r\n.event-card {\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n border-radius: 6px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n transform: translateY(50px);\r\n opacity: 0;\r\n transition: all 0.6s ease-in-out;\r\n}\r\n\r\n.event-card.show {\r\n transform: translateY(0);\r\n opacity: 1;\r\n}\r\n\r\n.event-date {\r\n background: #f58220;\r\n color: #fff;\r\n padding: 20px;\r\n text-align: center;\r\n min-width: 120px;\r\n}\r\n\r\n.event-date .month {\r\n display: block;\r\n font-size: 14px;\r\n}\r\n\r\n.event-date .day {\r\n display: block;\r\n font-size: 22px;\r\n font-weight: bold;\r\n}\r\n\r\n.event-date .year {\r\n display: block;\r\n font-size: 18px;\r\n margin-top: 5px;\r\n}\r\n\r\n.event-info {\r\n padding: 20px;\r\n text-align: left;\r\n}\r\n\r\n.event-info h3 {\r\n font-size: 20px;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.event-info p {\r\n color: #777;\r\n font-size: 14px;\r\n margin: 0;\r\n}\r\n<\/style>\r\n\r\n\r\n${(function(){\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n const cards = document.querySelectorAll(\".event-card\");\r\n\r\n function checkScroll() {\r\n let triggerBottom = window.innerHeight * 0.85;\r\n cards.forEach(card => {\r\n let boxTop = card.getBoundingClientRect().top;\r\n if (boxTop < triggerBottom) {\r\n card.classList.add(\"show\");\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener(\"scroll\", checkScroll);\r\n checkScroll();\r\n});\r\n})()}\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-f31fbb4 e-flex e-con-boxed e-con e-parent\" data-id=\"f31fbb4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-6be587a elementor-widget elementor-widget-html\" data-id=\"6be587a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Testimonial Section<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.css\" \/>\r\n <style key=\"1\">\r\n body {\r\n margin: 0;\r\n font-family: \"Poppins\", sans-serif;\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n .testimonial-section {\r\n padding: 80px 20px;\r\n background: #111;\r\n position: relative;\r\n text-align: center; \/* \u2705 Center align everything inside *\/\r\n }\r\n\r\n .testimonial-section h5 {\r\n color: #f7941d;\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .testimonial-section h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .swiper {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: auto;\r\n }\r\n\r\n .swiper-slide {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .testimonial-quote {\r\n font-size: 20px;\r\n font-style: italic;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n max-width: 700px;\r\n line-height: 1.6;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 600;\r\n font-size: 18px;\r\n }\r\n\r\n .testimonial-role {\r\n font-style: italic;\r\n font-size: 14px;\r\n color: #bbb;\r\n }\r\n\r\n .swiper-pagination-bullet {\r\n background: #bbb;\r\n opacity: 1;\r\n }\r\n\r\n .swiper-pagination-bullet-active {\r\n background: #f7941d;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section className=\"testimonial-section\">\r\n <h5>Happy Students<\/h5>\r\n <h2>Testimonial<\/h2>\r\n\r\n <div className=\"swiper mySwiper\">\r\n <div className=\"swiper-wrapper\">\r\n\r\n \r\n <div className=\"swiper-slide\">\r\n <p className=\"testimonial-quote\">\u201c Vous devez profiter de la vie. Toujours aimez, les personnes positives penser. \u201d<\/p>\r\n <p className=\"testimonial-author\">Kawsar Ahamed<\/p>\r\n <p className=\"testimonial-role\">App Developer<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"swiper-slide\">\r\n <p className=\"testimonial-quote\">\u201c Education is the most powerful weapon which you can use to change the world. \u201d<\/p>\r\n <p className=\"testimonial-author\">Sarah Johnson<\/p>\r\n <p className=\"testimonial-role\">Web Designer<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"swiper-slide\">\r\n <p className=\"testimonial-quote\">\u201c The beautiful thing about learning is that nobody can take it away from you. \u201d<\/p>\r\n <p className=\"testimonial-author\">David Lee<\/p>\r\n <p className=\"testimonial-role\">Software Engineer<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div className=\"swiper-pagination\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.js\">})()}\r\n ${(function(){\r\n var swiper = new Swiper(\".mySwiper\", {\r\n pagination: {\r\n el: \".swiper-pagination\",\r\n clickable: true,\r\n },\r\n autoplay: {\r\n delay: 4000,\r\n disableOnInteraction: false,\r\n },\r\n loop: true,\r\n });\r\n })()}\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-0619193 e-flex e-con-boxed e-con e-parent\" data-id=\"0619193\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-f4ff776 elementor-widget elementor-widget-html\" data-id=\"f4ff776\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div className=\"section-heading\">\r\n <h5>TOP STORIES<\/h5>\r\n <h2>Blog & News<\/h2>\r\n<\/div>\r\n\r\n<style key=\"1\">\r\n.section-heading {\r\n text-align: center;\r\n}\r\n.section-heading h5 {\r\n letter-spacing: 2px;\r\n font-weight: 400;\r\n color: #333;\r\n margin: 0;\r\n}\r\n.section-heading h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-top: 5px;\r\n}\r\n<\/style>\r\n<div className=\"blog-container\">\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=1\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">AUGUST 6, 2017 \u2022 3 Comments<\/span>\r\n <h3>The Death Of Architecture<\/h3>\r\n <p>We\u2019re a philosophical bunch here at School site and we have thought long and hard about.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=2\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">JANUARY 12, 2018 \u2022 5 Comments<\/span>\r\n <h3>Modern Design Trends<\/h3>\r\n <p>Exploring how design has evolved with modern styles and aesthetic approaches worldwide.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=3\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">MARCH 22, 2019 \u2022 2 Comments<\/span>\r\n <h3>Creative UI Ideas<\/h3>\r\n <p>Some of the best creative UI concepts that are reshaping user experiences online.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=4\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">JULY 15, 2020 \u2022 8 Comments<\/span>\r\n <h3>Futuristic Web Designs<\/h3>\r\n <p>Looking at futuristic designs that will inspire the next generation of developers.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=5\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">OCTOBER 1, 2021 \u2022 6 Comments<\/span>\r\n <h3>Minimalist Lifestyle<\/h3>\r\n <p>How minimalism influences modern design and keeps simplicity at the forefront.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=6\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">MAY 9, 2022 \u2022 10 Comments<\/span>\r\n <h3>Smart UI Elements<\/h3>\r\n <p>Discover the role of smart UI components in interactive web experiences.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style key=\"1\">\r\n.blog-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \/* \u2705 3 per row *\/\r\n gap: 25px;\r\n padding: 40px;\r\n}\r\n\r\n.blog-card {\r\n background: #fff;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.blog-card:hover {\r\n transform: translateY(-8px);\r\n}\r\n\r\n.blog-card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n}\r\n\r\n.blog-content {\r\n padding: 20px;\r\n text-align: center;\r\n}\r\n\r\n.blog-content .meta {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #ff7f32;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.blog-content h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin: 10px 0;\r\n}\r\n\r\n.blog-content p {\r\n font-size: 14px;\r\n color: #555;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.read-more {\r\n display: inline-block;\r\n padding: 10px 22px;\r\n background: #ff7f32;\r\n color: #fff;\r\n border-radius: 25px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.read-more:hover {\r\n background: #333;\r\n color: #ff7f32;\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* \u2705 Responsive fix *\/\r\n@media (max-width: 900px) {\r\n .blog-container {\r\n grid-template-columns: repeat(2, 1fr); \/* 2 per row on tablets *\/\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .blog-container {\r\n grid-template-columns: 1fr; \/* 1 per row on mobile *\/\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-f27b424 e-flex e-con-boxed e-con e-parent\" data-id=\"f27b424\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-c7329db elementor-widget elementor-widget-html\" data-id=\"c7329db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Footer Section<\/title>\r\n <style key=\"1\">\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .footer {\r\n background-color: #1c1c1c; \/* Dark background *\/\r\n color: #ccc;\r\n padding: 60px 100px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .footer h3 {\r\n color: #ff7f32;\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n position: relative;\r\n }\r\n\r\n .footer h3::after {\r\n content: \"\";\r\n display: block;\r\n width: 40px;\r\n height: 2px;\r\n background: #ff7f32;\r\n margin-top: 8px;\r\n }\r\n\r\n .footer p, \r\n .footer li, \r\n .footer a, \r\n .footer span {\r\n font-size: 14px;\r\n line-height: 24px;\r\n color: #ccc;\r\n text-decoration: none; \/* ensures no underline *\/\r\n }\r\n\r\n \/* Left column *\/\r\n .footer .footer-col strong {\r\n color: #ff7f32;\r\n display: block;\r\n margin-top: 15px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n \/* Middle column *\/\r\n .footer ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .footer ul li {\r\n margin: 10px 0;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #333;\r\n }\r\n\r\n .footer ul li a {\r\n color: #ccc;\r\n text-decoration: none; \/* no underline *\/\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer ul li a:hover {\r\n color: #ff7f32;\r\n }\r\n\r\n .footer ul li::before {\r\n content: \"\u203a\";\r\n color: #ff7f32;\r\n margin-right: 8px;\r\n }\r\n\r\n \/* Right column - Working hours *\/\r\n .working-time p {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .working-time span {\r\n display: inline-block;\r\n width: 120px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .footer {\r\n padding: 40px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <footer className=\"footer\">\r\n \r\n <div className=\"footer-col\">\r\n <h3>E-SKOOL TECH<\/h3>\r\n <strong>Office Address<\/strong>\r\n <p>Modinagar, Ghaziabad<\/p>\r\n\r\n <strong>Business Phone<\/strong>\r\n <p>+91 82189 69391<\/p>\r\n\r\n <strong>Business Email<\/strong>\r\n <p>edyyo@gmail.com<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"footer-col\">\r\n <h3>Footer Menu<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Case Studies<\/a><\/li>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Our Story<\/a><\/li>\r\n <li><a href=\"#\">Blog Post<\/a><\/li>\r\n <li><a href=\"#\">Work with Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div className=\"footer-col working-time\">\r\n <h3>Working Day & time<\/h3>\r\n <p>Architecto beatae vitae dicta sunt ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit<\/p>\r\n <p><span>MON - TUS :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>WED - THUR :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>FRIDAY :<\/span> 10.00 PM - 5.00 PM<\/p>\r\n <p><span>SUNDAY :<\/span> CLOSED<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>School ERP Banner A Next-Generation School ERP powered by Java Spring Security. Experience enterprise-grade protection with seamless performance. Enabling connected […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-147","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=147"}],"version-history":[{"count":428,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages\/147\/revisions"}],"predecessor-version":[{"id":1205,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages\/147\/revisions\/1205"}],"wp:attachment":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n School ERP Banner<\/title>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n background: #f5f7fa;\r\n }\r\n\r\n \/* Banner Section *\/\r\n .banner {\r\n background: #eef2f7;\r\n color: #333;\r\n padding: 60px 10%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n border-radius: 12px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.08);\r\n }\r\n\r\n .banner-text, .banner-img {\r\n flex: 1 1 50%; \/* Equal 50% space each *\/\r\n max-width: 50%;\r\n }\r\n\r\n .banner-text h1 {\r\n font-size: 36px;\r\n line-height: 1.4;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n color: #1a202c;\r\n }\r\n\r\n .banner-text p {\r\n font-size: 16px;\r\n line-height: 1.6;\r\n opacity: 0.8;\r\n }\r\n\r\n .banner-img {\r\n text-align: right;\r\n }\r\n\r\n .banner-img img {\r\n width: 100%; \/* Image will fill its half *\/\r\n height: auto;\r\n border-radius: 12px;\r\n animation: floaty 4s ease-in-out infinite;\r\n }\r\n\r\n @keyframes floaty{\r\n 0%,100%{ transform: translateY(0); }\r\n 50%{ transform: translateY(-10px); }\r\n }\r\n\r\n \/* Stats Section *\/\r\n .stats {\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n margin: -40px auto 40px;\r\n flex-wrap: wrap;\r\n width: 90%;\r\n }\r\n\r\n .stat-box {\r\n background: #fff;\r\n color: #000;\r\n padding: 20px;\r\n text-align: center;\r\n border-radius: 10px;\r\n flex: 1 1 150px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .stat-box:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.15);\r\n }\r\n\r\n .stat-box i {\r\n font-size: 32px;\r\n color: #ff4d00;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .stat-box h2 {\r\n font-size: 24px;\r\n color: #ff4d00;\r\n margin: 0 0 10px;\r\n }\r\n\r\n .stat-box p {\r\n font-size: 14px;\r\n font-weight: 600;\r\n margin: 0;\r\n }\r\n\r\n \/* Responsive Design *\/\r\n @media (max-width: 900px) {\r\n .banner {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .banner-text, .banner-img {\r\n max-width: 100%;\r\n flex: 1 1 100%;\r\n }\r\n .banner-img {\r\n margin-top: 30px;\r\n text-align: center;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .stats {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <section class=\"banner\">\r\n <div class=\"banner-text\">\r\n <h1>\r\n <h1>A Next-Generation School ERP powered by Java Spring Security.<br> Experience enterprise-grade protection with seamless performance.<\/h1>\r\n <p>\r\n Enabling connected schools, unlocking new possibilities. \r\n An integrated ecosystem of educational products that work together seamlessly.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"banner-img\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/media.istockphoto.com\/id\/916064272\/vector\/training-concept.jpg?s=612x612&w=0&k=20&c=JWc3fFVXWtXShTRrqNQyDUj-yo1gD20gVNGrhjXT2po=\" alt=\"School ERP Illustration\">\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <div class=\"stats\">\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-calendar-check\"><\/i>\r\n <h2>11+<\/h2>\r\n <p>Successful Years<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-face-smile\"><\/i>\r\n <h2>300+<\/h2>\r\n <p>Happy Clients<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n <h2>99%<\/h2>\r\n <p>Customer Satisfaction<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-file-lines\"><\/i>\r\n <h2>1500+<\/h2>\r\n <p>Reports<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-puzzle-piece\"><\/i>\r\n <h2>45+<\/h2>\r\n <p>Modules<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <i class=\"fa-solid fa-user-graduate\"><\/i>\r\n <h2>100000+<\/h2>\r\n <p>Students<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b634ed e-flex e-con-boxed e-con e-parent\" data-id=\"0b634ed\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5bd60a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d5bd60a\" data-element_type=\"widget\" data-settings=\"{"_animation":"zoomIn"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>School ERP Management Software<\/title>\r\n\r\n \r\n <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n font-family: 'Poppins', Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #f9f9f9;\r\n color: #333;\r\n }\r\n\r\n .section {\r\n text-align: center;\r\n padding: 70px 20px;\r\n background: #fff;\r\n }\r\n\r\n .section h2 {\r\n font-size: 18px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n font-weight: 600;\r\n color: #90B63C; \/* Custom green *\/\r\n }\r\n\r\n .section h1 {\r\n font-size: 36px;\r\n font-weight: 800;\r\n margin-bottom: 25px;\r\n line-height: 1.2;\r\n }\r\n\r\n .section p {\r\n max-width: 850px;\r\n margin: 0 auto 60px;\r\n line-height: 1.8;\r\n font-size: 16px;\r\n color: #555;\r\n }\r\n\r\n .cards {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n max-width: 1200px;\r\n margin: auto;\r\n }\r\n\r\n .card {\r\n background: #ffffff;\r\n border-radius: 15px;\r\n padding: 30px 20px;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n text-align: left;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n min-height: 360px;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-10px) scale(1.03);\r\n box-shadow: 0 12px 28px rgba(0,0,0,0.2);\r\n }\r\n\r\n .card img {\r\n width: 60px;\r\n height: 60px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .card h3 {\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n color: #000;\r\n text-align: center;\r\n min-height: 55px;\r\n }\r\n\r\n .card p {\r\n font-size: 15px;\r\n margin-bottom: auto;\r\n color: #444;\r\n text-align: center;\r\n }\r\n\r\n .read-more,\r\n button,\r\n input[type=\"submit\"] {\r\n background-color: #90B63C !important;\r\n border: 1px solid #90B63C !important;\r\n color: #fff !important;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .read-more:hover,\r\n button:hover,\r\n input[type=\"submit\"]:hover {\r\n background-color: #92B841 !important;\r\n border-color: #92B841 !important;\r\n color: #fff !important;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .cards {\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .section h1 {\r\n font-size: 28px;\r\n }\r\n .section p {\r\n font-size: 15px;\r\n margin-bottom: 40px;\r\n }\r\n .card {\r\n min-height: 380px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"section\">\r\n <h2>OUR PRODUCTS & SERVICES<\/h2>\r\n <h1>School ERP Management Software<\/h1>\r\n <p>\r\n Amplify your school with the most credible cloud-based management software \r\n to administer your school efficiently by digitalizing and automating day-to-day \r\n academic and administrative activities, while managing students\u2019 progress \r\n through better parent-teacher communication.\r\n <\/p>\r\n\r\n <div class=\"cards\">\r\n \r\n <div class=\"card\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/bus.png\" alt=\"Transport\">\r\n <h3>Transport Management System<\/h3>\r\n <p>Helps students, parents, staff, and management manage transport efficiently.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/books.png\" alt=\"Library\">\r\n <h3>Library Management System<\/h3>\r\n <p>Manage library operations efficiently with automation.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/calendar.png\" alt=\"Timetable\">\r\n <h3>Timetable Management<\/h3>\r\n <p>Generate and modify timetables easily for teachers and administrators.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/calculator.png\" alt=\"Accounting\">\r\n <h3>Accounting & Fee System<\/h3>\r\n <p>Manage student fee collection records efficiently.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/alarm.png\" alt=\"Alert\">\r\n <h3>Alert Management System<\/h3>\r\n <p>Track ongoing tasks and monitor their current status.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/conference.png\" alt=\"Parent Teacher\">\r\n <h3>Parent \u2013 Teacher Interaction Module<\/h3>\r\n <p>Get real-time updates on your child\u2019s daily performance.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"600\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/report-card.png\" alt=\"U-Dise\">\r\n <h3>U-Dise Reports<\/h3>\r\n <p>Generates and submits data to the Unified District Information System for Education (U-DISE).<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"700\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/event-management.png\">\r\n <h3>Event Management<\/h3>\r\n <p>Plans, organizes, and tracks school events and activities.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"800\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/management.png\" alt=\"HR\">\r\n <h3>HR Management<\/h3>\r\n <p>Manages employee records, recruitment, and HR-related processes.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"900\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/fingerprint.png\" alt=\"Biometric\">\r\n <h3>Biometric Integration<\/h3>\r\n <p>Integrates biometric authentication for access control and attendance tracking.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1000\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/warehouse.png\" alt=\"Inventory\">\r\n <h3>Inventory Management<\/h3>\r\n <p>Manages school inventory, procurement, and asset tracking.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1100\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/lock-2.png\" alt=\"Access\">\r\n <h3>Access Management System<\/h3>\r\n <p>Controls user access and security features within the software.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1200\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/shedule-services.png\">\r\n <h3>Scheduled Services<\/h3>\r\n <p>Optimizes scheduling of services such as maintenance and transportation.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1300\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/help.png\" alt=\"Services Requests\">\r\n <h3>Services Requests - Staff<\/h3>\r\n <p>Handles service requests from parents and staff members.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1400\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/picture.png\" alt=\"Photo Gallery\">\r\n <h3>Photo Gallery & School Videos<\/h3>\r\n <p>Stores and shares photos and videos of school events and activities.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1500\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/news.png\" alt=\"News\">\r\n <h3>News & Events<\/h3>\r\n <p>Communicates school news and upcoming events to the school community.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1600\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/invite.png\" alt=\"Invitees\">\r\n <h3>Invitees Management<\/h3>\r\n <p>Manages guest lists and invitations for school events and functions.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"card\" data-aos=\"fade-up\" data-aos-delay=\"1700\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/student-male.png\" alt=\"Student Behavior\">\r\n <h3>Student Behavior Management<\/h3>\r\n <p>Records and manages student behavior incidents and interventions.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read more \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n <script>\r\n AOS.init({\r\n duration: 1000,\r\n once: true\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6afc32e e-flex e-con-boxed e-con e-parent\" data-id=\"6afc32e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f82d5e3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f82d5e3\" data-element_type=\"widget\" data-settings=\"{"_animation":"flash"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"featured-tech\">\r\n <div class=\"section-heading\">\r\n <h5>Manage Your School With<\/h5>\r\n <h2 style=\"color: #90B63C;\">ERP Modules<\/h2> \r\n <\/div>\r\n\r\n <div class=\"course-grid\">\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"0\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/bus.png\" alt=\"Transport Management\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Transport Management<\/h3>\r\n <p>Manage school transport operations efficiently for students, staff, and vehicles.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/books.png\" alt=\"Library Management\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Library Management<\/h3>\r\n <p>Automate library operations, track books, and manage members efficiently.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/calendar.png\" alt=\"Timetable Management\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Timetable Management<\/h3>\r\n <p>Create and manage daily schedules for students and teachers easily.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/calculator.png\" alt=\"Accounting & Fees\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Accounting & Fee System<\/h3>\r\n <p>Track student fee collection and manage school accounts efficiently.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/conference.png\" alt=\"Parent Teacher Interaction\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Parent-Teacher Interaction<\/h3>\r\n <p>Communicate with parents and monitor student performance in real-time.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"flip-left\" data-aos-delay=\"600\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/fingerprint.png\" alt=\"Biometric Integration\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Biometric Integration<\/h3>\r\n <p>Integrate fingerprint or face recognition for attendance and security.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"flip-right\" data-aos-delay=\"700\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/news.png\" alt=\"News & Announcements\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">News & Announcements<\/h3>\r\n <p>Communicate school updates, notices, and events to students and parents.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"course-card\" data-aos=\"zoom-in-up\" data-aos-delay=\"800\">\r\n <div class=\"card-image\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/50\/000000\/lock-2.png\" alt=\"Access Control\">\r\n <\/div>\r\n <div class=\"course-body\">\r\n <h3 class=\"course-title\">Access Control<\/h3>\r\n <p>Manage user roles and secure access to sensitive information within the ERP.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n AOS.init({\r\n duration: 1000,\r\n once: true,\r\n easing: 'ease-in-out'\r\n });\r\n<\/script>\r\n\r\n<style>\r\n.featured-tech .section-heading {\r\n text-align: center;\r\n margin: 40px 0;\r\n}\r\n.featured-tech .section-heading h5 {\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n color: #2c3e50;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n}\r\n.featured-tech .section-heading h2 {\r\n font-size: 31px;\r\n font-weight: 700;\r\n color: #f7941d;\r\n margin: 0;\r\n}\r\n.course-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 25px;\r\n margin: 50px auto;\r\n max-width: 1200px;\r\n padding: 0 20px;\r\n}\r\n.course-card {\r\n border: 1px solid #eee;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n background: #fff;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n transition: all 0.3s ease-in-out;\r\n text-align: center;\r\n padding: 20px 15px;\r\n}\r\n.course-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n}\r\n.course-card img {\r\n width: 50px;\r\n height: 50px;\r\n object-fit: contain;\r\n margin-bottom: 10px;\r\n}\r\n.course-body h3 {\r\n font-size: 16px;\r\n margin-bottom: 8px;\r\n}\r\n.course-body p {\r\n font-size: 14px;\r\n color: #555;\r\n}\r\n@media (max-width: 768px) {\r\n .course-card h3 { font-size: 15px; }\r\n .course-body p { font-size: 13px; }\r\n}\r\n@media (max-width: 480px) {\r\n .course-grid { grid-template-columns: 1fr; gap: 20px; }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8a867ce e-flex e-con-boxed e-con e-parent\" data-id=\"8a867ce\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-011073c elementor-widget elementor-widget-html\" data-id=\"011073c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"school-announcements\">\r\n <div class=\"container\">\r\n <h2 class=\"title\">School Announcements<\/h2>\r\n\r\n <div class=\"announcements-list\">\r\n \r\n <div class=\"announcement-card\">\r\n <h3>New Admission Guidelines<\/h3>\r\n <p>Updated rules and documents required for the 2025-26 admission cycle are now available on the ERP portal.<\/p>\r\n <span class=\"date\"style=\"color: #90B63C;\">Posted on: Aug 20, 2025<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"announcement-card\">\r\n <h3>Holiday Notification<\/h3>\r\n <p>The school will remain closed on Oct 2nd for Gandhi Jayanti. Classes will resume from Oct 3rd.<\/p>\r\n <span class=\"date\"style=\"color: #90B63C;\">Posted on: Aug 10, 2025<\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"announcement-card\">\r\n <h3>Fee Payment Reminder<\/h3>\r\n <p>Parents are requested to pay the 2nd-term fee by Sept 30, 2025 via the ERP fee payment module.<\/p>\r\n <span class=\"date\"style=\"color: #90B63C;\">Posted on: Aug 5, 2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n .school-announcements {\r\n background: #eef6ff;\r\n padding: 60px 20px;\r\n text-align: center;\r\n }\r\n\r\n .school-announcements .subtitle {\r\n font-size: 14px;\r\n color: #0077b6;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-weight: 600;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .school-announcements .title {\r\n font-size: 32px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .announcements-list {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 25px;\r\n }\r\n\r\n .announcement-card {\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 12px;\r\n box-shadow: 0 8px 18px rgba(0,0,0,0.08);\r\n text-align: left;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .announcement-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 12px 25px rgba(0,0,0,0.15);\r\n }\r\n\r\n .announcement-card h3 {\r\n font-size: 20px;\r\n color: #2c3e50;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .announcement-card p {\r\n font-size: 14px;\r\n color: #555;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .announcement-card .date {\r\n font-size: 12px;\r\n color: #0077b6;\r\n font-weight: 600;\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .school-announcements .title { font-size: 26px; }\r\n .announcement-card h3 { font-size: 18px; }\r\n .announcement-card p { font-size: 13px; }\r\n }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f31fbb4 e-flex e-con-boxed e-con e-parent\" data-id=\"f31fbb4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6be587a elementor-widget elementor-widget-html\" data-id=\"6be587a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>ERP Testimonials Section<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.css\" \/>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: \"Poppins\", sans-serif;\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n .testimonial-section {\r\n padding: 80px 20px;\r\n background: #111;\r\n text-align: center;\r\n }\r\n\r\n .testimonial-section h5 {\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .testimonial-section h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin-bottom: 40px;\r\n color: #fff;\r\n }\r\n\r\n .swiper {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: auto;\r\n }\r\n\r\n .swiper-slide {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n \/* Subtle translucent background behind text *\/\r\n .testimonial-slide-bg {\r\n background: rgba(0,0,0,0.6);\r\n padding: 40px 30px;\r\n border-radius: 15px;\r\n max-width: 700px;\r\n }\r\n\r\n .testimonial-quote {\r\n font-size: 20px;\r\n font-style: italic;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n line-height: 1.6;\r\n color: #f0f0f0;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 600;\r\n font-size: 18px;\r\n color: #fff;\r\n }\r\n\r\n .testimonial-role {\r\n font-style: italic;\r\n font-size: 14px;\r\n color: #ddd;\r\n }\r\n\r\n .swiper-pagination-bullet {\r\n background: #bbb;\r\n opacity: 1;\r\n }\r\n\r\n \/* Active pagination bullet *\/\r\n.swiper-pagination-bullet-active {\r\n background: #90B63C; \/* custom green shade *\/\r\n}\r\n\r\n\r\n @media (max-width: 768px) {\r\n .testimonial-quote {\r\n font-size: 18px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"testimonial-section\">\r\n \r\n <h5 style=\"color: #90B63C;\">Our Users<\/h5>\r\n <h2>ERP Testimonials<\/h2>\r\n\r\n <div class=\"swiper mySwiper\">\r\n <div class=\"swiper-wrapper\">\r\n\r\n \r\n <div class=\"swiper-slide\">\r\n <div class=\"testimonial-slide-bg\">\r\n <p class=\"testimonial-quote\">\u201cThe School ERP has streamlined all academic and administrative tasks. Now managing schedules and attendance is effortless!\u201d<\/p>\r\n <p class=\"testimonial-author\">Anjali Verma<\/p>\r\n <p class=\"testimonial-role\">Class Teacher<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"swiper-slide\">\r\n <div class=\"testimonial-slide-bg\">\r\n <p class=\"testimonial-quote\">\u201cAs a parent, I can track my child\u2019s progress and fees instantly. The ERP system keeps me well-informed and connected.\u201d<\/p>\r\n <p class=\"testimonial-author\">Rahul Sharma<\/p>\r\n <p class=\"testimonial-role\">Parent<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"swiper-slide\">\r\n <div class=\"testimonial-slide-bg\">\r\n <p class=\"testimonial-quote\">\u201cOur students enjoy using the ERP for assignments and timetables. It makes school life more organized and interactive.\u201d<\/p>\r\n <p class=\"testimonial-author\">Priya Singh<\/p>\r\n <p class=\"testimonial-role\">Student<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div class=\"swiper-pagination\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.js\"><\/script>\r\n <script>\r\n var swiper = new Swiper(\".mySwiper\", {\r\n pagination: {\r\n el: \".swiper-pagination\",\r\n clickable: true,\r\n },\r\n autoplay: {\r\n delay: 4000,\r\n disableOnInteraction: false,\r\n },\r\n loop: true,\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0619193 e-flex e-con-boxed e-con e-parent\" data-id=\"0619193\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f4ff776 elementor-widget elementor-widget-html\" data-id=\"f4ff776\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"erp-news\">\r\n <div class=\"section-heading\">\r\n <h5 style=\"color: #90B63C;\">Latest Updates<\/h5>\r\n\r\n <h2>School ERP News<\/h2>\r\n <div class=\"heading-underline\" style=\"background-color: #90B63C;\"><\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"blog-container\">\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/academic-management.png\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\"style=\"color: #90B63C;\">MARCH 6, 2025 \u2022 3 Updates<\/span>\r\n <h3>New School Infrastructure<\/h3>\r\n <p>Our school has launched new classrooms and labs, improving learning facilities for all students.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/quiz.png\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\"style=\"color: #90B63C;\">APRIL 10, 2025 \u2022 5 Updates<\/span>\r\n <h3>Online Classes Launched<\/h3>\r\n <p>Students can now attend live classes remotely via the ERP system with integrated attendance tracking.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/80\/000000\/certificate.png\" alt=\"Exam Results\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\" style=\"color: #90B63C;\">MAY 5, 2025 \u2022 2 Updates<\/span>\r\n <h3>Exam Results Published<\/h3>\r\n <p>Students can now view their exam results online via ERP, along with performance analytics and feedback.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/www.schoolerp.co.in\/assets\/images\/event-management.png\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\" style=\"color: #90B63C;\">JUNE 12, 2025 \u2022 4 Updates<\/span>\r\n <h3>Parent-Teacher Meetings<\/h3>\r\n <p>ERP enables scheduling and virtual meetings with parents, ensuring better communication about student progress.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/80\/000000\/calendar.png\" alt=\"Event Calendar\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\" style=\"color: #90B63C;\">JULY 1, 2025 \u2022 6 Updates<\/span>\r\n <h3>School Event Calendar<\/h3>\r\n <p>All upcoming events and competitions are now listed in the ERP, allowing students and teachers to stay updated.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios-filled\/80\/000000\/attendance-mark.png\" alt=\"Attendance Tracking\">\r\n <div class=\"blog-content\">\r\n <span class=\"meta\"style=\"color: #90B63C;\">AUGUST 9, 2026 \u2022 10 Updates<\/span>\r\n <h3>Attendance Tracking<\/h3>\r\n <p>Teachers can mark attendance online and students can view their daily attendance reports through ERP.<\/p>\r\n <a href=\"#\" class=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Section Heading *\/\r\n.erp-news .section-heading {\r\n text-align: center;\r\n margin-bottom: 50px;\r\n}\r\n.erp-news .section-heading h5 {\r\n color: #ff7f32;\r\n font-size: 14px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n margin-bottom: 10px;\r\n}\r\n.erp-news .section-heading h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-bottom: 10px;\r\n}\r\n.erp-news .heading-underline {\r\n width: 80px;\r\n height: 4px;\r\n background-color: #ff7f32;\r\n margin: 0 auto;\r\n border-radius: 2px;\r\n}\r\n\r\n\/* Blog Cards *\/\r\n.blog-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 25px;\r\n padding: 0 40px 50px;\r\n}\r\n\r\n.blog-card {\r\n background: #fff;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.blog-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 12px 25px rgba(0,0,0,0.15);\r\n}\r\n\r\n.blog-card img {\r\n width: 70px;\r\n height: 70px;\r\n object-fit: contain;\r\n margin: 20px auto;\r\n display: block;\r\n}\r\n\r\n.blog-content {\r\n padding: 15px 20px;\r\n text-align: center;\r\n}\r\n\r\n.blog-content .meta {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #ff7f32;\r\n margin-bottom: 8px;\r\n display: block;\r\n}\r\n\r\n.blog-content h3 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin: 10px 0;\r\n}\r\n\r\n.blog-content p {\r\n font-size: 14px;\r\n color: #555;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.read-more {\r\n display: inline-block;\r\n padding: 8px 20px;\r\n background: #ff7f32;\r\n color: #fff;\r\n border-radius: 25px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.read-more:hover {\r\n background: #333;\r\n color: #ff7f32;\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n .blog-container {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .blog-container {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-916f71a e-flex e-con-boxed e-con e-parent\" data-id=\"916f71a\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1190355 elementor-widget elementor-widget-html\" data-id=\"1190355\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"school-management\">\r\n <div class=\"container\">\r\n \r\n <div class=\"image-box\" data-aos=\"fade-right\">\r\n <img decoding=\"async\" src=\"https:\/\/www.geniusedusoft.com\/assets\/img\/geniusedusoft-banner-3.png\">\r\n <\/div>\r\n\r\n \r\n <div class=\"content-box\" data-aos=\"fade-left\">\r\n <span class=\"highlight\">GET FREE GUIDE<\/span>\r\n <h2>Looking for the <span>Best School Management Software?<\/span><\/h2>\r\n <p>\r\n Any school organization that seeks to streamline its daily operations needs a <b>school management software<\/b>. \r\n It improves <span class=\"accent\">efficiency<\/span>, reduces <span class=\"accent\">manual workload<\/span>, ensures <span class=\"accent\">quality<\/span>, \r\n and enhances <span class=\"accent\">operational excellence<\/span>.\r\n <\/p>\r\n <p>\r\n Here is a quick guide on must-have features in <b>School Management Software<\/b>. \r\n Discover why it\u2019s a smart investment for modern schools.\r\n <\/p>\r\n <a href=\"#\" class=\"btn-download\">Download Guide<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n.school-management {\r\n background: #e0f7fa; \/* Light sky blue *\/\r\n padding: 80px 10%;\r\n font-family: 'Poppins', sans-serif;\r\n border-radius: 15px;\r\n overflow: hidden;\r\n color: #222;\r\n}\r\n.school-management .container {\r\n display: flex;\r\n align-items: center;\r\n gap: 50px;\r\n flex-wrap: wrap;\r\n}\r\n.school-management .image-box {\r\n flex: 1;\r\n min-width: 320px;\r\n transition: transform 0.4s ease;\r\n}\r\n.school-management .image-box img {\r\n width: 100%;\r\n border-radius: 15px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n}\r\n.school-management .image-box:hover {\r\n transform: scale(1.05);\r\n}\r\n.school-management .content-box {\r\n flex: 1;\r\n min-width: 320px;\r\n}\r\n.school-management .highlight {\r\n color: #00796b;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-size: 14px;\r\n display: inline-block;\r\n padding: 5px 15px;\r\n border: 2px solid #00796b;\r\n border-radius: 50px;\r\n margin-bottom: 15px;\r\n}\r\n.school-management h2 {\r\n font-size: 36px;\r\n margin: 20px 0;\r\n font-weight: 800;\r\n line-height: 1.3;\r\n}\r\n.school-management h2 span {\r\n color: #00796b; \/* Emphasized color *\/\r\n}\r\n.school-management p {\r\n font-size: 16px;\r\n color: #222;\r\n margin-bottom: 15px;\r\n line-height: 1.8;\r\n}\r\n.school-management p .accent {\r\n font-weight: 700;\r\n color: #00796b;\r\n}\r\n.btn-download {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background: linear-gradient(135deg, #90B63C, #92B841); \/* Custom green gradient *\/\r\n color: #fff;\r\n border-radius: 25px; \/* Using same radius as .read-more *\/\r\n text-decoration: none;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease, background 0.5s ease;\r\n}\r\n\r\n.btn-download:hover {\r\n background: linear-gradient(135deg, #92B841, #90B63C); \/* Hover gradient reverse *\/\r\n color: #fff; \/* Keep text white *\/\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2); \/* Same shadow as .read-more *\/\r\n}\r\n\r\n\r\n\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n .school-management h2 {\r\n font-size: 28px;\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .school-management .container {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .school-management .image-box {\r\n order: 2;\r\n }\r\n .school-management .content-box {\r\n order: 1;\r\n }\r\n}\r\n<\/style>\r\n\r\n\r\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n<script>\r\n AOS.init({\r\n duration: 1000,\r\n once: true\r\n });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f27b424 e-flex e-con-boxed e-con e-parent\" data-id=\"f27b424\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7329db elementor-widget elementor-widget-html\" data-id=\"c7329db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Footer Section<\/title>\r\n <style>\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .footer {\r\n background-color: #1c1c1c; \/* Dark background *\/\r\n color: #ccc;\r\n padding: 60px 100px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .footer h3 {\r\n color: #90B63C; \/* custom green *\/\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n position: relative;\r\n }\r\n\r\n .footer h3::after {\r\n content: \"\";\r\n display: block;\r\n width: 40px;\r\n height: 2px;\r\n background: #90B63C; \/* custom green *\/\r\n margin-top: 8px;\r\n }\r\n\r\n .footer p,\r\n .footer li,\r\n .footer a,\r\n .footer span {\r\n font-size: 14px;\r\n line-height: 24px;\r\n color: #ccc;\r\n text-decoration: none; \/* ensures no underline *\/\r\n }\r\n\r\n \/* Left column *\/\r\n .footer .footer-col strong {\r\n color: #90B63C; \/* custom green *\/\r\n display: block;\r\n margin-top: 15px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n \/* Middle column *\/\r\n .footer ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .footer ul li {\r\n margin: 10px 0;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #333;\r\n }\r\n\r\n .footer ul li a {\r\n color: #ccc;\r\n text-decoration: none; \/* no underline *\/\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer ul li a:hover {\r\n color: #92B841; \/* custom hover green *\/\r\n }\r\n\r\n .footer ul li::before {\r\n content: \"\u203a\";\r\n color: #90B63C; \/* custom green *\/\r\n margin-right: 8px;\r\n }\r\n\r\n \/* Right column - Working hours *\/\r\n .working-time p {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .working-time span {\r\n display: inline-block;\r\n width: 120px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .footer {\r\n padding: 40px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<footer class=\"footer\">\r\n \r\n <div class=\"footer-col\">\r\n <h3>E-SKOOL TECH<\/h3>\r\n <strong>Office Address<\/strong>\r\n <p>Modinagar, Ghaziabad<\/p>\r\n\r\n <strong>Business Phone<\/strong>\r\n <p>+91 82189 69391<\/p>\r\n\r\n <strong>Business Email<\/strong>\r\n <p>edyyo@gmail.com<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col\">\r\n <h3>Footer Menu<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Case Studies<\/a><\/li>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Our Story<\/a><\/li>\r\n <li><a href=\"#\">Blog Post<\/a><\/li>\r\n <li><a href=\"#\">Work with Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div class=\"footer-col working-time\">\r\n <h3>Working Day & time<\/h3>\r\n <p>Architecto beatae vitae dicta sunt ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit<\/p>\r\n <p><span>MON - TUS :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>WED - THUR :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>FRIDAY :<\/span> 10.00 PM - 5.00 PM<\/p>\r\n <p><span>SUNDAY :<\/span> CLOSED<\/p>\r\n <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bcff501 e-flex e-con-boxed e-con e-parent\" data-id=\"4bcff501\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e3bf68e elementor-widget elementor-widget-metform\" data-id=\"3e3bf68e\" data-element_type=\"widget\" data-widget_type=\"metform.default\">\n\t\t\t\t\t<div id=\"mf-response-props-id-306\" data-previous-steps-style=\"\" data-editswitchopen=\"\" data-response_type=\"alert\" data-erroricon=\"fas fa-exclamation-triangle\" data-successicon=\"fas fa-check\" data-messageposition=\"top\" class=\" mf-scroll-top-no\">\n\t\t<div class=\"formpicker_warper formpicker_warper_editable\" data-metform-formpicker-key=\"306\" >\n\t\t\t\t\n\t\t\t<div class=\"mf-widget-container\">\n\t\t\t\t\r\n\t\t<div\r\n\t\t\tid=\"metform-wrap-3e3bf68e-306\"\r\n\t\t\tclass=\"mf-form-wrapper\"\r\n\t\t\tdata-form-id=\"306\"\r\n\t\t\tdata-action=\"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/metform\/v1\/entries\/insert\/306\"\r\n\t\t\tdata-wp-nonce=\"426d48e8ca\"\r\n\t\t\tdata-form-nonce=\"f13e324054\"\r\n\t\t\tdata-quiz-summery = \"false\"\r\n\t\t\tdata-save-progress = \"false\"\r\n\t\t\tdata-form-type=\"contact_form\"\r\n\t\t\tdata-stop-vertical-effect=\"\"\r\n\t\t\t><\/div>\r\n\r\n\r\n\t\t\r\n\r\n\t\t\t\t<script type=\"text\/mf\" class=\"mf-template\">\r\n\t\t\tfunction controls_data (value){\r\n\t\t\t\tlet currentWrapper = \"mf-response-props-id-306\";\r\n\t\t\t\tlet currentEl = document.getElementById(currentWrapper);\r\n\t\t\t\t\r\n\t\t\t\treturn currentEl ? currentEl.dataset[value] : false\r\n\t\t\t}\r\n\r\n\r\n\t\t\tlet is_edit_mode = '' ? true : false;\r\n\t\t\tlet message_position = controls_data('messageposition') || 'top';\r\n\r\n\t\t\t\r\n\t\t\tlet message_successIcon = controls_data('successicon') || '';\r\n\t\t\tlet message_errorIcon = controls_data('erroricon') || '';\r\n\t\t\tlet message_editSwitch = controls_data('editswitchopen') === 'yes' ? true : false;\r\n\t\t\tlet message_proClass = controls_data('editswitchopen') === 'yes' ? 'mf_pro_activated' : '';\r\n\t\t\t\r\n\t\t\tlet is_dummy_markup = is_edit_mode && message_editSwitch ? true : false;\r\n\r\n\t\t\t\r\n\t\t\treturn html`\r\n\t\t\t\t<form\r\n\t\t\t\t\tclassName=\"metform-form-content\"\r\n\t\t\t\t\tref=${parent.formContainerRef}\r\n\t\t\t\t\tonSubmit=${ validation.handleSubmit( parent.handleFormSubmit ) }\r\n\t\t\t\t\r\n\t\t\t\t\t>\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'top' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'top' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\r\n\t\t\t\t\t\r\n\r\n\t\t\t\t\t<div className=\"metform-form-main-wrapper\" key=${'hide-form-after-submit'} ref=${parent.formRef}>\r\n\t\t\t\t\t${html`\r\n\t\t\t\t\t\t\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"147\" className=\"elementor elementor-147\" data-elementor-post-type=\"revision\">\n\t\t\t\t<div className=\"elementor-element elementor-element-3835722 e-flex e-con-boxed e-con e-parent\" data-id=\"3835722\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-6bf8aeb elementor-widget elementor-widget-html\" data-id=\"6bf8aeb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Attractive Banner<\/title>\r\n <style key=\"1\">\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n \/* Banner Section *\/\r\n .banner {\r\n height: 100vh;\r\n background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.3)),\r\n url(\"https:\/\/images.unsplash.com\/photo-1523580846011-d3a5bc25702b\") no-repeat center center\/cover;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n text-align: center;\r\n color: #fff;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Content *\/\r\n .banner-content {\r\n max-width: 700px;\r\n animation: fadeInUp 2s ease;\r\n }\r\n\r\n .banner-content h3 {\r\n font-size: 22px;\r\n color: #f7931e;\r\n margin-bottom: 15px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n animation: fadeInDown 2s ease;\r\n }\r\n\r\n .banner-content h1 {\r\n font-size: 55px;\r\n line-height: 1.3;\r\n font-weight: bold;\r\n text-shadow: 2px 2px 10px rgba(0,0,0,0.7);\r\n animation: fadeInUp 2s ease;\r\n }\r\n\r\n .banner-content h1 span {\r\n color: #f7931e;\r\n }\r\n\r\n .banner-content p {\r\n margin: 20px 0;\r\n font-size: 18px;\r\n color: #ddd;\r\n animation: fadeIn 3s ease;\r\n }\r\n\r\n \/* Button *\/\r\n .btn {\r\n background: #f7931e;\r\n padding: 14px 35px;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: bold;\r\n border-radius: 30px;\r\n transition: 0.4s ease;\r\n display: inline-block;\r\n font-size: 16px;\r\n animation: fadeInUp 3s ease;\r\n }\r\n\r\n .btn:hover {\r\n background: #ff9800;\r\n box-shadow: 0 0 20px #f7931e;\r\n transform: scale(1.05);\r\n }\r\n\r\n \/* Scroll Down Indicator *\/\r\n .scroll-down {\r\n position: absolute;\r\n bottom: 30px;\r\n font-size: 14px;\r\n color: white;\r\n letter-spacing: 2px;\r\n animation: bounce 2s infinite;\r\n }\r\n\r\n .scroll-down::after {\r\n content: \"\u2193\";\r\n display: block;\r\n font-size: 22px;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeInUp {\r\n 0% { opacity: 0; transform: translateY(30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeInDown {\r\n 0% { opacity: 0; transform: translateY(-30px); }\r\n 100% { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n @keyframes fadeIn {\r\n 0% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n }\r\n\r\n @keyframes bounce {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-10px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section className=\"banner\">\r\n <div className=\"banner-content\">\r\n <h3>ADMISSION '25<\/h3>\r\n <h1><span>YOUR BRIGHT FUTURE<\/span><br\/>IS OUR MISSION<\/h1>\r\n <p>Discover knowledge, innovation, and opportunities that shape your success journey.<\/p>\r\n <a href=\"#\" className=\"btn\">START LEARNING NOW<\/a>\r\n <\/div>\r\n <div className=\"scroll-down\">SCROLL<\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-0b634ed e-flex e-con-boxed e-con e-parent\" data-id=\"0b634ed\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-d5bd60a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d5bd60a\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInDown"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=${{ 'padding': '60px 0','display': 'flex','justify-content': 'center','align-items': 'center','background': '#fff', }}>\r\n <div style=${{ 'max-width': '1200px','display': 'flex','gap': '50px','align-items': 'center','flex-wrap': 'wrap', }}>\r\n\r\n \r\n <div style=${{ 'flex': '1','min-width': '320px', }}>\r\n <h5 style=${{ 'color': '#000','font-size': '14px','letter-spacing': '2px','text-transform': 'uppercase','margin-bottom': '10px', }}>\r\n About Us\r\n <\/h5>\r\n <h2 style=${{ 'font-size': '36px','font-weight': '700','margin-bottom': '20px','color': '#222', }}>\r\n Welcome to <br\/> E-School Tech\r\n <\/h2>\r\n <p style=${{ 'color': '#555','line-height': '1.7','font-size': '16px','margin-bottom': '25px', }}>\r\n At E-School Tech, we're passionate about empowering schools with innovative technology solutions. \r\n With 13 years of experience in the education sector, we've developed a deep understanding of the \r\n unique needs of schools and institutions. Our school management software is designed to streamline \r\n operations, enhance communication, and provide valuable insights to support informed decision-making.\r\n <\/p>\r\n <a href=\"#\" style=\"display:inline-block; background:#f7941d; color:#fff; padding:12px 30px; \r\n border-radius:30px; font-weight:600; text-decoration:none; transition:0.3s;\">\r\n Read More\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div style=${{ 'flex': '1','min-width': '320px','position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/sdmntprcentralus.oaiusercontent.com\/files\/00000000-dcd8-61f5-8322-c2d42482cac6\/raw?se=2025-08-20T09%3A36%3A44Z&sp=r&sv=2024-08-04&sr=b&scid=c732196e-d154-5900-9f5d-d648d7521c59&skoid=ec8eb293-a61a-47e0-abd0-6051cc94b050&sktid=a48cca56-e6da-484e-a814-9c849652bcb3&skt=2025-08-19T22%3A32%3A34Z&ske=2025-08-20T22%3A32%3A34Z&sks=b&skv=2024-08-04&sig=MdFhnw5CEk6%2BwYr53ww\/vwGLS7\/1vAZe22gJEGkDFIs%3D\">\r\n <a href=\"https:\/\/www.youtube.com\/watch?v=cdfMgotGKIM\" target=\"_blank\"\r\n style=\"position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);\r\n background:#f7941d; width:70px; height:70px; border-radius:50%; display:flex; \r\n justify-content:center; align-items:center; color:#fff; font-size:30px; text-decoration:none;\">\r\n \u25b6\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-6afc32e e-flex e-con-boxed e-con e-parent\" data-id=\"6afc32e\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-f82d5e3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f82d5e3\" data-element_type=\"widget\" data-settings=\"{"_animation":"flash"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=${{ 'text-align': 'center','margin': '40px 0', }}>\r\n <h5 style=${{ 'font-size': '14px','letter-spacing': '2px','color': '#2c3e50','text-transform': 'uppercase','margin-bottom': '10px', }}>\r\n Build Your Software With\r\n <\/h5>\r\n <h2 style=${{ 'font-size': '38px','font-weight': '700','color': '#f7941d','margin': '0', }}>\r\n Featured Technologies\r\n <\/h2>\r\n<\/div>\r\n<style key=\"1\">\r\n.course-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin: 50px auto;\r\n max-width: 1200px;\r\n}\r\n\r\n.course-card {\r\n border: 1px solid #eee;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background: #fff;\r\n transition: all 0.3s ease-in-out;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.course-card:hover {\r\n transform: translateY(-10px);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n}\r\n\r\n.course-card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n}\r\n\r\n.price-tag {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: #f7941d;\r\n color: #fff;\r\n font-weight: 600;\r\n padding: 5px 12px;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n}\r\n\r\n.course-body {\r\n padding: 20px;\r\n position: relative;\r\n}\r\n\r\n.course-title {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.course-info {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 14px;\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n border-top: 1px solid #eee;\r\n}\r\n\r\n.course-info span {\r\n font-weight: bold;\r\n color: #333;\r\n}\r\n<\/style>\r\n\r\n<div className=\"course-grid\">\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=1\" alt=\"Course\">\r\n <span className=\"price-tag\">$150<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Application Design Course<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>3 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>18<\/span><\/div>\r\n <div>Duration <br\/><span>1 hour<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=2\" alt=\"Course\">\r\n <span className=\"price-tag\">$120<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Web Development Bootcamp<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>2 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>25<\/span><\/div>\r\n <div>Duration <br\/><span>2 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=3\" alt=\"Course\">\r\n <span className=\"price-tag\">$200<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Data Science Mastery<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>1 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>30<\/span><\/div>\r\n <div>Duration <br\/><span>3 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=4\" alt=\"Course\">\r\n <span className=\"price-tag\">$180<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">UI\/UX Design Essentials<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>6 Month<\/span><\/div>\r\n <div>Class Size <br\/><span>20<\/span><\/div>\r\n <div>Duration <br\/><span>1.5 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=5\" alt=\"Course\">\r\n <span className=\"price-tag\">$100<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Digital Marketing Course<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>1 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>15<\/span><\/div>\r\n <div>Duration <br\/><span>2 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"course-card\">\r\n <div style=${{ 'position': 'relative', }}>\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/200?random=6\" alt=\"Course\">\r\n <span className=\"price-tag\">$250<\/span>\r\n <\/div>\r\n <div className=\"course-body\">\r\n <h3 className=\"course-title\">Machine Learning Expert<\/h3>\r\n <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque quisquam est.<\/p>\r\n <div className=\"course-info\">\r\n <div>Course <br\/><span>2 Year<\/span><\/div>\r\n <div>Class Size <br\/><span>22<\/span><\/div>\r\n <div>Duration <br\/><span>3 hours<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-fa5bffe e-flex e-con-boxed e-con e-parent\" data-id=\"fa5bffe\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-d50525f elementor-widget elementor-widget-html\" data-id=\"d50525f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=${{ 'text-align': 'center','margin': '50px 0', }}>\r\n \r\n <img decoding=\"async\" src=\"https:\/\/eskooltech.in\/assets\/images\/icon\/title-top-shape.png\" \r\n style=${{ 'width': '60px','margin-bottom': '15px', }}>\r\n \r\n \r\n <h5 style=${{ 'font-size': '14px','letter-spacing': '2px','color': '#222','text-transform': 'uppercase','margin-bottom': '10px', }}>\r\n Take a Tour\r\n <\/h5>\r\n \r\n \r\n <h2 style=${{ 'font-size': '36px','font-weight': '700','color': '#000','margin': '0', }}>\r\n E-SCHOOL TECH\r\n <\/h2>\r\n<\/div>\r\n\r\n<style key=\"1\">\r\n.stats-container {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr); \/* 4 per row *\/\r\n gap: 25px;\r\n margin: 50px auto;\r\n max-width: 1200px;\r\n}\r\n\r\n.stat-box {\r\n background: #3d3d3d;\r\n color: #fff;\r\n height: 200px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.stat-box:hover {\r\n transform: translateY(-10px) scale(1.05);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.3);\r\n}\r\n\r\n.stat-box i {\r\n font-size: 40px;\r\n margin-bottom: 15px;\r\n color: #f7941d;\r\n}\r\n\r\n.stat-box h3 {\r\n font-size: 22px;\r\n font-weight: bold;\r\n margin: 0;\r\n}\r\n\r\n.stat-box p {\r\n font-size: 14px;\r\n margin: 5px 0 0;\r\n}\r\n<\/style>\r\n\r\n<div className=\"stats-container\">\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-user-friends\"><\/i>\r\n <h3>11+<\/h3>\r\n <p>Partners<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-graduation-cap\"><\/i>\r\n <h3>250+<\/h3>\r\n <p>Students<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-chalkboard-teacher\"><\/i>\r\n <h3>35+<\/h3>\r\n <p>Teachers<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-book\"><\/i>\r\n <h3>50+<\/h3>\r\n <p>Courses<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-trophy\"><\/i>\r\n <h3>20+<\/h3>\r\n <p>Awards<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-globe\"><\/i>\r\n <h3>15+<\/h3>\r\n <p>Countries<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-university\"><\/i>\r\n <h3>10+<\/h3>\r\n <p>Institutes<\/p>\r\n <\/div>\r\n\r\n <div className=\"stat-box\">\r\n <i className=\"fas fa-lightbulb\"><\/i>\r\n <h3>100+<\/h3>\r\n <p>Projects<\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-0c74346 e-flex e-con-boxed e-con e-parent\" data-id=\"0c74346\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-65ebb05 elementor-widget elementor-widget-html\" data-id=\"65ebb05\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Our Team Section<\/title>\r\n <style key=\"1\">\r\n body {\r\n font-family: Arial, sans-serif;\r\n margin: 0;\r\n padding: 0;\r\n background: #fff;\r\n }\r\n\r\n .team-section {\r\n text-align: center;\r\n padding: 50px 20px;\r\n }\r\n\r\n .team-section h4 {\r\n font-size: 18px;\r\n font-weight: 400;\r\n color: #333;\r\n letter-spacing: 2px;\r\n margin: 0;\r\n }\r\n\r\n .team-section h2 {\r\n font-size: 48px;\r\n font-weight: bold;\r\n color: #f7931e; \/* Orange *\/\r\n margin: 10px 0 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div className=\"team-section\">\r\n <h4>SERVICE FROM THE BEST<\/h4>\r\n <h2>Our Team<\/h2>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Team Section<\/title>\r\n <style key=\"1\">\r\n body {\r\n font-family: Arial, sans-serif;\r\n background: #111;\r\n margin: 0;\r\n padding: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n }\r\n\r\n .container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n }\r\n\r\n .card {\r\n background: #fff;\r\n border-radius: 10px;\r\n box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);\r\n overflow: hidden;\r\n text-align: center;\r\n transition: transform 0.6s ease-in-out;\r\n cursor: pointer;\r\n }\r\n\r\n .card:hover {\r\n transform: rotateY(15deg) rotateX(10deg) scale(1.05);\r\n }\r\n\r\n .card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n }\r\n\r\n .card h3 {\r\n margin: 15px 0 5px;\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n\r\n .card p.role {\r\n color: #f57c00;\r\n margin: 0;\r\n font-weight: 500;\r\n }\r\n\r\n .card p.desc {\r\n padding: 10px 20px 20px;\r\n font-size: 14px;\r\n color: #555;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div className=\"container\">\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/eskooltech.in\/assets\/images\/teacher-member1.jpg\">\r\n <h3>Patrick Garner Dony<\/h3>\r\n <p className=\"role\">Economist<\/p>\r\n <p className=\"desc\">We\u2019re a philosophical bunch here at School site and we have thought long and hard about it.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/premium-photo\/smiling-busi\u2026ng-tablet-computer-office_146671-13354.jpg?w=1480\">\r\n <h3>Sarah Johnson<\/h3>\r\n <p className=\"role\">Data Analyst<\/p>\r\n <p className=\"desc\">Passionate about turning data into meaningful insights for better decision making.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/free-photo\/medium-shot-smiley-man-sitting-desk_23-2149927603.jpg?t=st=1755540709~exp=1755544309~hmac=e6b9a20f60436e1b916604a1106a1ed09ca4150e984b1076cb22b55e6e04412b&w=1480\">\r\n <h3>Michael Lee<\/h3>\r\n <p className=\"role\">Professor<\/p>\r\n <p className=\"desc\">Dedicated to helping students explore and grow in their academic journey.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/premium-photo\/portrait-mat\u2026lt-smiling-looking-camera_321831-16830.jpg?w=1480\">\r\n <h3>Emily Davis<\/h3>\r\n <p className=\"role\">Designer<\/p>\r\n <p className=\"desc\">Creative thinker who loves solving problems with design and innovation.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"https:\/\/img.freepik.com\/premium-photo\/handsome-middle-eastern-man-suit-office_97712-1014.jpg?w=1480\">\r\n <h3>James Smith<\/h3>\r\n <p className=\"role\">Engineer<\/p>\r\n <p className=\"desc\">Focused on building reliable and scalable solutions for modern challenges.<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"card\">\r\n <img decoding=\"async\" src=\"\thttps:\/\/img.freepik.com\/premium-photo\/young-businesswoman-sitting-workplace_225683-79.jpg?w=1480\">\r\n <h3>Olivia Brown<\/h3>\r\n <p className=\"role\">Researcher<\/p>\r\n <p className=\"desc\">Curious mind with a passion for exploring new ideas and technologies.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-8a867ce e-flex e-con-boxed e-con e-parent\" data-id=\"8a867ce\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-011073c elementor-widget elementor-widget-html\" data-id=\"011073c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div className=\"upcoming-events\">\r\n <h4 className=\"subtitle\">JOIN WITH US<\/h4>\r\n <h2 className=\"title\">Upcoming Events<\/h2>\r\n\r\n <div className=\"events-grid\">\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">SEP<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Affiliate Marketing<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">OCT<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Facebook Marketing<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">NOV<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Edustar Autumn<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"event-card\">\r\n <div className=\"event-date\">\r\n <span className=\"month\">DEC<\/span>\r\n <span className=\"day\">25<\/span>\r\n <span className=\"year\">2025<\/span>\r\n <\/div>\r\n <div className=\"event-info\">\r\n <h3>Workshop PHP<\/h3>\r\n <p>10:00 AM - 05:00 PM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<style key=\"1\">\r\n.upcoming-events {\r\n text-align: center;\r\n margin: 50px auto;\r\n max-width: 1100px;\r\n}\r\n\r\n.upcoming-events .subtitle {\r\n font-size: 14px;\r\n color: #333;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.upcoming-events .title {\r\n font-size: 36px;\r\n font-weight: bold;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.events-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 30px;\r\n}\r\n\r\n.event-card {\r\n display: flex;\r\n align-items: center;\r\n background: #fff;\r\n border-radius: 6px;\r\n box-shadow: 0 6px 12px rgba(0,0,0,0.1);\r\n overflow: hidden;\r\n transform: translateY(50px);\r\n opacity: 0;\r\n transition: all 0.6s ease-in-out;\r\n}\r\n\r\n.event-card.show {\r\n transform: translateY(0);\r\n opacity: 1;\r\n}\r\n\r\n.event-date {\r\n background: #f58220;\r\n color: #fff;\r\n padding: 20px;\r\n text-align: center;\r\n min-width: 120px;\r\n}\r\n\r\n.event-date .month {\r\n display: block;\r\n font-size: 14px;\r\n}\r\n\r\n.event-date .day {\r\n display: block;\r\n font-size: 22px;\r\n font-weight: bold;\r\n}\r\n\r\n.event-date .year {\r\n display: block;\r\n font-size: 18px;\r\n margin-top: 5px;\r\n}\r\n\r\n.event-info {\r\n padding: 20px;\r\n text-align: left;\r\n}\r\n\r\n.event-info h3 {\r\n font-size: 20px;\r\n margin: 0 0 10px;\r\n}\r\n\r\n.event-info p {\r\n color: #777;\r\n font-size: 14px;\r\n margin: 0;\r\n}\r\n<\/style>\r\n\r\n\r\n${(function(){\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n const cards = document.querySelectorAll(\".event-card\");\r\n\r\n function checkScroll() {\r\n let triggerBottom = window.innerHeight * 0.85;\r\n cards.forEach(card => {\r\n let boxTop = card.getBoundingClientRect().top;\r\n if (boxTop < triggerBottom) {\r\n card.classList.add(\"show\");\r\n }\r\n });\r\n }\r\n\r\n window.addEventListener(\"scroll\", checkScroll);\r\n checkScroll();\r\n});\r\n})()}\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-f31fbb4 e-flex e-con-boxed e-con e-parent\" data-id=\"f31fbb4\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-6be587a elementor-widget elementor-widget-html\" data-id=\"6be587a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Testimonial Section<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.css\" \/>\r\n <style key=\"1\">\r\n body {\r\n margin: 0;\r\n font-family: \"Poppins\", sans-serif;\r\n background: #111;\r\n color: #fff;\r\n }\r\n\r\n .testimonial-section {\r\n padding: 80px 20px;\r\n background: #111;\r\n position: relative;\r\n text-align: center; \/* \u2705 Center align everything inside *\/\r\n }\r\n\r\n .testimonial-section h5 {\r\n color: #f7941d;\r\n text-transform: uppercase;\r\n font-size: 14px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .testimonial-section h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .swiper {\r\n width: 100%;\r\n max-width: 900px;\r\n margin: auto;\r\n }\r\n\r\n .swiper-slide {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .testimonial-quote {\r\n font-size: 20px;\r\n font-style: italic;\r\n font-weight: 600;\r\n margin-bottom: 20px;\r\n max-width: 700px;\r\n line-height: 1.6;\r\n }\r\n\r\n .testimonial-author {\r\n font-weight: 600;\r\n font-size: 18px;\r\n }\r\n\r\n .testimonial-role {\r\n font-style: italic;\r\n font-size: 14px;\r\n color: #bbb;\r\n }\r\n\r\n .swiper-pagination-bullet {\r\n background: #bbb;\r\n opacity: 1;\r\n }\r\n\r\n .swiper-pagination-bullet-active {\r\n background: #f7941d;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section className=\"testimonial-section\">\r\n <h5>Happy Students<\/h5>\r\n <h2>Testimonial<\/h2>\r\n\r\n <div className=\"swiper mySwiper\">\r\n <div className=\"swiper-wrapper\">\r\n\r\n \r\n <div className=\"swiper-slide\">\r\n <p className=\"testimonial-quote\">\u201c Vous devez profiter de la vie. Toujours aimez, les personnes positives penser. \u201d<\/p>\r\n <p className=\"testimonial-author\">Kawsar Ahamed<\/p>\r\n <p className=\"testimonial-role\">App Developer<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"swiper-slide\">\r\n <p className=\"testimonial-quote\">\u201c Education is the most powerful weapon which you can use to change the world. \u201d<\/p>\r\n <p className=\"testimonial-author\">Sarah Johnson<\/p>\r\n <p className=\"testimonial-role\">Web Designer<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"swiper-slide\">\r\n <p className=\"testimonial-quote\">\u201c The beautiful thing about learning is that nobody can take it away from you. \u201d<\/p>\r\n <p className=\"testimonial-author\">David Lee<\/p>\r\n <p className=\"testimonial-role\">Software Engineer<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n \r\n <div className=\"swiper-pagination\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper\/swiper-bundle.min.js\">})()}\r\n ${(function(){\r\n var swiper = new Swiper(\".mySwiper\", {\r\n pagination: {\r\n el: \".swiper-pagination\",\r\n clickable: true,\r\n },\r\n autoplay: {\r\n delay: 4000,\r\n disableOnInteraction: false,\r\n },\r\n loop: true,\r\n });\r\n })()}\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-0619193 e-flex e-con-boxed e-con e-parent\" data-id=\"0619193\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-f4ff776 elementor-widget elementor-widget-html\" data-id=\"f4ff776\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div className=\"section-heading\">\r\n <h5>TOP STORIES<\/h5>\r\n <h2>Blog & News<\/h2>\r\n<\/div>\r\n\r\n<style key=\"1\">\r\n.section-heading {\r\n text-align: center;\r\n}\r\n.section-heading h5 {\r\n letter-spacing: 2px;\r\n font-weight: 400;\r\n color: #333;\r\n margin: 0;\r\n}\r\n.section-heading h2 {\r\n font-size: 36px;\r\n font-weight: 700;\r\n color: #222;\r\n margin-top: 5px;\r\n}\r\n<\/style>\r\n<div className=\"blog-container\">\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=1\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">AUGUST 6, 2017 \u2022 3 Comments<\/span>\r\n <h3>The Death Of Architecture<\/h3>\r\n <p>We\u2019re a philosophical bunch here at School site and we have thought long and hard about.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=2\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">JANUARY 12, 2018 \u2022 5 Comments<\/span>\r\n <h3>Modern Design Trends<\/h3>\r\n <p>Exploring how design has evolved with modern styles and aesthetic approaches worldwide.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=3\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">MARCH 22, 2019 \u2022 2 Comments<\/span>\r\n <h3>Creative UI Ideas<\/h3>\r\n <p>Some of the best creative UI concepts that are reshaping user experiences online.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=4\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">JULY 15, 2020 \u2022 8 Comments<\/span>\r\n <h3>Futuristic Web Designs<\/h3>\r\n <p>Looking at futuristic designs that will inspire the next generation of developers.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=5\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">OCTOBER 1, 2021 \u2022 6 Comments<\/span>\r\n <h3>Minimalist Lifestyle<\/h3>\r\n <p>How minimalism influences modern design and keeps simplicity at the forefront.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div className=\"blog-card\">\r\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/400\/250?random=6\" alt=\"Blog Image\">\r\n <div className=\"blog-content\">\r\n <span className=\"meta\">MAY 9, 2022 \u2022 10 Comments<\/span>\r\n <h3>Smart UI Elements<\/h3>\r\n <p>Discover the role of smart UI components in interactive web experiences.<\/p>\r\n <a href=\"#\" className=\"read-more\">Read More<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<style key=\"1\">\r\n.blog-container {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr); \/* \u2705 3 per row *\/\r\n gap: 25px;\r\n padding: 40px;\r\n}\r\n\r\n.blog-card {\r\n background: #fff;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 6px 18px rgba(0,0,0,0.1);\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.blog-card:hover {\r\n transform: translateY(-8px);\r\n}\r\n\r\n.blog-card img {\r\n width: 100%;\r\n height: 200px;\r\n object-fit: cover;\r\n}\r\n\r\n.blog-content {\r\n padding: 20px;\r\n text-align: center;\r\n}\r\n\r\n.blog-content .meta {\r\n display: block;\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #ff7f32;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.blog-content h3 {\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin: 10px 0;\r\n}\r\n\r\n.blog-content p {\r\n font-size: 14px;\r\n color: #555;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.read-more {\r\n display: inline-block;\r\n padding: 10px 22px;\r\n background: #ff7f32;\r\n color: #fff;\r\n border-radius: 25px;\r\n text-decoration: none !important;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n}\r\n\r\n.read-more:hover {\r\n background: #333;\r\n color: #ff7f32;\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* \u2705 Responsive fix *\/\r\n@media (max-width: 900px) {\r\n .blog-container {\r\n grid-template-columns: repeat(2, 1fr); \/* 2 per row on tablets *\/\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .blog-container {\r\n grid-template-columns: 1fr; \/* 1 per row on mobile *\/\r\n }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div className=\"elementor-element elementor-element-f27b424 e-flex e-con-boxed e-con e-parent\" data-id=\"f27b424\" data-element_type=\"container\">\n\t\t\t\t\t<div className=\"e-con-inner\">\n\t\t\t\t<div className=\"elementor-element elementor-element-c7329db elementor-widget elementor-widget-html\" data-id=\"c7329db\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Footer Section<\/title>\r\n <style key=\"1\">\r\n body {\r\n margin: 0;\r\n font-family: Arial, sans-serif;\r\n }\r\n\r\n .footer {\r\n background-color: #1c1c1c; \/* Dark background *\/\r\n color: #ccc;\r\n padding: 60px 100px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n }\r\n\r\n .footer h3 {\r\n color: #ff7f32;\r\n font-size: 20px;\r\n margin-bottom: 15px;\r\n position: relative;\r\n }\r\n\r\n .footer h3::after {\r\n content: \"\";\r\n display: block;\r\n width: 40px;\r\n height: 2px;\r\n background: #ff7f32;\r\n margin-top: 8px;\r\n }\r\n\r\n .footer p, \r\n .footer li, \r\n .footer a, \r\n .footer span {\r\n font-size: 14px;\r\n line-height: 24px;\r\n color: #ccc;\r\n text-decoration: none; \/* ensures no underline *\/\r\n }\r\n\r\n \/* Left column *\/\r\n .footer .footer-col strong {\r\n color: #ff7f32;\r\n display: block;\r\n margin-top: 15px;\r\n margin-bottom: 5px;\r\n }\r\n\r\n \/* Middle column *\/\r\n .footer ul {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n .footer ul li {\r\n margin: 10px 0;\r\n padding-bottom: 8px;\r\n border-bottom: 1px solid #333;\r\n }\r\n\r\n .footer ul li a {\r\n color: #ccc;\r\n text-decoration: none; \/* no underline *\/\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer ul li a:hover {\r\n color: #ff7f32;\r\n }\r\n\r\n .footer ul li::before {\r\n content: \"\u203a\";\r\n color: #ff7f32;\r\n margin-right: 8px;\r\n }\r\n\r\n \/* Right column - Working hours *\/\r\n .working-time p {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .working-time span {\r\n display: inline-block;\r\n width: 120px;\r\n font-weight: bold;\r\n color: #fff;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .footer {\r\n padding: 40px 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <footer className=\"footer\">\r\n \r\n <div className=\"footer-col\">\r\n <h3>E-SKOOL TECH<\/h3>\r\n <strong>Office Address<\/strong>\r\n <p>Modinagar, Ghaziabad<\/p>\r\n\r\n <strong>Business Phone<\/strong>\r\n <p>+91 82189 69391<\/p>\r\n\r\n <strong>Business Email<\/strong>\r\n <p>edyyo@gmail.com<\/p>\r\n <\/div>\r\n\r\n \r\n <div className=\"footer-col\">\r\n <h3>Footer Menu<\/h3>\r\n <ul>\r\n <li><a href=\"#\">Case Studies<\/a><\/li>\r\n <li><a href=\"#\">About Us<\/a><\/li>\r\n <li><a href=\"#\">Our Story<\/a><\/li>\r\n <li><a href=\"#\">Blog Post<\/a><\/li>\r\n <li><a href=\"#\">Work with Us<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n \r\n <div className=\"footer-col working-time\">\r\n <h3>Working Day & time<\/h3>\r\n <p>Architecto beatae vitae dicta sunt ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit<\/p>\r\n <p><span>MON - TUS :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>WED - THUR :<\/span> 10.00 AM - 5.00 PM<\/p>\r\n <p><span>FRIDAY :<\/span> 10.00 PM - 5.00 PM<\/p>\r\n <p><span>SUNDAY :<\/span> CLOSED<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t`}\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t${is_dummy_markup ? message_position === 'bottom' ? props.ResponseDummyMarkup(message_successIcon, message_proClass) : '' : ''}\r\n\t\t\t\t\t${is_dummy_markup ? ' ' : message_position === 'bottom' ? props.SubmitResponseMarkup`${parent}${state}${message_successIcon}${message_errorIcon}${message_proClass}` : ''}\r\n\t\t\t\t\r\n\t\t\t\t<\/form>\r\n\t\t\t`\r\n\t\t<\/script>\r\n\r\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>School ERP Banner A Next-Generation School ERP powered by Java Spring Security. Experience enterprise-grade protection with seamless performance. Enabling connected […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-147","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages\/147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=147"}],"version-history":[{"count":428,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages\/147\/revisions"}],"predecessor-version":[{"id":1205,"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=\/wp\/v2\/pages\/147\/revisions\/1205"}],"wp:attachment":[{"href":"https:\/\/adarsh.modinagarshop.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}