nForma Portal<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Global Styles *\/\n body {\n font-family: 'DM Sans', sans-serif;\n color: #000 !important; \/* Ensuring text is black *\/\n font-size: 16px;\n font-weight: 400;\n }\n\n \/* Icon Animation *\/\n @keyframes sys-nforma-flip {\n 0% { transform: rotateY(0deg); }\n 50% { transform: rotateY(180deg); }\n 100% { transform: rotateY(360deg); }\n }\n\n .sys-nforma-container {\n color: #000 !important; \/* Ensuring text is black *\/\n }\n\n .sys-nforma-title-wrap {\n display: flex;\n align-items: flex-start; \/* Aligns icon and text at the top *\/\n gap: 10px; \/* 10px space between icon and title *\/\n }\n\n .sys-nforma-title {\n font-weight: bold;\n display: inline-block;\n white-space: nowrap; \/* Keeps \"nForma Portal\" on one line *\/\n }\n\n .sys-nforma-globe-icon {\ncolor:#bf92ff;\n width: 25.2px; \/* 5% increase from 24px *\/\n height: 25.2px;\n animation: sys-nforma-flip 3s linear infinite; \/* Flip animation *\/\n flex-shrink: 0; \/* Prevents icon from resizing *\/\n }\n\n .sys-nforma-text {\n color: #000 !important;\n margin-top: 0; \/* No extra space *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"sys-nforma-container\">\n <div class=\"sys-nforma-title-wrap\">\n <span class=\"sys-nforma-globe-icon\">\n \n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-globe\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n <\/svg>\n <\/span>\n <div>\n <span class=\"sys-nforma-title\">nForma Portal<\/span>\n <p class=\"sys-nforma-text\">\n <strong>nForma Portal<\/strong> is a robust system for managing students and reports, tailored to meet the needs of educators, students, and staff. With our extensive experience in the education field, we have developed straightforward, practical tools that make student data analysis simpler, allowing teachers to focus on what matters most: their students.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7d9c28 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"c7d9c28\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Academic Tracking Portal<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Global Styles *\/\n body {\n font-family: 'DM Sans', sans-serif;\n color: #000 !important; \/* Ensuring text is black *\/\n font-size: 16px;\n font-weight: 400;\n }\n\n \/* Icon Animation *\/\n @keyframes sys-student-flip {\n 0% { transform: rotateY(0deg); }\n 50% { transform: rotateY(180deg); }\n 100% { transform: rotateY(360deg); }\n }\n\n .sys-student-container {\n color: #000 !important; \/* Ensuring text is black *\/\n }\n\n .sys-student-title-wrap {\n display: flex;\n align-items: flex-start; \/* Aligns icon and text at the top *\/\n gap: 10px; \/* 10px space between icon and title *\/\n }\n\n .sys-student-title {\n font-weight: bold;\n display: inline-block;\n white-space: nowrap; \/* Keeps \"Academic Tracking Portal\" on one line *\/\n }\n\n .sys-student-icon {\n color: #bf92ff;\n width: 25.2px; \/* 5% increase from 24px *\/\n height: 25.2px;\n animation: sys-student-flip 3s linear infinite; \/* Flip animation *\/\n flex-shrink: 0; \/* Prevents icon from resizing *\/\n }\n\n .sys-student-text {\n color: #000 !important;\n margin-top: 0; \/* No extra space *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"sys-student-container\">\n <div class=\"sys-student-title-wrap\">\n <span class=\"sys-student-icon\">\n \n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-user\">\n <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z\"><\/path>\n <path d=\"M12 14c-4.41 0-8 2.69-8 6v2h16v-2c0-3.31-3.59-6-8-6z\"><\/path>\n <\/svg>\n <\/span>\n <div>\n <span class=\"sys-student-title\">Academic Tracking Portal<\/span>\n <p class=\"sys-student-text\">\n <strong>Students:<\/strong> Our academic performance tracking system is designed to provide educators, parents, and students with powerful tools to assess, track, and enhance academic achievements.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-950ea6a animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"950ea6a\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Parent-Teacher Connection Portal<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Global Styles *\/\n body {\n font-family: 'DM Sans', sans-serif;\n color: #000 !important; \/* Ensuring text is black *\/\n font-size: 16px;\n font-weight: 400;\n }\n\n \/* Icon Animation *\/\n @keyframes sys-parent-flip {\n 0% { transform: rotateY(0deg); }\n 50% { transform: rotateY(180deg); }\n 100% { transform: rotateY(360deg); }\n }\n\n .sys-parent-container {\n color: #000 !important; \/* Ensuring text is black *\/\n }\n\n .sys-parent-title-wrap {\n display: flex;\n align-items: flex-start; \/* Aligns icon and text at the top *\/\n gap: 10px; \/* 10px space between icon and title *\/\n }\n\n .sys-parent-title {\n font-weight: bold;\n display: inline-block;\n white-space: nowrap; \/* Keeps \"Parent-Teacher Connection Portal\" on one line *\/\n }\n\n .sys-parent-icon {\n color: #bf92ff;\n width: 25.2px; \/* 5% increase from 24px *\/\n height: 25.2px;\n animation: sys-parent-flip 3s linear infinite; \/* Flip animation *\/\n flex-shrink: 0; \/* Prevents icon from resizing *\/\n }\n\n .sys-parent-text {\n color: #000 !important;\n margin-top: 0; \/* No extra space *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"sys-parent-container\">\n <div class=\"sys-parent-title-wrap\">\n <span class=\"sys-parent-icon\">\n \n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-users\">\n <path d=\"M17 17a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2h14v-2z\"><\/path>\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n <circle cx=\"15\" cy=\"7\" r=\"4\"><\/circle>\n <\/svg>\n <\/span>\n <div>\n <span class=\"sys-parent-title\">Parent-Teacher Connection Portal<\/span>\n <p class=\"sys-parent-text\">\n <strong>Parents:<\/strong> Our parent-teacher meeting platform as well as our app redefines this essential connection, making it more accessible, convenient, and productive than ever before.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0a2f944 animated-slow elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"0a2f944\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Staff Calendar Management Portal<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Global Styles *\/\n body {\n font-family: 'DM Sans', sans-serif;\n color: #000 !important; \/* Ensuring text is black *\/\n font-size: 16px;\n font-weight: 400;\n }\n\n \/* Icon Animation *\/\n @keyframes sys-staff-flip {\n 0% { transform: rotateY(0deg); }\n 50% { transform: rotateY(180deg); }\n 100% { transform: rotateY(360deg); }\n }\n\n .sys-staff-container {\n color: #000 !important; \/* Ensuring text is black *\/\n }\n\n .sys-staff-title-wrap {\n display: flex;\n align-items: flex-start; \/* Aligns icon and text at the top *\/\n gap: 10px; \/* 10px space between icon and title *\/\n }\n\n .sys-staff-title {\n font-weight: bold;\n display: inline-block;\n white-space: nowrap; \/* Keeps \"Staff Calendar Management Portal\" on one line *\/\n }\n\n .sys-staff-icon {\n color: #bf92ff;\n width: 25.2px; \/* 5% increase from 24px *\/\n height: 25.2px;\n animation: sys-staff-flip 3s linear infinite; \/* Flip animation *\/\n flex-shrink: 0; \/* Prevents icon from resizing *\/\n }\n\n .sys-staff-text {\n color: #000 !important;\n margin-top: 0; \/* No extra space *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"sys-staff-container\">\n <div class=\"sys-staff-title-wrap\">\n <span class=\"sys-staff-icon\">\n \n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-home\">\n <path d=\"M3 9L12 2l9 7V22H3z\"><\/path>\n <path d=\"M9 22V12h6v10\"><\/path>\n <\/svg>\n <\/span>\n <div>\n <span class=\"sys-staff-title\">Staff Calendar Management Portal<\/span>\n <p class=\"sys-staff-text\">\n <strong>Staff:<\/strong> Our calendar management system is the compass that guides your school\u2019s schedule, ensuring that everyone stays organised and informed.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1933f4d elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"1933f4d\" 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-196f43a animated-slow elementor-invisible elementor-widget elementor-widget-section-head-two\" data-id=\"196f43a\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInLeft"}\" data-widget_type=\"section-head-two.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t <div class=\"section__title text-left\">\n \t\t \t<h2 class=\"title tg-svg\">Student <span class=\"position-relative\"><span class=\"svg-icon\" id=\"svg-4184911190\" data-svg-icon=\"https:\/\/dev.on5.io\/nforma\/wp-content\/themes\/eduvalt\/assets\/img\/icons\/title_shape.svg\"><\/span>Management<\/span> <br>Systems<\/h2>\n\t \t <\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6d987f elementor-widget elementor-widget-html\" data-id=\"a6d987f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>nForma Portal (Mobile)<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Mobile Styles *\/\r\n .mob-body {\r\n font-family: 'DM Sans', sans-serif;\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n font-size: 13px; \/* Updated font size for mobile *\/\r\n font-weight: 400;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n @keyframes mob-sys-nforma-flip {\r\n 0% { transform: rotateY(0deg); }\r\n 50% { transform: rotateY(180deg); }\r\n 100% { transform: rotateY(360deg); }\r\n }\r\n\r\n .mob-sys-nforma-container {\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n }\r\n\r\n .mob-sys-nforma-title-wrap {\r\n display: flex;\r\n align-items: flex-start; \/* Aligns icon and text at the top *\/\r\n gap: 10px; \/* 10px space between icon and title *\/\r\n }\r\n\r\n .mob-sys-nforma-title {\r\n font-weight: bold;\r\n display: inline-block;\r\n white-space: nowrap; \/* Keeps \"nForma Portal\" on one line *\/\r\n }\r\n\r\n .mob-sys-nforma-globe-icon {\r\n margin-top: -4px;\r\n color: #bf92ff;\r\n width: 20px; \/* Updated size for mobile *\/\r\n height: 20px; \/* Updated size for mobile *\/\r\n animation: mob-sys-nforma-flip 3s linear infinite; \/* Flip animation *\/\r\n flex-shrink: 0; \/* Prevents icon from resizing *\/\r\n }\r\n\r\n .mob-sys-nforma-text {\r\n font-size: 13px;\r\n color: #000 !important;\r\n margin-top: 0; \/* No extra space *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"mob-body\">\r\n <div class=\"mob-sys-nforma-container\">\r\n <div class=\"mob-sys-nforma-title-wrap\">\r\n <span class=\"mob-sys-nforma-globe-icon\">\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-globe\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n <div>\r\n \r\n <p class=\"mob-sys-nforma-text\">\r\n <strong>nForma Portal<\/strong> is a robust system for managing students and reports, tailored to meet the needs of educators, students, and staff. With our extensive experience in the education field, we have developed straightforward, practical tools that make student data analysis simpler, allowing teachers to focus on what matters most: their students.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dbeec2 elementor-widget elementor-widget-html\" data-id=\"6dbeec2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Academic Tracking Portal (Mobile)<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Mobile Styles *\/\r\n .mob-body {\r\n font-family: 'DM Sans', sans-serif;\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n font-size: 13px; \/* Updated font size for mobile *\/\r\n font-weight: 400;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n @keyframes mob-sys-student-flip {\r\n 0% { transform: rotateY(0deg); }\r\n 50% { transform: rotateY(180deg); }\r\n 100% { transform: rotateY(360deg); }\r\n }\r\n\r\n .mob-sys-student-container {\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n }\r\n\r\n .mob-sys-student-title-wrap {\r\n display: flex;\r\n align-items: flex-start; \/* Aligns icon and text at the top *\/\r\n gap: 10px; \/* 10px space between icon and title *\/\r\n }\r\n\r\n .mob-sys-student-title {\r\n font-weight: bold;\r\n display: inline-block;\r\n white-space: nowrap; \/* Keeps \"Academic Tracking Portal\" on one line *\/\r\n }\r\n\r\n .mob-sys-student-icon {\r\n margin-top: -5px;\r\n color: #bf92ff;\r\n width: 20px; \/* Adjusted for mobile size *\/\r\n height: 20px; \/* Adjusted for mobile size *\/\r\n animation: mob-sys-student-flip 3s linear infinite; \/* Flip animation *\/\r\n flex-shrink: 0; \/* Prevents icon from resizing *\/\r\n }\r\n\r\n .mob-sys-student-text {\r\n font-size: 13px;\r\n color: #000 !important;\r\n margin-top: 0; \/* No extra space *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"mob-body\">\r\n <div class=\"mob-sys-student-container\">\r\n <div class=\"mob-sys-student-title-wrap\">\r\n <span class=\"mob-sys-student-icon\">\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-user\">\r\n <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z\"><\/path>\r\n <path d=\"M12 14c-4.41 0-8 2.69-8 6v2h16v-2c0-3.31-3.59-6-8-6z\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n <div>\r\n \r\n <p class=\"mob-sys-student-text\">\r\n <strong>Students:<\/strong> Our academic performance tracking system is designed to provide educators, parents, and students with powerful tools to assess, track, and enhance academic achievements.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f98a55a elementor-widget elementor-widget-html\" data-id=\"f98a55a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Parent-Teacher Connection Portal (Mobile)<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Mobile Styles *\/\r\n .mob-body {\r\n font-family: 'DM Sans', sans-serif;\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n font-size: 13px; \/* Mobile font size *\/\r\n font-weight: 400;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n @keyframes mob-sys-parent-flip {\r\n 0% { transform: rotateY(0deg); }\r\n 50% { transform: rotateY(180deg); }\r\n 100% { transform: rotateY(360deg); }\r\n }\r\n\r\n .mob-sys-parent-container {\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n }\r\n\r\n .mob-sys-parent-title-wrap {\r\n display: flex;\r\n align-items: flex-start; \/* Aligns icon and text at the top *\/\r\n gap: 10px; \/* 10px space between icon and title *\/\r\n }\r\n\r\n .mob-sys-parent-title {\r\n font-weight: bold;\r\n display: inline-block;\r\n white-space: nowrap; \/* Keeps \"Parent-Teacher Connection Portal\" on one line *\/\r\n }\r\n\r\n .mob-sys-parent-icon {\r\n margin-top: -2px;\r\n color: #bf92ff;\r\n width: 20px; \/* Mobile-optimized icon size *\/\r\n height: 20px; \/* Mobile-optimized icon size *\/\r\n animation: mob-sys-parent-flip 3s linear infinite; \/* Flip animation *\/\r\n flex-shrink: 0; \/* Prevents icon from resizing *\/\r\n }\r\n\r\n .mob-sys-parent-text {\r\n font-size: 13px;\r\n color: #000 !important;\r\n margin-top: 0; \/* No extra space *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"mob-body\">\r\n <div class=\"mob-sys-parent-container\">\r\n <div class=\"mob-sys-parent-title-wrap\">\r\n <span class=\"mob-sys-parent-icon\">\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-users\">\r\n <path d=\"M17 17a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2h14v-2z\"><\/path>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n <circle cx=\"15\" cy=\"7\" r=\"4\"><\/circle>\r\n <\/svg>\r\n <\/span>\r\n <div>\r\n \r\n <p class=\"mob-sys-parent-text\">\r\n <strong>Parents:<\/strong> Our parent-teacher meeting platform as well as our app redefines this essential connection, making it more accessible, convenient, and productive than ever before.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-879d54c elementor-widget elementor-widget-html\" data-id=\"879d54c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>Staff Calendar Management Portal (Mobile)<\/title>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Mobile Styles *\/\r\n .mob-body {\r\n font-family: 'DM Sans', sans-serif;\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n font-size: 13px; \/* Mobile font size *\/\r\n font-weight: 400;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n @keyframes mob-sys-staff-flip {\r\n 0% { transform: rotateY(0deg); }\r\n 50% { transform: rotateY(180deg); }\r\n 100% { transform: rotateY(360deg); }\r\n }\r\n\r\n .mob-sys-staff-container {\r\n color: #000 !important; \/* Ensuring text is black *\/\r\n }\r\n\r\n .mob-sys-staff-title-wrap {\r\n display: flex;\r\n align-items: flex-start; \/* Aligns icon and text at the top *\/\r\n gap: 10px; \/* 10px space between icon and title *\/\r\n }\r\n\r\n .mob-sys-staff-title {\r\n font-weight: bold;\r\n display: inline-block;\r\n white-space: nowrap; \/* Keeps \"Staff Calendar Management Portal\" on one line *\/\r\n }\r\n\r\n .mob-sys-staff-icon {\r\n margin-top: -6px;\r\n color: #bf92ff;\r\n width: 20px; \/* Mobile-optimized icon size *\/\r\n height: 20px; \/* Mobile-optimized icon size *\/\r\n animation: mob-sys-staff-flip 3s linear infinite; \/* Flip animation *\/\r\n flex-shrink: 0; \/* Prevents icon from resizing *\/\r\n }\r\n\r\n .mob-sys-staff-text {\r\n font-size: 13px;\r\n color: #000 !important;\r\n margin-top: 0; \/* No extra space *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"mob-body\">\r\n <div class=\"mob-sys-staff-container\">\r\n <div class=\"mob-sys-staff-title-wrap\">\r\n <span class=\"mob-sys-staff-icon\">\r\n \r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-home\">\r\n <path d=\"M3 9L12 2l9 7V22H3z\"><\/path>\r\n <path d=\"M9 22V12h6v10\"><\/path>\r\n <\/svg>\r\n <\/span>\r\n <div>\r\n \r\n <p class=\"mob-sys-staff-text\">\r\n <strong>Staff:<\/strong> Our calendar management system is the compass that guides your school\u2019s schedule, ensuring that everyone stays organised and informed.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e448190 e-flex e-con-boxed e-con e-parent\" data-id=\"e448190\" 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-01155dc animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"01155dc\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Product Information<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10eacf0 elementor-widget elementor-widget-section-accordion\" data-id=\"10eacf0\" data-element_type=\"widget\" data-widget_type=\"section-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"faq-wrap\">\n\t <div class=\"tab-content\" id=\"myTabContent\">\n\t \t\t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading1\">\n\t\t <button class=\"accordion-button \" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse1\" aria-expanded=\"true\" aria-controls=\"collapse1\">\n\t\t Notices\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse1\" class=\"collapse show\" aria-labelledby=\"heading1\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Efficiently communicate information to a wide audience<\/li> <li><i class=\"fas fa-power-off\"><\/i> Timely updates on various matters<\/li> <li><i class=\"fas fa-power-off\"><\/i> Cost saving solution in transitioning to paperless, electronic notices<\/li> <li><i class=\"fas fa-power-off\"><\/i> Higher levels of security with electronic notices rather than physical notices<\/li> <li><i class=\"fas fa-power-off\"><\/i> Notices can be archived within the system<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading2\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse2\" aria-expanded=\"true\" aria-controls=\"collapse2\">\n\t\t Newsletter\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse2\" class=\"collapse \" aria-labelledby=\"heading2\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Keep parents informed and up to date<\/li> <li><i class=\"fas fa-power-off\"><\/i> Cost savings on printing and distribution of newsletters<\/li> <li><i class=\"fas fa-power-off\"><\/i> Previous newsletters are available for parents to look back through<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading3\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse3\" aria-expanded=\"true\" aria-controls=\"collapse3\">\n\t\t Forms\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse3\" class=\"collapse \" aria-labelledby=\"heading3\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Reduce time and effort and save space with customisable digital forms<\/li> <li><i class=\"fas fa-power-off\"><\/i> Include consent for parents<\/li> <li><i class=\"fas fa-power-off\"><\/i> Parents can instantly access, and review submitted forms<\/li> <li><i class=\"fas fa-power-off\"><\/i> Eliminates costs associated with printing, photocopying, and storing paper forms<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading4\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse4\" aria-expanded=\"true\" aria-controls=\"collapse4\">\n\t\t Parent Teacher Meeting\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse4\" class=\"collapse \" aria-labelledby=\"heading4\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Tailor discussions to address specific challenges<\/li> <li><i class=\"fas fa-power-off\"><\/i> Parents receive guidance on how to support their child\u2019s unique educational journey<\/li> <li><i class=\"fas fa-power-off\"><\/i> Encourage parents to become more involved in their child\u2019s education<\/li> <li><i class=\"fas fa-power-off\"><\/i> Parents can gain understanding of school policies, curriculum, grading systems, and extracurricular opportunities<\/li> <li><i class=\"fas fa-power-off\"><\/i> Allows parents to gain a holistic insight into their child\u2019s academic performance<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading5\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse5\" aria-expanded=\"true\" aria-controls=\"collapse5\">\n\t\t Medical\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse5\" class=\"collapse \" aria-labelledby=\"heading5\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Keep track of known allergies or medical conditions<\/li> <li><i class=\"fas fa-power-off\"><\/i> Flag students with severe conditions such as anaphylaxis<\/li> <li><i class=\"fas fa-power-off\"><\/i> Record details of medication, dietary requirements etc.<\/li> <li><i class=\"fas fa-power-off\"><\/i> Easily access contact details of doctors or other health professionals<\/li> <li><i class=\"fas fa-power-off\"><\/i> Upload relevant medical documents<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading6\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse6\" aria-expanded=\"true\" aria-controls=\"collapse6\">\n\t\t Wellbeing\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse6\" class=\"collapse \" aria-labelledby=\"heading6\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; \/* Align icons and text properly *\/ } ul.custom-list li i { color: #7836d9; \/* Icon color *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } ul.custom-list .subpoints { list-style: none; margin: 10px 20px; \/* Indent subpoints *\/ padding: 10px; border: 2px solid #7836d9; \/* Purple border for the box *\/ border-radius: 5px; \/* Rounded corners *\/ background-color: #f9f9ff; \/* Light background for better visibility *\/ } ul.custom-list .subpoints li { margin: 5px 0; } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Track information that teachers have entered for students over time<\/li> <li><i class=\"fas fa-power-off\"><\/i> Link documents or supplementary reports<\/li> <li> <i class=\"fas fa-power-off\"><\/i> Record student welfare information such as: <ul class=\"subpoints\"> <li>School Support Programs<\/li> <li>Agencies Involved<\/li> <li>General Notes<\/li> <\/ul> <\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading7\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse7\" aria-expanded=\"true\" aria-controls=\"collapse7\">\n\t\t Calendar\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse7\" class=\"collapse \" aria-labelledby=\"heading7\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Keep staff and parents informed of upcoming events<\/li> <li><i class=\"fas fa-power-off\"><\/i> Easily add events to the calendar<\/li> <li><i class=\"fas fa-power-off\"><\/i> View events for a month, week, or single day<\/li> <li><i class=\"fas fa-power-off\"><\/i> Can connect your school\u2019s Google Calendar<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading8\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse8\" aria-expanded=\"true\" aria-controls=\"collapse8\">\n\t\t Attendance\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse8\" class=\"collapse \" aria-labelledby=\"heading8\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Numerous reports are available on students\u2019 attendance<\/li> <li><i class=\"fas fa-power-off\"><\/i> Track students with unexplained absences<\/li> <li><i class=\"fas fa-power-off\"><\/i> Produce AGDoE reports or yearly attendance data<\/li> <li><i class=\"fas fa-power-off\"><\/i> Flexibility to define your own reason and communication types<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading9\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse9\" aria-expanded=\"true\" aria-controls=\"collapse9\">\n\t\t First Aid\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse9\" class=\"collapse \" aria-labelledby=\"heading9\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Record details of incidents that require first aid<\/li> <li><i class=\"fas fa-power-off\"><\/i> View a history of incidents for each student<\/li> <li><i class=\"fas fa-power-off\"><\/i> Ability to instantly notify parents of incident<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading10\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse10\" aria-expanded=\"true\" aria-controls=\"collapse10\">\n\t\t Roll Marking for Parents\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse10\" class=\"collapse \" aria-labelledby=\"heading10\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Parents can quickly and easily enter an absence for their child<\/li> <li><i class=\"fas fa-power-off\"><\/i> Submit future absences such as upcoming appointments<\/li> <li><i class=\"fas fa-power-off\"><\/i> Review the attendance history of a child<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading11\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse11\" aria-expanded=\"true\" aria-controls=\"collapse11\">\n\t\t Mobile App\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse11\" class=\"collapse \" aria-labelledby=\"heading11\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Access modules from within the Mobile APP<\/li> <li><i class=\"fas fa-power-off\"><\/i> Phone and Android versions available<\/li> <li><i class=\"fas fa-power-off\"><\/i> Faster, easier and more secure<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading12\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse12\" aria-expanded=\"true\" aria-controls=\"collapse12\">\n\t\t Academic Reports\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse12\" class=\"collapse \" aria-labelledby=\"heading12\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Teachers can work from home or school<\/li> <li><i class=\"fas fa-power-off\"><\/i> Teachers can easily track their progression<\/li> <li><i class=\"fas fa-power-off\"><\/i> Teachers can access past scores and comments<\/li> <li><i class=\"fas fa-power-off\"><\/i> Effective and easily set up solutions for administrators with changes available to teachers immediately<\/li> <li><i class=\"fas fa-power-off\"><\/i> Principals can see teachers\u2019 progress and assessment data instantly<\/li> <li><i class=\"fas fa-power-off\"><\/i> Principals can edit teachers\u2019 assessment data easily at any time<\/li> <li><i class=\"fas fa-power-off\"><\/i> Principals can see how the whole school is progressing through the assessment process<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t\t <div class=\"accordion-item\">\n\t\t <h2 class=\"accordion-header\" id=\"heading13\">\n\t\t <button class=\"accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse13\" aria-expanded=\"true\" aria-controls=\"collapse13\">\n\t\t Currently Available on Mobile App\t\t <\/button>\n\t\t <\/h2>\n\t\t <div id=\"collapse13\" class=\"collapse \" aria-labelledby=\"heading13\" data-bs-parent=\"#myTabContent\">\n\t\t <div class=\"accordion-body\">\n\t\t <p><!DOCTYPE html> <html lang=\"en\"> <head> <style> ul.custom-list { list-style: none; padding: 0; } ul.custom-list li { margin: 10px 0; display: flex; align-items: center; } ul.custom-list li i { color: #7836d9; \/* Set the color of the icon *\/ font-size: 0.8em; \/* Reduce size by 20% *\/ margin-right: 10px; \/* Space between icon and text *\/ } <\/style> <\/head> <body> <ul class=\"custom-list\"> <li><i class=\"fas fa-power-off\"><\/i> Timetabling \u2013 stay tuned<\/li> <li><i class=\"fas fa-power-off\"><\/i> As we finalise development, we are committed to delivering a tool that brings flexibility, ease, and insight into school scheduling\/organisation<\/li> <\/ul>  <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script> <\/body> <\/html><\/p>\n\t\t <\/div>\n\t\t <\/div>\n\t\t <\/div>\n\t \t <\/div>\n\t <\/div>\n \t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26679ad e-flex e-con-boxed e-con e-parent\" data-id=\"26679ad\" data-element_type=\"container\" id=\"it-sup\" 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-32814b4 animated-slow elementor-invisible elementor-widget elementor-widget-section-head-two\" data-id=\"32814b4\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInUp"}\" data-widget_type=\"section-head-two.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t <div class=\"section__title text-left\">\n \t\t \t<h2 class=\"title tg-svg\"><span style=\"color:white;\">IT<\/span> <span class=\"position-relative\"><span class=\"svg-icon\" id=\"svg-3673724249\" data-svg-icon=\"https:\/\/dev.on5.io\/nforma\/wp-content\/themes\/eduvalt\/assets\/img\/icons\/title_shape.svg\"><\/span>Support<\/span> <\/h2>\n\t \t <\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dfce8f elementor-hidden-tablet elementor-hidden-mobile animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5dfce8f\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <style>\r\n body {\r\n font-size: 14px; \/* Set the font size to 14px *\/\r\n }\r\n ul.it-support-custom-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n ul.it-support-custom-list li {\r\n color: white; \/* Set text color to white *\/\r\n margin: 10px 0;\r\n display: flex;\r\n align-items: center;\r\n }\r\n ul.it-support-custom-list li i {\r\n color: #bf92ff; \/* Set the color of the icon *\/\r\n font-size: 0.8em; \/* Reduce size by 20% *\/\r\n margin-right: 10px; \/* Space between icon and text *\/\r\n animation: it-support-power-icon-pulse 2s infinite; \/* Add animation *\/\r\n }\r\n .it-support-bold {\r\n font-weight: bold;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n @keyframes it-support-power-icon-pulse {\r\n 0% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n 100% { transform: scale(1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <p style=\"font-size:16px; color:white;\"><span class=\"it-support-bold\">nForma<\/span> has been delivering IT support to schools for over a decade. We offer both technical support and administrative services, proudly supporting numerous Catholic schools across Victoria.<\/p>\r\n <p style=\"font-size:16px; color:white;\">The services we provide include:<\/p>\r\n <ul class=\"it-support-custom-list\">\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">24\/7 personalised service to your school, even on weekends!<\/span><\/li>\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">Regular network administration \/ technical support<\/span><\/li>\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">Project Manager to consult with school to devise an evolution plan<\/span><\/li>\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">Emergency support assistance<\/span><\/li>\r\n <\/ul>\r\n\r\n \r\n <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-827f515 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"827f515\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <style>\r\n \/* Mobile-specific body styles *\/\r\n body.mob-body {\r\n font-size: 14px; \/* Set the font size to 14px *\/\r\n color: white; \/* Ensure text is white *\/\r\n }\r\n\r\n \/* Mobile-specific list styles *\/\r\n ul.mob-it-support-custom-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n\r\n ul.mob-it-support-custom-list li {\r\n margin-bottom: 5px;\r\n line-height: 1.8em;\r\n color: white; \/* Set text color to white *\/\r\n \r\n display: flex;\r\n align-items: flex-start; \/* Align the icon to the start of the text *\/\r\n }\r\n\r\n ul.mob-it-support-custom-list li i {\r\n margin-top: 7px;\r\n color: #bf92ff; \/* Set the color of the icon *\/\r\n font-size: 0.8em; \/* Reduce size by 20% *\/\r\n margin-right: 10px; \/* Space between icon and text *\/\r\n animation: mob-it-support-power-icon-pulse 2s infinite; \/* Add animation *\/\r\n }\r\n\r\n \/* Mobile bold text class *\/\r\n .mob-it-support-bold {\r\n font-weight: bold;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n @keyframes mob-it-support-power-icon-pulse {\r\n 0% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n 100% { transform: scale(1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"mob-body\">\r\n <p style=\"font-size:16px; color:white;\">\r\n <span class=\"mob-it-support-bold\">nForma<\/span> has been delivering IT support to schools for over a decade. We offer both technical support and administrative services, proudly supporting numerous Catholic schools across Victoria.\r\n <\/p>\r\n <p style=\"font-size:16px; color:white;\">The services we provide include:<\/p>\r\n <ul class=\"mob-it-support-custom-list\">\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">24\/7 personalised service to your school, even on weekends!<\/span><\/li>\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">Regular network administration \/ technical support<\/span><\/li>\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">Project Manager to consult with school to devise an evolution plan<\/span><\/li>\r\n <li><i class=\"fas fa-power-off\"><\/i> <span class=\"it-support-text\">Emergency support assistance<\/span><\/li>\r\n <\/ul>\r\n\r\n \r\n <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74c32a1 e-flex e-con-boxed e-con e-parent\" data-id=\"74c32a1\" data-element_type=\"container\" id=\"web-des\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a02993 animated-slow elementor-invisible elementor-widget elementor-widget-section-head-two\" data-id=\"7a02993\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInUp"}\" data-widget_type=\"section-head-two.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t <div class=\"section__title text-left\">\n \t\t \t<h2 class=\"title tg-svg\">Web <span class=\"position-relative\"><span class=\"svg-icon\" id=\"svg-2564421271\" data-svg-icon=\"https:\/\/dev.on5.io\/nforma\/wp-content\/themes\/eduvalt\/assets\/img\/icons\/title_shape.svg\"><\/span>Design<\/span> <\/h2>\n\t \t <\/div>\n\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4245d7 animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"b4245d7\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInUp"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <style>\r\n body {\r\n font-size: 14px; \/* Set the font size to 14px *\/\r\n }\r\n ul.custom-list {\r\n list-style: none;\r\n padding: 0;\r\n }\r\n ul.custom-list li {\r\n margin: 10px 0;\r\n display: flex;\r\n align-items: flex-start; \/* Align icon with the first line *\/\r\n }\r\n ul.custom-list li i {\r\n margin-top: 6px;\r\n color: #bf92ff; \/* Set the color of the icon *\/\r\n font-size: 0.8em; \/* Reduce size by 20% *\/\r\n margin-right: 10px; \/* Space between icon and text *\/\r\n align-self: flex-start; \/* Align icon with the top of text *\/\r\n animation: power-icon-pulse 2s infinite; \/* Add animation *\/\r\n }\r\n .bold {\r\n font-weight: bold;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n @keyframes power-icon-pulse {\r\n 0% { transform: scale(1); opacity: 1; }\r\n 50% { transform: scale(1.2); opacity: 0.8; }\r\n 100% { transform: scale(1); opacity: 1; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <p style=\"font-size:16px; color:black;\"><span class=\"bold\">nForma<\/span> Websites is a comprehensive website solution providing an engaging and dynamic online presence for your school community. This service includes customised web pages that highlight your school\u2019s unique offerings.<\/p>\r\n \r\n <ul class=\"custom-list\">\r\n <li>\r\n <i class=\"fas fa-power-off\"><\/i>\r\n <span>A combination of high-quality photos, videos, and drone footage, as well as an immersive 360\u00b0 virtual tour, are expertly crafted to give families a vivid experience, capturing an all-encompassing view of the school facilities.<\/span>\r\n <\/li>\r\n <li>\r\n <i class=\"fas fa-power-off\"><\/i>\r\n <span>Designed to provide Australian Schools with a hassle-free and seamless website solution.<\/span>\r\n <\/li>\r\n <li>\r\n <i class=\"fas fa-power-off\"><\/i>\r\n <span>A collaborative approach between your school and our team enables us to create tailored solutions to meet your unique needs and daily challenges.<\/span>\r\n <\/li>\r\n <\/ul>\r\n\r\n \r\n <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3591e08 e-flex e-con-boxed e-con e-parent\" data-id=\"3591e08\" 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-2a54783 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2a54783\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Coming Soon<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f24770 animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"9f24770\" data-element_type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Marketing services and Timetabling module to come soon! Subscribe to our email list to stay informed<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-664ceda elementor-invisible elementor-widget elementor-widget-section-newsletter\" data-id=\"664ceda\" data-element_type=\"widget\" data-settings=\"{"_animation":"slideInUp"}\" data-widget_type=\"section-newsletter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t\t <section class=\"newsletter-area section-py-55\">\r\n <div class=\"row align-items-center justify-content-center\">\r\n <div class=\"col-xl-6 col-lg-4\">\r\n <div class=\"newsletter__img-wrap\">\r\n \t <div class=\"newsletter__content\">\r\n <h4 class=\"title\"><span style=\"color:white;\">Join the <\/span><br> <span style=\"color:white;\">nForma family <\/span><\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-xl-6 col-lg-7\">\r\n \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1661-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"1661\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/nforma\/wp-json\/wp\/v2\/pages\/2013#wpcf7-f1661-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1661\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1661-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"newsletter__form\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Enter your email*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<button type=\"submit\">Subscribe Now<\/button>\n\t<\/p>\n<\/div><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>Δ<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"142\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n <\/div>\r\n <\/div>\r\n\t <\/section>\r\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What We Do Student Management Systems nForma Portal nForma Portal nForma Portal is a robust system for managing students and reports, tailored to meet the needs of educators, students, and […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2013","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/pages\/2013","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/comments?post=2013"}],"version-history":[{"count":174,"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/pages\/2013\/revisions"}],"predecessor-version":[{"id":3231,"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/pages\/2013\/revisions\/3231"}],"wp:attachment":[{"href":"https:\/\/dev.on5.io\/nforma\/wp-json\/wp\/v2\/media?parent=2013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}