{"id":354,"date":"2026-05-23T04:55:11","date_gmt":"2026-05-23T04:55:11","guid":{"rendered":"https:\/\/stemlearn.ai\/aiolympiad\/?page_id=354"},"modified":"2026-05-23T05:10:42","modified_gmt":"2026-05-23T05:10:42","slug":"register-school","status":"publish","type":"page","link":"https:\/\/stemlearn.ai\/aiolympiad\/register-school\/","title":{"rendered":"Register-School"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"354\" class=\"elementor elementor-354\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec1069b e-con-full e-flex e-con e-parent\" data-id=\"ec1069b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dbe497 elementor-widget elementor-widget-html\" data-id=\"4dbe497\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nPREMIUM SCHOOL REGISTER HERO\nMATCHING STUDENT PAGE DESIGN\nFULL RESPONSIVE\n========================================================= -->\n\n<!-- GOOGLE FONTS -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@500;600;700;800&family=Nunito+Sans:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* =========================================================\nRESET\n========================================================= *\/\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n\/* =========================================================\nHERO SECTION\n========================================================= *\/\n\n.school-register-hero{\n\n  position:relative;\n\n  overflow:hidden;\n\n  width:100%;\n\n  background:\n  linear-gradient(\n    135deg,\n    #09135B 0%,\n    #1A257E 48%,\n    #2A3DA8 100%\n  );\n\n}\n\n\/* =========================================================\nPREMIUM GLOW\n========================================================= *\/\n\n.school-register-hero::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  top:-180px;\n  right:-100px;\n\n  width:420px;\n  height:420px;\n\n  background:\n  radial-gradient(\n    circle,\n    rgba(84,255,241,.14),\n    transparent 72%\n  );\n\n  pointer-events:none;\n}\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n.school-register-container{\n\n  width:100%;\n\n  max-width:1180px;\n\n  margin:auto;\n\n  padding:\n  58px 24px 42px;\n\n  position:relative;\n\n  z-index:2;\n}\n\n\/* =========================================================\nBACK BUTTON\n========================================================= *\/\n\n.school-register-back{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:7px;\n\n  text-decoration:none !important;\n\n  color:#5FE1DB;\n\n  font-family:\n  'Mulish',\n  sans-serif;\n\n  font-size:12px;\n\n  font-weight:700;\n\n  transition:.25s ease;\n}\n\n.school-register-back:hover{\n\n  color:#ffffff;\n\n  transform:translateX(-2px);\n\n  text-decoration:none !important;\n}\n\n.school-register-back svg{\n\n  width:13px;\n  height:13px;\n\n  flex-shrink:0;\n}\n\n\/* =========================================================\nCONTENT WRAP\n========================================================= *\/\n\n.school-register-content{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:16px;\n\n  margin-top:18px;\n}\n\n\/* =========================================================\nICON BOX\n========================================================= *\/\n\n.school-register-icon{\n\n  width:56px;\n  height:56px;\n\n  flex-shrink:0;\n\n  border-radius:18px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  color:#63E3DE;\n\n  background:\n  rgba(255,255,255,.08);\n\n  border:\n  1px solid rgba(255,255,255,.08);\n\n  backdrop-filter:blur(10px);\n\n  box-shadow:\n  0 8px 24px rgba(0,0,0,.18);\n}\n\n.school-register-icon svg{\n\n  width:24px;\n  height:24px;\n}\n\n\/* =========================================================\nTEXT\n========================================================= *\/\n\n.school-register-text h1{\n\n  margin:0;\n\n  font-family:\n  'Nunito Sans',\n  sans-serif;\n\n  font-size:48px;\n\n  line-height:1;\n\n  font-weight:900;\n\n  letter-spacing:-1.5px;\n\n  color:#ffffff;\n}\n\n.school-register-text p{\n\n  margin-top:10px;\n\n  font-family:\n  'Mulish',\n  sans-serif;\n\n  font-size:15px;\n\n  line-height:1.7;\n\n  font-weight:700;\n\n  color:\n  rgba(255,255,255,.72);\n}\n\n\/* =========================================================\nLARGE DESKTOP\n========================================================= *\/\n\n@media(max-width:1200px){\n\n  .school-register-container{\n\n    max-width:1000px;\n  }\n\n  .school-register-text h1{\n\n    font-size:44px;\n  }\n\n}\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media(max-width:991px){\n\n  .school-register-container{\n\n    padding:\n    52px 22px 28px;\n  }\n\n  .school-register-content{\n\n    gap:14px;\n  }\n\n  .school-register-icon{\n\n    width:50px;\n    height:50px;\n\n    border-radius:16px;\n  }\n\n  .school-register-icon svg{\n\n    width:20px;\n    height:20px;\n  }\n\n  .school-register-text h1{\n\n    font-size:38px;\n\n    letter-spacing:-1px;\n  }\n\n  .school-register-text p{\n\n    font-size:14px;\n  }\n\n}\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .school-register-container{\n\n    padding:\n    34px 18px 20px !important;\n  }\n\n  .school-register-back{\n\n    font-size:11.5px;\n\n    gap:6px;\n  }\n\n  .school-register-back svg{\n\n    width:12px;\n    height:12px;\n  }\n\n  .school-register-content{\n\n    align-items:flex-start;\n\n    gap:12px;\n\n    margin-top:16px;\n  }\n\n  .school-register-icon{\n\n    width:44px;\n    height:44px;\n\n    border-radius:14px;\n  }\n\n  .school-register-icon svg{\n\n    width:18px;\n    height:18px;\n  }\n\n  .school-register-text h1{\n\n    font-size:30px;\n\n    line-height:1.08;\n\n    letter-spacing:-1px;\n  }\n\n  .school-register-text p{\n\n    margin-top:8px;\n\n    font-size:12.5px;\n\n    line-height:1.7;\n  }\n\n}\n\n\/* =========================================================\nSMALL MOBILE\n========================================================= *\/\n\n@media(max-width:480px){\n\n  .school-register-container{\n\n    padding:\n    58px 16px 28px;\n  }\n\n  .school-register-text h1{\n\n    font-size:26px;\n  }\n\n  .school-register-text p{\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\n<!-- =========================================================\nHTML\n========================================================= -->\n\n<section class=\"school-register-hero\">\n\n  <div class=\"school-register-container\">\n\n    <!-- BACK -->\n\n    <a\n    href=\"https:\/\/stemlearn.ai\/aiolympiad\/\"\n    class=\"school-register-back\">\n\n      <svg\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      stroke-width=\"2\"\n      stroke=\"currentColor\">\n\n        <path\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        d=\"M15.75 19.5 8.25 12l7.5-7.5\"\/>\n\n      <\/svg>\n\n      Back to home\n\n    <\/a>\n\n    <!-- CONTENT -->\n\n    <div class=\"school-register-content\">\n\n      <!-- ICON -->\n\n      <div class=\"school-register-icon\">\n\n        <svg\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke-width=\"2\"\n        stroke=\"currentColor\">\n\n          <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M14 21v-3a2 2 0 0 0-4 0v3\"\/>\n\n          <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M18 5v16\"\/>\n\n          <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"m4 6 7.106-3.79a2 2 0 0 1 1.788 0L20 6\"\/>\n\n          <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"m6 11-3.52 2.147a1 1 0 0 0-.48.854V19a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a1 1 0 0 0-.48-.853L18 11\"\/>\n\n          <path\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          d=\"M6 5v16\"\/>\n\n          <circle\n          cx=\"12\"\n          cy=\"9\"\n          r=\"2\"\/>\n\n        <\/svg>\n\n      <\/div>\n\n      <!-- TEXT -->\n\n      <div class=\"school-register-text\">\n\n        <h1>\n          Register Your School\n        <\/h1>\n\n        <p>\n          Zero setup fee \u2022 Our team contacts you within 24 hours\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eee72cf e-con-full e-flex e-con e-parent\" data-id=\"eee72cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b64e95 elementor-widget elementor-widget-html\" data-id=\"0b64e95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\nPREMIUM SCHOOL REGISTRATION FORM\nEXACT DESIGN + VALIDATION + RESPONSIVE\n========================================================= -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@500;600;700;800&family=Nunito+Sans:wght@700;800;900&display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* =========================================================\nRESET\n========================================================= *\/\n\n*{\n  margin:0;\n  padding:0;\n  box-sizing:border-box;\n}\n\n\/* =========================================================\nBODY\n========================================================= *\/\n\n.school-page{\n\n  width:100%;\n\n  padding:48px 20px 70px;\n\n  background:#F5F7FC;\n}\n\n\/* =========================================================\nCONTAINER\n========================================================= *\/\n\n.school-form-wrap{\n\n  width:100%;\n\n  max-width:980px;\n\n  margin:auto;\n}\n\n\/* =========================================================\nCARD\n========================================================= *\/\n\n.school-card{\n\n  background:#ffffff;\n\n  border:1px solid #E3E8F4;\n\n  border-radius:32px;\n\n  padding:42px;\n\n  box-shadow:\n  0 10px 35px rgba(16,24,40,.04);\n}\n\n\/* =========================================================\nGRID\n========================================================= *\/\n\n.school-grid{\n\n  display:grid;\n\n  grid-template-columns:\n  1fr 1fr;\n\n  gap:28px 22px;\n}\n\n.school-full{\n\n  grid-column:1\/-1;\n}\n\n\/* =========================================================\nLABEL\n========================================================= *\/\n\n.school-label{\n\n  display:block;\n\n  margin-bottom:10px;\n\n  font-family:\n  'Mulish',\n  sans-serif;\n\n  font-size:12px;\n\n  font-weight:800;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n\n  color:#1E2A78;\n}\n\n.school-label span{\n\n  color:#FF5B74;\n}\n\n\/* =========================================================\nINPUTS\n========================================================= *\/\n\n.school-input,\n.school-select,\n.school-textarea{\n\n  width:100%;\n\n  border:1.5px solid #DDE4F0;\n\n\n\n  border-radius:6px;\n\n  font-family:\n  'Mulish',\n  sans-serif;\n\n  font-size:15px;\n\n  font-weight:700;\n\n  color:#1F276C;\n\n  outline:none;\n\n  transition:.25s ease;\n}\n\n.school-input,\n.school-select{\n\n  height:41px;\n\n  padding:0 16px;\n}\n\n.school-textarea{\n\n  padding:16px;\n\n  min-height:120px;\n\n  resize:none;\n}\n\n.school-input::placeholder,\n.school-textarea::placeholder{\n\n  color:#939AB8;\n}\n\n.school-input:focus,\n.school-select:focus,\n.school-textarea:focus{\n\n  border-color:#28C7C2;\n\n  background:#ffffff;\n\n  box-shadow:\n  0 0 0 4px rgba(40,199,194,.12);\n}\n\n\/* =========================================================\nERROR\n========================================================= *\/\n\n.school-error{\n\n  border-color:#FF5B74 !important;\n}\n\n\/* =========================================================\nGRADE BUTTONS\n========================================================= *\/\n\n.grade-wrap{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:10px;\n}\n\n.grade-btn{\n\n  border:1.5px solid #DDE4F0;\n\n  background:#F7F8FD;\n\n  border-radius:12px;\n\n  height:44px;\n\n  padding:0 20px;\n\n  cursor:pointer;\n\n  font-family:\n  'Mulish',\n  sans-serif;\n\n  font-size:14px;\n\n  font-weight:800;\n\n  color:#1E2A78;\n\n  transition:.22s ease;\n}\n\n.grade-btn:hover{\n\n  border-color:#28C7C2;\n}\n\n.grade-btn.active{\n\n  background:\n  linear-gradient(\n    135deg,\n    #19B8B2,\n    #58D4D0\n  );\n\n  border-color:transparent;\n\n  color:#ffffff;\n\n  box-shadow:\n  0 8px 22px rgba(40,199,194,.22);\n}\n\n\/* =========================================================\nBUTTON\n========================================================= *\/\n\n.school-submit{\n\n  width:100%;\n\n  height:58px;\n\n  border:none;\n\n  margin-top:42px;\n\n  border-radius:18px;\n\n  cursor:pointer;\n\n  background:\n  linear-gradient(\n    135deg,\n    #16AAA5 0%,\n    #5DD6D2 100%\n  );\n\n  color:#ffffff;\n\n  font-family:\n  'Nunito Sans',\n  sans-serif;\n\n  font-size:18px;\n\n  font-weight:900;\n\n  transition:.25s ease;\n\n  box-shadow:\n  0 18px 35px rgba(53,208,201,.22);\n}\n\n.school-submit:hover{\n\n  transform:translateY(-2px);\n\n  filter:brightness(1.03);\n}\n\n\/* =========================================================\nBOTTOM NOTE\n========================================================= *\/\n\n.school-note{\n\n  margin-top:16px;\n\n  text-align:center;\n\n  font-family:\n  'Mulish',\n  sans-serif;\n\n  font-size:13px;\n\n  font-weight:700;\n\n  color:#7E87A8;\n}\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media(max-width:991px){\n\n  .school-card{\n\n    padding:34px 28px;\n  }\n\n  .school-grid{\n\n    gap:24px 18px;\n  }\n\n}\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .school-page{\n\n    padding:30px 14px 50px;\n  }\n\n  .school-card{\n\n    padding:24px 18px;\n\n    border-radius:24px;\n  }\n\n  .school-grid{\n\n    grid-template-columns:1fr;\n\n    gap:22px;\n  }\n\n  .school-full{\n\n    grid-column:auto;\n  }\n\n  .school-input,\n  .school-select{\n\n    height:50px;\n\n    font-size:14px;\n  }\n\n  .school-textarea{\n\n    min-height:110px;\n\n    font-size:14px;\n  }\n\n  .grade-wrap{\n\n    gap:8px;\n  }\n\n  .grade-btn{\n\n    height:40px;\n\n    padding:0 16px;\n\n    font-size:13px;\n  }\n\n  .school-submit{\n\n    height:54px;\n\n    font-size:17px;\n\n    border-radius:16px;\n  }\n\n}\n\n<\/style>\n\n<!-- =========================================================\nHTML\n========================================================= -->\n\n<section class=\"school-page\">\n\n  <div class=\"school-form-wrap\">\n\n    <form\n    class=\"school-card\"\n    id=\"schoolForm\">\n\n      <div class=\"school-grid\">\n\n        <!-- SCHOOL NAME -->\n\n        <div class=\"school-full\">\n\n          <label class=\"school-label\">\n            School Name <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"text\"\n          class=\"school-input required-field\"\n          placeholder=\"Full official name\">\n\n        <\/div>\n\n        <!-- ADDRESS -->\n\n        <div class=\"school-full\">\n\n          <label class=\"school-label\">\n            School Address <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"text\"\n          class=\"school-input required-field\"\n          placeholder=\"Street address\">\n\n        <\/div>\n\n        <!-- CITY -->\n\n        <div>\n\n          <label class=\"school-label\">\n            City <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"text\"\n          class=\"school-input required-field\">\n\n        <\/div>\n\n        <!-- STATE -->\n\n        <div>\n\n          <label class=\"school-label\">\n            State <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"text\"\n          class=\"school-input required-field\">\n\n        <\/div>\n\n        <!-- PINCODE -->\n\n        <div>\n\n          <label class=\"school-label\">\n            Pincode <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"number\"\n          class=\"school-input required-field\"\n          id=\"pincode\">\n\n        <\/div>\n\n        <!-- BOARD -->\n\n        <div>\n\n          <label class=\"school-label\">\n            Board Affiliation <span>*<\/span>\n          <\/label>\n\n          <select\n          class=\"school-select required-field\">\n\n            <option value=\"\">\n              Select board\n            <\/option>\n\n            <option>\n              CBSE\n            <\/option>\n\n            <option>\n              ICSE\n            <\/option>\n\n            <option>\n              State Board\n            <\/option>\n\n            <option>\n              IB\n            <\/option>\n\n            <option>\n              Cambridge\n            <\/option>\n\n          <\/select>\n\n        <\/div>\n\n        <!-- GRADES -->\n\n        <div class=\"school-full\">\n\n          <label class=\"school-label\">\n            Grades Participating <span>*<\/span>\n          <\/label>\n\n          <div class=\"grade-wrap\">\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 3\n            <\/button>\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 4\n            <\/button>\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 5\n            <\/button>\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 6\n            <\/button>\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 7\n            <\/button>\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 8\n            <\/button>\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 9\n            <\/button>\n\n            <button\n            type=\"button\"\n            class=\"grade-btn\">\n              Grade 10\n            <\/button>\n\n          <\/div>\n\n        <\/div>\n\n        <!-- STUDENT COUNT -->\n\n        <div>\n\n          <label class=\"school-label\">\n            Approx. Student Count <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"number\"\n          class=\"school-input required-field\"\n          placeholder=\"e.g. 250\">\n\n        <\/div>\n\n        <!-- DESIGNATION -->\n\n        <div>\n\n          <label class=\"school-label\">\n            POC Designation <span>*<\/span>\n          <\/label>\n\n          <select\n          class=\"school-select required-field\">\n\n            <option value=\"\">\n              Select\n            <\/option>\n\n            <option>\n              Principal\n            <\/option>\n\n            <option>\n              Vice Principal\n            <\/option>\n\n            <option>\n              Teacher\n            <\/option>\n\n            <option>\n              Coordinator\n            <\/option>\n\n          <\/select>\n\n        <\/div>\n\n        <!-- POC NAME -->\n\n        <div>\n\n          <label class=\"school-label\">\n            POC Name <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"text\"\n          class=\"school-input required-field\"\n          placeholder=\"Point of contact\">\n\n        <\/div>\n\n        <!-- PHONE -->\n\n        <div>\n\n          <label class=\"school-label\">\n            Contact Phone <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"tel\"\n          class=\"school-input required-field\"\n          id=\"phone\"\n          placeholder=\"+91 98XXXXXXXX\">\n\n        <\/div>\n\n        <!-- EMAIL -->\n\n        <div class=\"school-full\">\n\n          <label class=\"school-label\">\n            Official Email <span>*<\/span>\n          <\/label>\n\n          <input\n          type=\"email\"\n          class=\"school-input required-field\"\n          id=\"email\"\n          placeholder=\"poc@school.edu.in\">\n\n        <\/div>\n\n        <!-- TIME -->\n\n        <div>\n\n          <label class=\"school-label\">\n            Preferred Contact Time\n          <\/label>\n\n          <select\n          class=\"school-select\">\n\n            <option>\n              Any time\n            <\/option>\n\n            <option>\n              Morning\n            <\/option>\n\n            <option>\n              Afternoon\n            <\/option>\n\n            <option>\n              Evening\n            <\/option>\n\n          <\/select>\n\n        <\/div>\n\n        <!-- MESSAGE -->\n\n        <div class=\"school-full\">\n\n          <label class=\"school-label\">\n            Message \/ Query\n          <\/label>\n\n          <textarea\n          class=\"school-textarea\"\n          placeholder=\"Anything specific you'd like us to know?\"><\/textarea>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- BUTTON -->\n\n      <button\n      type=\"submit\"\n      class=\"school-submit\">\n\n        Submit Inquiry \u2192\n\n      <\/button>\n\n      <!-- NOTE -->\n\n      <div class=\"school-note\">\n\n        No payment required at this stage.\n        Our team will share the bulk enrollment workflow.\n\n      <\/div>\n\n    <\/form>\n\n  <\/div>\n\n<\/section>\n\n<!-- =========================================================\nJS VALIDATION\n========================================================= -->\n\n<script>\n\nconst form =\ndocument.getElementById('schoolForm');\n\nconst grades =\ndocument.querySelectorAll('.grade-btn');\n\n\/* GRADE SELECT *\/\n\ngrades.forEach(btn=>{\n\n  btn.addEventListener('click',()=>{\n\n    btn.classList.toggle('active');\n\n  });\n\n});\n\n\/* VALIDATION *\/\n\nform.addEventListener('submit',function(e){\n\n  e.preventDefault();\n\n  let valid = true;\n\n  const fields =\n  document.querySelectorAll('.required-field');\n\n  fields.forEach(field=>{\n\n    field.classList.remove('school-error');\n\n    if(field.value.trim() === ''){\n\n      field.classList.add('school-error');\n\n      valid = false;\n    }\n\n  });\n\n  \/* PHONE *\/\n\n  const phone =\n  document.getElementById('phone');\n\n  if(phone.value.length < 10){\n\n    phone.classList.add('school-error');\n\n    valid = false;\n  }\n\n  \/* EMAIL *\/\n\n  const email =\n  document.getElementById('email');\n\n  const emailPattern =\n  \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n  if(!emailPattern.test(email.value)){\n\n    email.classList.add('school-error');\n\n    valid = false;\n  }\n\n  \/* PINCODE *\/\n\n  const pincode =\n  document.getElementById('pincode');\n\n  if(pincode.value.length < 6){\n\n    pincode.classList.add('school-error');\n\n    valid = false;\n  }\n\n  \/* GRADES *\/\n\n  const selectedGrades =\n  document.querySelectorAll('.grade-btn.active');\n\n  if(selectedGrades.length === 0){\n\n    alert(\n      'Please select at least one grade.'\n    );\n\n    valid = false;\n  }\n\n  if(!valid){\n\n    alert(\n      'Please fill all required fields correctly.'\n    );\n\n    return;\n  }\n\n  alert(\n    'School registration submitted successfully!'\n  );\n\n});\n\n\/* REMOVE ERROR *\/\n\ndocument.addEventListener('input',function(e){\n\n  if(\n    e.target.classList.contains('school-input')\n    ||\n    e.target.classList.contains('school-select')\n    ||\n    e.target.classList.contains('school-textarea')\n  ){\n\n    e.target.classList.remove('school-error');\n\n  }\n\n});\n\n<\/script>\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>Back to home Register Your School Zero setup fee \u2022 Our team contacts you within 24 hours School Name * [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","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-354","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":10,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/354\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/pages\/354\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/stemlearn.ai\/aiolympiad\/wp-json\/wp\/v2\/media?parent=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}