{"id":12926,"date":"2026-10-08T11:08:30","date_gmt":"2026-10-08T11:08:30","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hps\/?page_id=12926"},"modified":"2026-10-16T04:37:24","modified_gmt":"2026-10-16T04:37:24","slug":"learning","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hps\/learning\/","title":{"rendered":"Learning"},"content":{"rendered":"\n\n\t<section class=\"section hide-for-small\" id=\"section_1477660902\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse align-middle\"  id=\"row-1785926889\">\n\n\n\t<div id=\"col-1480572426\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n<nav aria-label=\"breadcrumbs\">\n            <div class=\"breadcrumb-container theme1\">\n                <ol>\n                                    <\/ol>\n            <\/div>\n        <\/nav>    <script type=\"application\/ld+json\">\n        {\n            \"@context\": \"http:\/\/schema.org\",\n            \"@type\": \"BreadcrumbList\",\n            \"itemListElement\": [\n                            ]\n        }\n    <\/script>\n   \n    <script>\n            <\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1480572426 > .col-inner {\n  padding: 10px 0px 10px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1477660902 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(55, 63, 65);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n<!-- HABIB PUBLIC SCHOOL LEARNING HUB HERO BANNER -->\n<section class=\"hps-hub-banner\">\n  <div class=\"hps-banner-overlay\"><\/div>\n  <div class=\"hps-banner-container\">\n    <div class=\"hps-banner-content\">\n      <div class=\"hps-badge-wrapper\">\n        <span class=\"hps-badge-dot\"><\/span>\n        <span class=\"hps-badge-text\">LEARNING<\/span>\n      <\/div>\n      <h1 class=\"hps-banner-title\">\n        A Hub of <span class=\"hps-text-gold\">Learning<\/span>\n      <\/h1>\n      <p class=\"hps-banner-sub\">\n        Fostering cognitive excellence, character growth, and collaborative exploration in a nurturing environment.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   STRICT BRAND PALETTE & MODERN BANNER STYLING\n---------------------------------------------------- *\/\n:root {\n  --hps-base: #FFFFFF;\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-gold: #FFB100;   \/* Secondary Gold *\/\n  --hps-sec-navy: #05354A;   \/* Primary Dark Navy *\/\n  --hps-cyan: #4EBEF5;       \/* Cyan Accent *\/\n  --hps-border: rgba(255, 255, 255, 0.18);\n}\n\n.hps-hub-banner {\n  position: relative;\n  width: 100%;\n  min-height: clamp(320px, 40vh, 480px);\n  background-image: url('https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/09\/DSC00476-1024x576.jpg');\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: center;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  color: var(--hps-base);\n  box-sizing: border-box;\n  overflow: hidden;\n}\n\n\/* Dark Navy Overlay Gradient (Matching Image 2 Style) *\/\n.hps-banner-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    90deg, \n    rgba(5, 53, 74, 0.92) 0%, \n    rgba(5, 53, 74, 0.75) 55%, \n    rgba(5, 53, 74, 0.4) 100%\n  );\n  z-index: 1;\n}\n\n.hps-banner-container {\n  max-width: 1240px;\n  width: 100%;\n  margin: 0 auto;\n  padding: clamp(2.5rem, 5vw, 4rem) 1.5rem;\n  position: relative;\n  z-index: 2;\n}\n\n.hps-banner-content {\n  max-width: 750px;\n}\n\n\/* Badge Styling *\/\n.hps-badge-wrapper {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  border: 1px solid var(--hps-border);\n  padding: 0.4rem 0.9rem;\n  border-radius: 20px;\n  margin-bottom: 1.25rem;\n}\n\n.hps-badge-dot {\n  width: 7px;\n  height: 7px;\n  background-color: var(--hps-sec-gold);\n  border-radius: 50%;\n  display: inline-block;\n  box-shadow: 0 0 8px rgba(255, 177, 0, 0.8);\n}\n\n.hps-badge-text {\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  color: var(--hps-sec-gold);\n  text-transform: uppercase;\n}\n\n\/* Typography *\/\n.hps-banner-title {\n  font-size: clamp(2.2rem, 5.5vw, 3.8rem);\n  font-weight: 800;\n  color: var(--hps-base);\n  margin: 0 0 0.85rem 0;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n\n.hps-banner-title .hps-text-gold {\n  color: var(--hps-sec-gold);\n}\n\n.hps-banner-sub {\n  font-size: clamp(0.95rem, 1.8vw, 1.15rem);\n  line-height: 1.6;\n  color: #e2e8f0;\n  margin: 0;\n  font-weight: 400;\n}\n\n\/* Mobile Responsive Adjustments *\/\n@media (max-width: 576px) {\n  .hps-hub-banner {\n    min-height: 280px;\n  }\n\n  .hps-banner-container {\n    padding: 2rem 1rem;\n  }\n  \n  .hps-badge-wrapper {\n    padding: 0.3rem 0.75rem;\n    margin-bottom: 1rem;\n  }\n}\n<\/style>\n\n\n\t<section class=\"section\" id=\"section_1016256635\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-577738518\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-577738518 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n<!-- OUR APPROACH SECTION (EQUAL HEIGHT, RESPONSIVE & ANIMATED) -->\n<section class=\"hps-approach-section\">\n  <div class=\"hps-approach-container\">\n    \n    <!-- LEFT: CONTENT CARD -->\n    <div class=\"hps-approach-col hps-fade-in-up\">\n      <div class=\"hps-approach-card\">\n        <div>\n          <span class=\"hps-methodology-pill\">OUR METHODOLOGY<\/span>\n          <h2 class=\"hps-approach-title\">Our <span>Approach<\/span><\/h2>\n          <div class=\"hps-approach-text\">\n            <p>\n              At Habib Public School Karachi, we believe true learning goes beyond textbooks. Our holistic approach focuses on academic excellence while also nurturing the physical, mental, and emotional well-being of every student. As one of the best schools in Karachi, HPS empowers students with critical thinking, problem-solving, and leadership skills, preparing them to become changemakers of tomorrow. Being a Habibian means going beyond limits, embracing innovation, and creating a positive impact wherever life may lead.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- RIGHT: MEDIA CARD WITH UPDATED SCALED IMAGE -->\n    <div class=\"hps-approach-col hps-fade-in-up hps-delay-1\">\n      <div class=\"hps-media-card\">\n        <div class=\"hps-img-wrapper\">\n          <img decoding=\"async\" \n            src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/DSC02146-scaled.jpg\" \n            alt=\"Habib Public School Karachi Students - Our Approach\" \n            class=\"hps-approach-img\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"hps-media-footer\">\n          <div class=\"hps-interactive-pill\">\n            <span class=\"hps-pill-dot\"><\/span>\n            HOLISTIC EDUCATION\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   BRAND COLOR PALETTE & VARIABLES\n---------------------------------------------------- *\/\n:root {\n  --hps-base: #ffffff;\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-gold: #ffb100;   \/* Gold Accent *\/\n  --hps-sec-navy: #05354a;   \/* Deep Navy *\/\n  --hps-cyan: #4ebef5;       \/* Cyan Accent *\/\n  --hps-border: #e2e8f0;\n  --hps-bg-slate: #f8fafc;\n}\n\n\/* SECTION CONTAINER *\/\n.hps-approach-section {\n  background-color: var(--hps-base);\n  padding: clamp(2.5rem, 5vw, 4.5rem) 1.25rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  width: 100%;\n  overflow: hidden;\n}\n\n.hps-approach-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: flex;\n  flex-wrap: wrap;\n  gap: clamp(1.5rem, 3vw, 2.5rem);\n  align-items: stretch; \/* Equal height column alignment *\/\n}\n\n.hps-approach-col {\n  flex: 1 1 480px;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n\/* 1. LEFT CONTENT CARD *\/\n.hps-approach-card {\n  background-color: var(--hps-base);\n  border: 1px solid var(--hps-border);\n  border-left: 5px solid var(--hps-main);\n  border-radius: 20px;\n  padding: clamp(1.75rem, 3.5vw, 2.75rem);\n  box-shadow: 0 10px 30px rgba(5, 53, 74, 0.05);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  box-sizing: border-box;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\n}\n\n.hps-approach-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 40px rgba(5, 53, 74, 0.09);\n}\n\n.hps-methodology-pill {\n  display: inline-block;\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  color: var(--hps-sec-navy);\n  background-color: rgba(78, 190, 245, 0.15);\n  padding: 0.35rem 0.85rem;\n  border-radius: 20px;\n  text-transform: uppercase;\n  margin-bottom: 1.25rem;\n}\n\n.hps-approach-title {\n  font-size: clamp(2rem, 3.8vw, 2.75rem);\n  font-weight: 800;\n  color: var(--hps-main);\n  margin: 0 0 1.25rem 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-approach-title span {\n  color: var(--hps-sec-navy);\n}\n\n.hps-approach-text p {\n  font-size: clamp(0.92rem, 1.35vw, 1.05rem);\n  line-height: 1.75;\n  color: #475569;\n  margin: 0;\n}\n\n\/* 2. RIGHT MEDIA CARD *\/\n.hps-media-card {\n  background-color: var(--hps-base);\n  border: 1px solid var(--hps-border);\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(5, 53, 74, 0.05);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\n}\n\n.hps-media-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 40px rgba(5, 53, 74, 0.09);\n}\n\n.hps-img-wrapper {\n  position: relative;\n  flex: 1;\n  width: 100%;\n  min-height: 320px;\n  overflow: hidden;\n  background-color: var(--hps-sec-navy);\n}\n\n.hps-approach-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-media-card:hover .hps-approach-img {\n  transform: scale(1.04);\n}\n\n.hps-media-footer {\n  padding: 1.25rem 1.75rem;\n  background-color: var(--hps-base);\n  border-top: 1px solid var(--hps-border);\n  display: flex;\n  align-items: center;\n}\n\n.hps-interactive-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background-color: var(--hps-sec-navy);\n  color: var(--hps-base);\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  padding: 0.5rem 1rem;\n  border-radius: 20px;\n  text-transform: uppercase;\n}\n\n.hps-pill-dot {\n  width: 7px;\n  height: 7px;\n  background-color: var(--hps-sec-gold);\n  border-radius: 50%;\n  display: inline-block;\n  box-shadow: 0 0 6px rgba(255, 177, 0, 0.8);\n}\n\n\/* ----------------------------------------------------\n   ANIMATIONS & PERFORMANCE OPTIMIZATIONS\n---------------------------------------------------- *\/\n.hps-fade-in-up {\n  opacity: 0;\n  transform: translateY(30px);\n  animation: hpsFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  will-change: transform, opacity;\n}\n\n.hps-delay-1 {\n  animation-delay: 0.2s;\n}\n\n@keyframes hpsFadeInUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 991px) {\n  .hps-approach-container {\n    flex-direction: column;\n  }\n  \n  .hps-approach-col {\n    flex: 1 1 100%;\n  }\n\n  .hps-img-wrapper {\n    min-height: 280px;\n    aspect-ratio: 16 \/ 10;\n  }\n}\n\n@media (max-width: 576px) {\n  .hps-approach-section {\n    padding: 2rem 0.85rem;\n  }\n\n  .hps-approach-card {\n    padding: 1.35rem;\n  }\n\n  .hps-media-footer {\n    padding: 1rem 1.25rem;\n  }\n}\n<\/style>\n\n\t<div id=\"gap-2138927592\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2138927592 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1016256635 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_1016256635 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_65616513\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-2028084606\">\n\n\n\t<div id=\"col-1865459272\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-654012012\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- DIGITAL FIRST LEARNING HEADING COMPONENT -->\n<div class=\"hps-heading-wrapper\">\n  <span class=\"hps-sub-heading\">Habib Public School<\/span>\n  <h2 class=\"hps-main-heading\">Digital First <span class=\"hps-heading-accent\">Learning<\/span><\/h2>\n<\/div>\n\n<style>\n\/* ----------------------------------------------------\n   CLEAN RESPONSIVE HEADING STYLING (NO BACKGROUND)\n---------------------------------------------------- *\/\n:root {\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-navy: #05354a;   \/* Deep Navy *\/\n}\n\n.hps-heading-wrapper {\n  padding: 1.5rem 1rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-sub-heading {\n  display: block;\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--hps-main);\n  margin-bottom: 0.35rem;\n}\n\n.hps-main-heading {\n  font-size: clamp(2rem, 3.8vw, 2.75rem);\n  font-weight: 800;\n  color: var(--hps-main);\n  margin: 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-heading-accent {\n  color: var(--hps-sec-navy);\n}\n\n@media (max-width: 576px) {\n  .hps-heading-wrapper {\n    padding: 1rem 0.5rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1648592518\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-348679874\">\n\n\n\t<div id=\"col-1097281243\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover Digital-First-section x md-x lg-x y md-y lg-y\" id=\"image_1172312424\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-1024x578.jpg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-474x324.jpg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1172312424 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-92096007\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_96981583\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-8-1024x684.jpeg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-8-474x324.jpeg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_96981583 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-359080402\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1513230596\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-7.jpg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-7-474x324.jpg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1513230596 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1055758373\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_360770402\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-6.jpg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-6-474x324.jpg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_360770402 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-1603850575\">\n\n\n\t<div id=\"col-872316258\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1116624187\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-10-at-2.31.46-PM-3-1024x576.jpeg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-10-at-2.31.46-PM-3-474x324.jpeg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1116624187 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1357359226\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_817131153\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-4-1024x576.jpg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-4-474x324.jpg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_817131153 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1049958127\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_1666113423\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-3-1024x576.jpg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-3-474x324.jpg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_1666113423 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1724163231\" class=\"col medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"img has-hover x md-x lg-x y md-y lg-y\" id=\"image_668334863\">\n\t\t<a class=\"image-lightbox lightbox-gallery\" title=\"\" href=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-2-1024x576.jpg\">\t\t\t\t\t\t<div class=\"img-inner box-shadow-3 box-shadow-3-hover dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"474\" height=\"324\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/Digital-Learning-2-474x324.jpg\" class=\"attachment-meccarouselthumb size-meccarouselthumb\" alt=\"\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/a>\t\t\n<style>\n#image_668334863 {\n  width: 100%;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row\"  id=\"row-616770804\">\n\n\n\t<div id=\"col-182544845\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1411535717\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"text-95484640\" class=\"text\">\n\t\t\n\n<p>Future-ready education begins with technology. At HPS, digital learning is integrated across all grade levels. From tablet-based exercises to state-of-the-art computer labs, students don\u2019t just use technology, they learn to think, code, create, and innovate. Smart classrooms with interactive TV screens bring lessons to life, allowing teachers to blend theory with real-world visuals. Whether it\u2019s coding, digital research, or multimedia projects, our students gain the skills needed to thrive in the 21st-century digital world.<\/p>\n\t\t\n<style>\n#text-95484640 {\n  text-align: center;\n  color: rgb(0,0,0);\n}\n#text-95484640 > * {\n  color: rgb(0,0,0);\n}\n<\/style>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-230713620\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_65616513 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1521385352\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row\"  id=\"row-1414159405\">\n\n\n\t<div id=\"col-1809114820\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1757987298\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- STEAM FOCUSED LEARNING HEADING COMPONENT -->\n<div class=\"hps-heading-wrapper\">\n  <span class=\"hps-sub-heading\">Habib Public School<\/span>\n  <h2 class=\"hps-main-heading\">STEAM Focused <span class=\"hps-heading-accent\">Learning<\/span><\/h2>\n<\/div>\n\n<style>\n\/* ----------------------------------------------------\n   CLEAN RESPONSIVE HEADING STYLING (NO BACKGROUND)\n---------------------------------------------------- *\/\n:root {\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-navy: #05354a;   \/* Deep Navy *\/\n}\n\n.hps-heading-wrapper {\n  padding: 1.5rem 1rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-sub-heading {\n  display: block;\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--hps-main);\n  margin-bottom: 0.35rem;\n}\n\n.hps-main-heading {\n  font-size: clamp(2rem, 3.8vw, 2.75rem);\n  font-weight: 800;\n  color: var(--hps-main);\n  margin: 0;\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n}\n\n.hps-heading-accent {\n  color: var(--hps-sec-navy);\n}\n\n@media (max-width: 576px) {\n  .hps-heading-wrapper {\n    padding: 1rem 0.5rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1790867848\" class=\"col medium-2 small-12 large-2\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse why-choose-cards\"  id=\"row-2017153904\">\n\n\n\t<div id=\"col-1863522171\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- STEAM FOCUSED LEARNING 3-COLUMN CARDS COMPONENT -->\n<section class=\"hps-steam-section\">\n  <div class=\"hps-steam-container\">\n    \n    <!-- CARD 1: Hands-On with Robotics -->\n    <div class=\"hps-steam-card hps-fade-in-up\">\n      <div class=\"hps-card-img-wrapper\">\n        <img decoding=\"async\" \n          src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/STEAM.png\" \n          alt=\"Hands-On with Robotics\" \n          class=\"hps-card-img\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"hps-card-body\">\n        <h3 class=\"hps-card-title\">Hands-On with Robotics<\/h3>\n        <p class=\"hps-card-desc\">\n          At Habib Public School Karachi, robotics lessons inspire students to design, build, and solve real-world tech challenges. From simple circuits to functional bots, they learn creative problem-solving and innovative thinking like real engineers.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 2: Creativity in Action -->\n    <div class=\"hps-steam-card hps-fade-in-up hps-delay-1\">\n      <div class=\"hps-card-img-wrapper\">\n        <img decoding=\"async\" \n          src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/STEAM-2.jpg\" \n          alt=\"Creativity in Action\" \n          class=\"hps-card-img\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"hps-card-body\">\n        <h3 class=\"hps-card-title\">Creativity in Action<\/h3>\n        <p class=\"hps-card-desc\">\n          Through music, theatre, and performing arts, HPS students express creativity and build confidence. Our STEAM-based approach balances science and technology with storytelling, imagination, and emotional growth.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 3: Learning Beyond the Classroom -->\n    <div class=\"hps-steam-card hps-fade-in-up hps-delay-2\">\n      <div class=\"hps-card-img-wrapper\">\n        <img decoding=\"async\" \n          src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/07\/STEAM-3-4.jpg\" \n          alt=\"Learning Beyond the Classroom\" \n          class=\"hps-card-img\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"hps-card-body\">\n        <h3 class=\"hps-card-title\">Learning Beyond the Classroom<\/h3>\n        <p class=\"hps-card-desc\">\n          At HPS, learning goes beyond textbooks through field trips, workshops, and industry visits. Students explore how classroom concepts connect to the real world, linking theory with practice.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   EQUAL HEIGHT 3-COLUMN STEAM CARDS (STRICT HPS BRAND)\n---------------------------------------------------- *\/\n:root {\n  --hps-base: #ffffff;\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-gold: #ffb100;   \/* Gold Accent *\/\n  --hps-sec-navy: #05354a;   \/* Deep Navy *\/\n  --hps-border: #e2e8f0;\n}\n\n.hps-steam-section {\n  width: 100%;\n  padding: clamp(2rem, 4vw, 4rem) 1.25rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  background-color: var(--hps-base);\n}\n\n.hps-steam-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));\n  gap: 2rem;\n  align-items: stretch;\n}\n\n.hps-steam-card {\n  background-color: var(--hps-base);\n  border: 1px solid var(--hps-border);\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(5, 53, 74, 0.05);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-sizing: border-box;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\n}\n\n.hps-steam-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 18px 40px rgba(5, 53, 74, 0.09);\n}\n\n.hps-card-img-wrapper {\n  width: 100%;\n  height: 220px;\n  overflow: hidden;\n  background-color: var(--hps-sec-navy);\n  position: relative;\n}\n\n.hps-card-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-steam-card:hover .hps-card-img {\n  transform: scale(1.05);\n}\n\n.hps-card-body {\n  padding: 1.75rem;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  box-sizing: border-box;\n}\n\n.hps-card-title {\n  font-size: 1.25rem;\n  font-weight: 800;\n  color: var(--hps-main);\n  margin: 0 0 0.85rem 0;\n  line-height: 1.3;\n  letter-spacing: -0.01em;\n}\n\n.hps-card-desc {\n  font-size: 0.93rem;\n  line-height: 1.65;\n  color: #475569;\n  margin: 0;\n  flex-grow: 1;\n}\n\n\/* Animations *\/\n.hps-fade-in-up {\n  opacity: 0;\n  transform: translateY(25px);\n  animation: hpsCardFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  will-change: transform, opacity;\n}\n\n.hps-delay-1 {\n  animation-delay: 0.15s;\n}\n\n.hps-delay-2 {\n  animation-delay: 0.3s;\n}\n\n@keyframes hpsCardFadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@media (max-width: 576px) {\n  .hps-steam-section {\n    padding: 1.5rem 1rem;\n  }\n  \n  .hps-card-body {\n    padding: 1.35rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1521385352 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section learning-academics-sec\" id=\"section_206898877\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-112240813\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-112240813 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row align-middle align-center\"  id=\"row-1229893113\">\n\n\n\t<div id=\"col-1585887124\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n    \/* COMPACT CORPORATE STYLE - ACADEMICS SECTION *\/\n.hps-clean-wrapper {\n  max-width: 900px;\n  margin: 16px auto;\n  padding: 0 12px;\n  text-align: center;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  background-color: #FFFFFF;\n}\n\n\/* Compact Top Pill Badge *\/\n.hps-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background-color: #EBF8FF;\n  border: 1px solid #4EBEF5;\n  border-radius: 50px;\n  padding: 3px 12px;\n  margin-bottom: 8px;\n}\n\n.hps-pill-dot {\n  width: 6px;\n  height: 6px;\n  background-color: #148945;\n  border-radius: 50%;\n  display: inline-block;\n}\n\n.hps-pill-text {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n  color: #05354A;\n  text-transform: uppercase;\n}\n\n\/* Compact Main Title *\/\n.hps-main-heading {\n  font-size: 26px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0 0 8px 0;\n  letter-spacing: -0.3px;\n}\n\n.hps-heading-main {\n  color: #5f0c0c; \/* Maroon *\/\n}\n\n.hps-heading-accent {\n  color: #FFB100; \/* Gold *\/\n}\n\n\/* Compact Divider Line *\/\n.hps-divider-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 10px;\n}\n\n.hps-line {\n  height: 1.5px;\n  width: 40px;\n  background: linear-gradient(90deg, transparent, #4EBEF5);\n}\n\n.hps-line.right {\n  background: linear-gradient(90deg, #4EBEF5, transparent);\n}\n\n.hps-center-badge {\n  background-color: #F1F5F9;\n  color: #05354A;\n  font-size: 10px;\n  font-weight: 800;\n  padding: 2px 8px;\n  border-radius: 4px;\n}\n\n\/* Compact Body Text *\/\n.hps-body-text {\n  font-size: 14px;\n  line-height: 1.45;\n  color: #05354A;\n  font-weight: 500;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n  .hps-main-heading {\n    font-size: 22px;\n  }\n  .hps-body-text {\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<div class=\"hps-clean-wrapper\">\n  \n  <!-- 1. Top Pill Badge -->\n  <div class=\"hps-pill-badge\">\n    <span class=\"hps-pill-dot\"><\/span>\n    <span class=\"hps-pill-text\">HABIB PUBLIC SCHOOL<\/span>\n  <\/div>\n\n  <!-- 2. Dual-Color Title -->\n  <h2 class=\"hps-main-heading\">\n    <span class=\"hps-heading-main\">Academic<\/span> \n    <span class=\"hps-heading-accent\">Excellence<\/span>\n  <\/h2>\n\n  <!-- 3. Center Divider -->\n  <div class=\"hps-divider-wrap\">\n    <div class=\"hps-line\"><\/div>\n    <span class=\"hps-center-badge\">HPS<\/span>\n    <div class=\"hps-line right\"><\/div>\n  <\/div>\n\n  <!-- 4. Body Paragraph -->\n  <p class=\"hps-body-text\">\n    Our academic approach, curriculum, and extracurriculars are adapted for the needs of each section.\n  <\/p>\n\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_206898877 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_279039573\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- ACADEMIC SECTIONS 4-COLUMN GRID COMPONENT -->\n<section class=\"hps-sections-grid-section\">\n  <div class=\"hps-sections-grid-container\">\n    \n    <!-- CARD 1: Pre-Junior Section -->\n    <div class=\"hps-section-card hps-fade-in-up\">\n      <div class=\"hps-section-img-wrapper\">\n        <img decoding=\"async\" \n          src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/Bookfair-2.jpg\" \n          alt=\"Pre-Junior Section (Grade 1-2)\" \n          class=\"hps-section-img\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"hps-section-body\">\n        <div class=\"hps-section-text-content\">\n          <h3 class=\"hps-section-title\">Pre-Junior Section<\/h3>\n          <span class=\"hps-section-subtitle\">(Grade 1-2)<\/span>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/learning\/pre-junior-section-2\/\" class=\"hps-section-btn\">LEARN MORE<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 2: Junior Section -->\n    <div class=\"hps-section-card hps-fade-in-up hps-delay-1\">\n      <div class=\"hps-section-img-wrapper\">\n        <img decoding=\"async\" \n          src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/DSC00425-scaled.jpg\" \n          alt=\"Junior Section (Grade 3-5)\" \n          class=\"hps-section-img\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"hps-section-body\">\n        <div class=\"hps-section-text-content\">\n          <h3 class=\"hps-section-title\">Junior Section<\/h3>\n          <span class=\"hps-section-subtitle\">(Grade 3-5)<\/span>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/learning\/junior-section-2\/\" class=\"hps-section-btn\">LEARN MORE<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 3: Senior Section -->\n    <div class=\"hps-section-card hps-fade-in-up hps-delay-2\">\n      <div class=\"hps-section-img-wrapper\">\n        <img decoding=\"async\" \n          src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821132445-scaled.jpg\" \n          alt=\"Senior Section (Grade 6-10\/11)\" \n          class=\"hps-section-img\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"hps-section-body\">\n        <div class=\"hps-section-text-content\">\n          <h3 class=\"hps-section-title\">Senior Section<\/h3>\n          <span class=\"hps-section-subtitle\">(Grade 6-10\/11)<\/span>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/learning\/senior-section-2\/\" class=\"hps-section-btn\">LEARN MORE<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 4: High School -->\n    <div class=\"hps-section-card hps-fade-in-up hps-delay-3\">\n      <div class=\"hps-section-img-wrapper\">\n        <img decoding=\"async\" \n          src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/IMG20230821132719-scaled.jpg\" \n          alt=\"High School (Grade 11-12)\" \n          class=\"hps-section-img\"\n          loading=\"lazy\"\n        \/>\n      <\/div>\n      <div class=\"hps-section-body\">\n        <div class=\"hps-section-text-content\">\n          <h3 class=\"hps-section-title\">High School<\/h3>\n          <span class=\"hps-section-subtitle\">(Grade 11-12)<\/span>\n        <\/div>\n        <a href=\"https:\/\/habibschools.edu.pk\/hps\/learning\/habib-public-high-school\/\" class=\"hps-section-btn\">LEARN MORE<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   EQUAL HEIGHT 4-COLUMN GRID STYLING (STRICT HPS BRAND)\n---------------------------------------------------- *\/\n:root {\n  --hps-base: #ffffff;\n  --hps-main: #5f0c0c;       \/* Dark Maroon *\/\n  --hps-sec-gold: #ffb100;   \/* Gold Accent *\/\n  --hps-sec-navy: #05354a;   \/* Deep Navy *\/\n  --hps-border: #e2e8f0;\n}\n\n.hps-sections-grid-section {\n  width: 100%;\n  padding: clamp(2rem, 4vw, 4rem) 1.25rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n  background-color: var(--hps-base);\n}\n\n.hps-sections-grid-container {\n  max-width: 1280px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1.75rem;\n  align-items: stretch;\n}\n\n.hps-section-card {\n  background-color: var(--hps-base);\n  border: 1px solid var(--hps-border);\n  border-radius: 14px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(5, 53, 74, 0.05);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  box-sizing: border-box;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;\n}\n\n.hps-section-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 18px 40px rgba(5, 53, 74, 0.09);\n}\n\n.hps-section-img-wrapper {\n  width: 100%;\n  height: 200px;\n  overflow: hidden;\n  background-color: var(--hps-sec-navy);\n  position: relative;\n}\n\n.hps-section-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hps-section-card:hover .hps-section-img {\n  transform: scale(1.05);\n}\n\n.hps-section-body {\n  padding: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: space-between;\n  box-sizing: border-box;\n  text-align: center;\n}\n\n.hps-section-text-content {\n  margin-bottom: 1.5rem;\n}\n\n.hps-section-title {\n  font-size: 1.15rem;\n  font-weight: 800;\n  color: var(--hps-main);\n  margin: 0 0 0.25rem 0;\n  line-height: 1.3;\n  letter-spacing: -0.01em;\n}\n\n.hps-section-subtitle {\n  display: block;\n  font-size: 0.9rem;\n  font-weight: 600;\n  color: #64748b;\n  margin: 0;\n}\n\n.hps-section-btn {\n  display: inline-block;\n  background-color: var(--hps-main);\n  color: var(--hps-base);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  padding: 0.75rem 1rem;\n  border-radius: 6px;\n  text-decoration: none;\n  transition: background-color 0.25s ease, transform 0.25s ease;\n  width: 100%;\n  box-sizing: border-box;\n  box-shadow: 0 4px 12px rgba(95, 12, 12, 0.2);\n}\n\n.hps-section-btn:hover {\n  background-color: var(--hps-sec-navy);\n  color: var(--hps-base);\n  transform: translateY(-2px);\n}\n\n\/* Animations *\/\n.hps-fade-in-up {\n  opacity: 0;\n  transform: translateY(25px);\n  animation: hpsGridFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  will-change: transform, opacity;\n}\n\n.hps-delay-1 { animation-delay: 0.1s; }\n.hps-delay-2 { animation-delay: 0.2s; }\n.hps-delay-3 { animation-delay: 0.3s; }\n\n@keyframes hpsGridFadeUp {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Grid Adjustments *\/\n@media (max-width: 1100px) {\n  .hps-sections-grid-container {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 640px) {\n  .hps-sections-grid-container {\n    grid-template-columns: 1fr;\n  }\n  \n  .hps-sections-grid-section {\n    padding: 1.5rem 1rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_279039573 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section show-for-small\" id=\"section_1096606097\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row align-equal align-center\"  id=\"row-2110000199\">\n\n\n\t<div id=\"col-727498280\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover hgs__Learning-AccademicBox hgs__BoxOne  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:175px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"720\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/Bookfair-2.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/Bookfair-2.jpg 960w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/Bookfair-2-768x576.jpg 768w\" sizes=\"auto, (max-width: 960px) 100vw, 960px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"text-1768250910\" class=\"text hgs__AccademicBox-Text\">\n\t\t\n\n<h3>Pre-Junior Section<\/h3>\n<h3>(Grade 1-2)<\/h3>\n\t\t\t<\/div>\n\t\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/learning-all\/pre-junior-section\/\" class=\"button alert\" style=\"padding:5px 20px 5px 20px;\">\n\t\t<span>Learn More<\/span>\n\t<\/a>\n\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-435601438\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover hgs__Learning-AccademicBox hgs__BoxOne  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:175px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/DSC00425-scaled.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/DSC00425-scaled.jpg 2560w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/DSC00425-1024x576.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/DSC00425-768x432.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/DSC00425-1536x864.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/DSC00425-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"text-3662371690\" class=\"text hgs__AccademicBox-Text\">\n\t\t\n\n<h3>Junior Section\u200b<\/h3>\n<h3>(Grade 3-5)<\/h3>\n\t\t\t<\/div>\n\t\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/learning\/junior-section\/\" class=\"button alert\" style=\"padding:5px 20px 5px 20px;\">\n\t\t<span>Learn More<\/span>\n\t<\/a>\n\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<\/div>\n<div class=\"row\"  id=\"row-179362257\">\n\n\n\t<div id=\"col-1430380628\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInLeft\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover hgs__Learning-AccademicBox hgs__BoxThree  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:175px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821132445-scaled.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821132445-scaled.jpg 2560w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821132445-1024x576.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821132445-768x432.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821132445-1536x864.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2023\/12\/IMG20230821132445-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"text-103840026\" class=\"text hgs__AccademicBox-Text\">\n\t\t\n\n<h3>Senior Section<\/h3>\n<h3>(Grade 6-10\/11)<\/h3>\n\t\t\t<\/div>\n\t\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/learning\/senior-section\/\" class=\"button alert\" style=\"padding:5px 20px 5px 20px;\">\n\t\t<span>Learn More<\/span>\n\t<\/a>\n\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1165004668\" class=\"col medium-3 small-12 large-3\"  data-animate=\"fadeInRight\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t<div class=\"box has-hover hgs__Learning-AccademicBox hgs__BoxThree  has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:175px;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/IMG20230821132719-scaled.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/IMG20230821132719-scaled.jpg 2560w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/IMG20230821132719-1024x576.jpg 1024w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/IMG20230821132719-768x432.jpg 768w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/IMG20230821132719-1536x864.jpg 1536w, https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/01\/IMG20230821132719-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"text-2147325956\" class=\"text hgs__AccademicBox-Text\">\n\t\t\n\n<h3> High School<\/br> (Grade 11-12)<\/h3>\n\t\t\t<\/div>\n\t\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/learning-all\/hphs-all\/\" class=\"button alert\" style=\"padding:5px 20px 5px 20px;\">\n\t\t<span>Learn More<\/span>\n\t<\/a>\n\n\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1096606097 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section Academic-Support-section\" id=\"section_1484813633\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t<div class=\"section-bg-overlay absolute fill\"><\/div>\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\t<div id=\"gap-897016954\" class=\"gap-element clearfix hide-for-medium\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-897016954 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row row-collapse row-full-width align-middle\"  id=\"row-426884838\">\n\n\n\t<div id=\"col-2004582355\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<style>\n\n    \/* COLOR PALETTE & VARIABLES *\/\n:root {\n  --b-base: #FFFFFF;\n  --b-main: #5f0c0c;\n  --b-gold: #FFB100;\n  --b-navy: #05354A;\n  --b-cyan: #4EBEF5;\n  --b-green: #148945;\n}\n\n\/* CONTAINER & LAYOUT *\/\n.hps-canvas-container {\n  max-width: 1152px;\n  margin: 24px auto;\n  font-family: system-ui, -apple-system, sans-serif;\n  color: var(--b-navy);\n}\n\n.hps-hero-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 32px;\n  background-color: var(--b-base);\n  border-radius: 24px;\n  padding: 24px;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n  border: 1px solid #f1f5f9;\n}\n\n@media (min-width: 1024px) {\n  .hps-hero-grid {\n    grid-template-columns: 5fr 7fr;\n  }\n}\n\n\/* MEDIA COLUMN *\/\n.hps-media-box {\n  position: relative;\n  min-height: 350px;\n  border-radius: 16px;\n  overflow: hidden;\n  background-color: #0f172a;\n}\n\n.hps-media-box img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* CONTENT STYLES *\/\n.hps-tag {\n  display: inline-block;\n  background-color: rgba(95, 12, 12, 0.1);\n  color: var(--b-main);\n  font-weight: 700;\n  font-size: 12px;\n  text-transform: uppercase;\n  padding: 4px 12px;\n  border-radius: 6px;\n  margin-bottom: 12px;\n}\n\n.hps-title {\n  font-size: 32px;\n  font-weight: 800;\n  color: var(--b-main);\n  margin: 0 0 8px 0;\n  line-height: 1.2;\n}\n\n.hps-title span {\n  color: var(--b-navy);\n}\n\n.hps-card-main {\n  background-color: #f8fafc;\n  border-left: 4px solid var(--b-main);\n  padding: 16px;\n  border-radius: 12px;\n  margin-bottom: 16px;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n.hps-card-cyan {\n  background-color: #f8fafc;\n  border-left: 4px solid var(--b-cyan);\n  padding: 16px;\n  border-radius: 12px;\n  font-size: 15px;\n  line-height: 1.6;\n}\n\n\/* STATS ROW *\/\n.hps-stats-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n  margin-top: 20px;\n}\n\n.hps-stat-card {\n  padding: 10px;\n  border-radius: 12px;\n  text-align: center;\n  background-color: rgba(255, 177, 0, 0.1);\n  border: 1px solid rgba(255, 177, 0, 0.2);\n}\n\n.hps-stat-title {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  color: var(--b-navy);\n}\n\n.hps-stat-val {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--b-main);\n}\n<\/style>\n\n<div class=\"hps-canvas-container\">\n  <div class=\"hps-hero-grid\">\n    \n    <!-- LEFT IMAGE -->\n    <div class=\"hps-media-box\">\n      <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2025\/09\/DSC05366-scaled.jpg\" alt=\"Habib Public School SEL\" \/>\n    <\/div>\n\n    <!-- RIGHT CONTENT -->\n    <div>\n      <span class=\"hps-tag\">Habib Public School Karachi<\/span>\n      <h2 class=\"hps-title\">Social and <span>Emotional Learning<\/span><\/h2>\n      <p style=\"color: #64748b; margin-bottom: 20px;\">Building foundation for empathy, resilience, and lifelong emotional intelligence.<\/p>\n\n      <div class=\"hps-card-main\">\n        At Habib Public School Karachi, Social and Emotional Learning (SEL) is central to student growth. We provide a safe, supportive environment where students develop empathy, resilience, and collaboration skills.\n      <\/div>\n\n      <div class=\"hps-card-cyan\">\n        By nurturing emotional intelligence alongside academics, HPS prepares confident, compassionate leaders ready to thrive in school and life.\n      <\/div>\n\n      <div class=\"hps-stats-grid\">\n        <div class=\"hps-stat-card\">\n          <span class=\"hps-stat-title\">Counselors<\/span>\n          <span class=\"hps-stat-val\">Qualified Experts<\/span>\n        <\/div>\n        <div class=\"hps-stat-card\" style=\"background: rgba(20, 137, 69, 0.1); border-color: rgba(20, 137, 69, 0.2);\">\n          <span class=\"hps-stat-title\">Culture<\/span>\n          <span class=\"hps-stat-val\" style=\"color: var(--b-green);\">Inclusive<\/span>\n        <\/div>\n        <div class=\"hps-stat-card\" style=\"background: rgba(78, 190, 245, 0.1); border-color: rgba(78, 190, 245, 0.2);\">\n          <span class=\"hps-stat-title\">Focus<\/span>\n          <span class=\"hps-stat-val\" style=\"color: var(--b-navy);\">Growth &#038; Life<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1484813633 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(247, 247, 247);\n}\n#section_1484813633 .section-bg-overlay {\n  background-color: rgba(255, 255, 255, 0.85);\n}\n<\/style>\n\t<\/section>\n\t\n\n\n<span class=\"scroll-to\" data-label=\"Scroll to: #enrichment-programs\" data-bullet=\"false\" data-link=\"#enrichment-programs\" data-title=\"enrichment-programs\"><a name=\"enrichment-programs\"><\/a><\/span>\n\n\n\t<section class=\"section Enrichment-Programs-section\" id=\"section_1262345696\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-collapse row-full-width align-middle align-center\"  id=\"row-1936723440\">\n\n\n\t<div id=\"col-1403722880\" class=\"col medium-8 small-12 large-8\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n\n\t<div id=\"gap-1718333690\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1718333690 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-231681868\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-231681868 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n<style>\n\n\/* COMPACT CORPORATE STYLE *\/\n.hps-clean-wrapper {\n  max-width: 900px;\n  margin: 16px auto;\n  padding: 0 12px;\n  text-align: center;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  background-color: #FFFFFF;\n}\n\n\/* Compact Top Pill Badge *\/\n.hps-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background-color: #EBF8FF;\n  border: 1px solid #4EBEF5;\n  border-radius: 50px;\n  padding: 3px 12px;\n  margin-bottom: 8px;\n}\n\n.hps-pill-dot {\n  width: 6px;\n  height: 6px;\n  background-color: #148945;\n  border-radius: 50%;\n  display: inline-block;\n}\n\n.hps-pill-text {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.8px;\n  color: #05354A;\n  text-transform: uppercase;\n}\n\n\/* Compact Main Title *\/\n.hps-main-heading {\n  font-size: 26px;\n  font-weight: 800;\n  line-height: 1.15;\n  margin: 0 0 8px 0;\n  letter-spacing: -0.3px;\n}\n\n.hps-heading-main {\n  color: #5f0c0c;\n}\n\n.hps-heading-accent {\n  color: #FFB100;\n}\n\n\/* Compact Divider Line *\/\n.hps-divider-wrap {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  margin-bottom: 10px;\n}\n\n.hps-line {\n  height: 1.5px;\n  width: 40px;\n  background: linear-gradient(90deg, transparent, #4EBEF5);\n}\n\n.hps-line.right {\n  background: linear-gradient(90deg, #4EBEF5, transparent);\n}\n\n.hps-center-badge {\n  background-color: #F1F5F9;\n  color: #05354A;\n  font-size: 10px;\n  font-weight: 800;\n  padding: 2px 8px;\n  border-radius: 4px;\n}\n\n\/* Compact Body Text *\/\n.hps-body-text {\n  font-size: 14px;\n  line-height: 1.45;\n  color: #1E293B;\n  font-weight: 500;\n  max-width: 750px;\n  margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n  .hps-main-heading {\n    font-size: 22px;\n  }\n  .hps-body-text {\n    font-size: 13px;\n  }\n}\n\n<\/style>\n\n\n<div class=\"hps-clean-wrapper\">\n  \n  <!-- 1. Top Light Pill Badge -->\n  <div class=\"hps-pill-badge\">\n    <span class=\"hps-pill-dot\"><\/span>\n    <span class=\"hps-pill-text\">BEYOND THE CLASSROOM<\/span>\n  <\/div>\n\n  <!-- 2. Dual-Color Title -->\n  <h2 class=\"hps-main-heading\">\n    <span class=\"hps-heading-main\">Enrichment<\/span> \n    <span class=\"hps-heading-accent\">Programs<\/span>\n  <\/h2>\n\n  <!-- 3. Center Line Divider with HPS Box -->\n  <div class=\"hps-divider-wrap\">\n    <div class=\"hps-line\"><\/div>\n    <span class=\"hps-center-badge\">HPS<\/span>\n    <div class=\"hps-line right\"><\/div>\n  <\/div>\n\n  <!-- 4. Clean Body Paragraph -->\n  <p class=\"hps-body-text\">\n    Life at Habib Public School is not only about academics! Our Enrichment Program provides a variety of extracurricular opportunities to our students for their holistic development.\n  <\/p>\n\n<\/div>\n\n\t<div id=\"gap-429415695\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-429415695 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div id=\"gap-1768687421\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1768687421 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\n<style>\n#row-1936723440 > .col > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n<div class=\"row show-for-small\"  id=\"row-1331848297\">\n\n\n\t<div id=\"col-1778726254\" class=\"col small-12 large-12\"  data-animate=\"fadeInUp\">\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<div class=\"card-container\">\n  <div class=\"card\">\n    <div class=\"card-icon\">\n      <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/09\/language-removebg-preview.png\" alt=\"Icon\" \/>\n    <\/div>\n    <h3>Language and Literary Clubs<\/h3>\n    <p>Habib Public School fosters a love for language and literature through vibrant, engaging student-led clubs.<\/p> <\/div><\/div>\n\n\n\n<div class=\"card-container\">\n<div class=\"card\">\n    <div class=\"card-icon\">\n      <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/09\/leadership-removebg-preview.png\" alt=\"Icon\" \/>\n    <\/div>\n    <h3>STEM Clubs<\/h3>\n    <p>STEM clubs encourage hands-on learning, innovation, and critical thinking through exciting projects and challenges.<\/p>\n  <\/div><\/div>\n\n\n\n<div class=\"card-container\">\n <div class=\"card\">\n    <div class=\"card-icon\">\n      <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/09\/music-removebg-preview.png\" alt=\"Icon\" \/>\n    <\/div>\n    <h3>Music, Art and Design Clubs<\/h3>\n    <p>These clubs foster creativity, self-expression, and skill development through engaging music, arts, and design activities.<\/p>\n  <\/div><\/div>\n\n\n\n<div class=\"card-container\">\n<div class=\"card\">\n    <div class=\"card-icon\">\n      <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hps\/wp-content\/uploads\/2024\/09\/stem-removebg-preview.png\" alt=\"Icon\" \/>\n    <\/div>\n    <h3>Leadership Skills Development Clubs<\/h3>\n    <p>These clubs empower students to build leadership skills, confidence, and teamwork through diverse development activities.<\/p>\n  <\/div>  \n<\/div>\n\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n<div class=\"row row-collapse row-full-width\"  id=\"row-625881383\">\n\n\n\t<div id=\"col-957559203\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\t\t<div class=\"hide-for-medium\">\n\t\t\t\t\n\n<!-- HTML & CSS MERGED SINGLE CONTAINER -->\n<div class=\"hps-clubs-section\">\n  <style>\n    \/* COMPACT MODERN CARDS & FADE-IN ANIMATION STYLES *\/\n    .hps-clubs-section {\n      max-width: 1200px;\n      margin: 20px auto;\n      padding: 10px;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n    }\n\n    \/* Responsive Grid Layout *\/\n    .hps-clubs-grid {\n      display: grid;\n      grid-template-columns: repeat(1, 1fr);\n      gap: 16px;\n    }\n\n    @media (min-width: 640px) {\n      .hps-clubs-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .hps-clubs-grid {\n        grid-template-columns: repeat(4, 1fr);\n      }\n    }\n\n    \/* Single Card Base Styles *\/\n    .hps-club-card {\n      background-color: #FFFFFF;\n      border-radius: 16px;\n      padding: 24px 20px;\n      text-align: center;\n      border: 1px solid #E2E8F0;\n      box-shadow: 0 4px 15px rgba(5, 53, 74, 0.05);\n      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s ease;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      \n      \/* Scroll Fade-In Initial State *\/\n      opacity: 0;\n      transform: translateY(24px);\n      will-change: opacity, transform;\n    }\n\n    \/* Scroll Fade-In Visible State *\/\n    .hps-club-card.fade-in-visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* Card Hover Effect *\/\n    .hps-club-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 12px 28px rgba(95, 12, 12, 0.12);\n      border-color: #4EBEF5;\n    }\n\n    \/* Icon Container *\/\n    .hps-icon-wrapper {\n      width: 52px;\n      height: 52px;\n      background-color: #5f0c0c;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin-bottom: 16px;\n      color: #FFFFFF;\n      box-shadow: 0 4px 10px rgba(95, 12, 12, 0.2);\n      transition: background-color 0.3s ease, transform 0.3s ease;\n    }\n\n    .hps-club-card:hover .hps-icon-wrapper {\n      background-color: #05354A;\n      transform: scale(1.08);\n    }\n\n    .hps-icon-wrapper svg {\n      width: 24px;\n      height: 24px;\n      fill: none;\n      stroke: currentColor;\n      stroke-width: 2;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    \/* Card Headings *\/\n    .hps-club-title {\n      font-size: 17px;\n      font-weight: 800;\n      color: #05354A;\n      margin: 0 0 12px 0;\n      line-height: 1.35;\n      min-height: 46px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    \/* Card Content Text *\/\n    .hps-club-text {\n      font-size: 13.5px;\n      line-height: 1.55;\n      color: #475569;\n      margin: 0;\n      font-weight: 450;\n    }\n  <\/style>\n\n  <div class=\"hps-clubs-grid\">\n    \n    <!-- CARD 1: Language and Literary Clubs -->\n    <div class=\"hps-club-card\" style=\"transition-delay: 0.1s;\">\n      <div class=\"hps-icon-wrapper\">\n        <!-- Fountain Pen Icon -->\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M12 19l7-73-3-3L7 12v4h4z\"><\/path>\n          <path d=\"M18 13l-1.5-1.5\"><\/path>\n          <path d=\"M2 22h20\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 class=\"hps-club-title\">Language and Literary Clubs<\/h3>\n      <p class=\"hps-club-text\">Habib Public School fosters a love for language and literature through vibrant, engaging student-led clubs.<\/p>\n    <\/div>\n\n    <!-- CARD 2: STEM Clubs -->\n    <div class=\"hps-club-card\" style=\"transition-delay: 0.2s;\">\n      <div class=\"hps-icon-wrapper\">\n        <!-- STEM \/ Collaboration Icon -->\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\n          <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\n          <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\n          <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 class=\"hps-club-title\">STEM Clubs<\/h3>\n      <p class=\"hps-club-text\">STEM clubs encourage hands-on learning, innovation, and critical thinking through exciting projects and challenges.<\/p>\n    <\/div>\n\n    <!-- CARD 3: Music, Art and Design Clubs -->\n    <div class=\"hps-club-card\" style=\"transition-delay: 0.3s;\">\n      <div class=\"hps-icon-wrapper\">\n        <!-- Music Note Icon -->\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M9 18V5l12-2v13\"><\/path>\n          <circle cx=\"6\" cy=\"18\" r=\"3\"><\/circle>\n          <circle cx=\"18\" cy=\"16\" r=\"3\"><\/circle>\n        <\/svg>\n      <\/div>\n      <h3 class=\"hps-club-title\">Music, Art and Design Clubs<\/h3>\n      <p class=\"hps-club-text\">These clubs foster creativity, self-expression, and skill development through engaging music, arts, and design activities.<\/p>\n    <\/div>\n\n    <!-- CARD 4: Leadership Skills Development Clubs -->\n    <div class=\"hps-club-card\" style=\"transition-delay: 0.4s;\">\n      <div class=\"hps-icon-wrapper\">\n        <!-- Atom \/ Leadership Skill Icon -->\n        <svg viewBox=\"0 0 24 24\">\n          <circle cx=\"12\" cy=\"12\" r=\"1\"><\/circle>\n          <path d=\"M20.2 20.2c2.4-2.4 2.4-6.3 0-8.7L12 3.1 3.8 11.5c-2.4 2.4-2.4 6.3 0 8.7 2.4 2.4 6.3 2.4 8.7 0l8.7-8.7z\"><\/path>\n          <path d=\"M3.8 3.8c-2.4 2.4-2.4 6.3 0 8.7L12 20.9l8.2-8.4c2.4-2.4 2.4-6.3 0-8.7-2.4-2.4-6.3-2.4-8.7 0L3.8 3.8z\"><\/path>\n        <\/svg>\n      <\/div>\n      <h3 class=\"hps-club-title\">Leadership Skills Development Clubs<\/h3>\n      <p class=\"hps-club-text\">These clubs empower students to build leadership skills, confidence, and teamwork through diverse development activities.<\/p>\n    <\/div>\n\n  <\/div>\n\n  <!-- SCROLL FADE-IN ANIMATION SCRIPT -->\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      const cards = document.querySelectorAll(\".hps-club-card\");\n      \n      const observerOptions = {\n        root: null,\n        rootMargin: \"0px\",\n        threshold: 0.15\n      };\n\n      const observer = new IntersectionObserver((entries, observer) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) {\n            entry.target.classList.add(\"fade-in-visible\");\n            observer.unobserve(entry.target);\n          }\n        });\n      }, observerOptions);\n\n      cards.forEach(card => observer.observe(card));\n    });\n  <\/script>\n<\/div>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n<\/div>\n\n\n<div class=\"row row-collapse align-equal align-center show-for-small\"  id=\"row-645899719\">\n\n\n\t<div id=\"col-152726100\" class=\"col Enrichment-Programs-button medium-3 small-6 large-3\"  >\n\t\t\t\t<div class=\"col-inner text-left\"  >\n\t\t\t\n\t\t\t\n\n\t\t<div class=\"Enrichment-Programs-section hidden\">\n\t\t\t\t\n\n<style>\n.Enrichment-Programs-section a {\n    color: #5F0C0C;\n    border: solid;\n    border-width: 0px 0px 0px 8px;\n    padding: 5px 3px 6px 10px;\ntransition:transform 1s ease;\n}\n.Enrichment-Programs-section a:hover {\n    color: #ffff ;\n    background-color:  #5F0C0C;\n    border: solid #5F0C0C;\n    padding: 6px 6px;\ntransform: translateY(-5px); \n}\n<\/style>\n\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/news\/\" class=\"more-news\">Learn More<\/a>\n\t\t<\/div>\n\t\n\t\t<div class=\"Enrichment-Programs-section show-for-small\">\n\t\t\t\t\n\n<style>\n.Enrichment-Programs-section a {\n    color: #5F0C0C;\n    border: solid;\n    border-width: 0px 0px 0px 8px;\n    padding: 5px 3px 6px 10px;\ntransition:transform 1s ease;\n}\n.Enrichment-Programs-section a:hover {\n    color: #ffff ;\n    background-color:  #5F0C0C;\n    border: solid #5F0C0C;\n    padding: 6px 6px;\ntransform: translateY(-5px); \n}\n<\/style>\n\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/learning-all\/enrichment-programs\/\">Learn More<\/a>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-152726100 > .col-inner {\n  padding: 10px 0px 30px 0px;\n}\n@media (min-width:550px) {\n  #col-152726100 > .col-inner {\n    padding: 10px 0px 30px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-826719920\" class=\"col Enrichment-Programs-button medium-3 small-12 large-3\"  >\n\t\t\t\t<div class=\"col-inner text-right\"  >\n\t\t\t\n\t\t\t\n\n\t\t<div class=\"Enrichment-Programs-section hidden\">\n\t\t\t\t\n\n<style>\n.Enrichment-Programs-section a {\n    color: #5F0C0C;\n    border: solid;\n    border-width: 0px 0px 0px 8px;\n    padding: 5px 3px 6px 10px;\ntransition:transform 1s ease;\n}\n.Enrichment-Programs-section a:hover {\n    color: #ffff ;\n    background-color:  #5F0C0C;\n    border: solid #5F0C0C;\n    padding: 6px 6px;\ntransform: translateY(-5px); \n}\n<\/style>\n\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/news\/\" class=\"more-news\">Learn More<\/a>\n\t\t<\/div>\n\t\n\t\t<div class=\"Enrichment-Programs-section hide-for-medium\">\n\t\t\t\t\n\n<style>\n.Enrichment-Programs-section a {\n    color: #5F0C0C;\n    border: solid;\n    border-width: 0px 0px 0px 8px;\n    padding: 5px 3px 6px 10px;\ntransition:transform 1s ease;\n}\n.Enrichment-Programs-section a:hover {\n    color: #ffff ;\n    background-color:  #5F0C0C;\n    border: solid #5F0C0C;\n    padding: 6px 6px;\ntransform: translateY(-5px); \n}\n<\/style>\n\n<a href=\"https:\/\/habibschools.edu.pk\/hps\/community\/news\/\" class=\"more-news\">Learn More<\/a>\n\t\t<\/div>\n\t\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-826719920 > .col-inner {\n  padding: 10px 0px 30px 30px;\n}\n@media (min-width:550px) {\n  #col-826719920 > .col-inner {\n    padding: 10px 0px 30px 0px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1262345696 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: rgb(255, 255, 255);\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"gap-669286525\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-669286525 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n\t<section class=\"section dark\" id=\"section_815723999\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n\n\n<!-- HTML & CSS MERGED SINGLE CONTAINER -->\n<div class=\"hps-simple-btn-container\">\n  <style>\n    \/* SIMPLE SOLID BUTTON STYLES *\/\n    .hps-simple-btn-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin: 20px auto;\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      box-sizing: border-box;\n    }\n\n    .hps-simple-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      text-decoration: none;\n      background-color: #5f0c0c; \/* Main Maroon Color *\/\n      color: #FFFFFF;\n      font-size: 16px;\n      font-weight: 700;\n      padding: 12px 28px;\n      border-radius: 14px; \/* Rounded corners *\/\n      box-shadow: 0 8px 20px rgba(95, 12, 12, 0.25); \/* Soft Box Shadow *\/\n      cursor: pointer;\n    }\n\n    \/* Arrow Icon *\/\n    .hps-simple-btn svg {\n      width: 18px;\n      height: 18px;\n      fill: none;\n      stroke: #FFFFFF;\n      stroke-width: 2.5;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n  <\/style>\n\n  <!-- BUTTON LINK (Replace '#' with your target page URL) -->\n  <a href=\"https:\/\/habibschools.edu.pk\/hps\/learning\/enrichment-programs\/\" class=\"hps-simple-btn\">\n    <span>Learn More<\/span>\n    <svg viewBox=\"0 0 24 24\">\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n      <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n    <\/svg>\n  <\/a>\n<\/div>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_815723999 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n  background-color: rgb(255,255,255);\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-12926","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/comments?post=12926"}],"version-history":[{"count":26,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12926\/revisions"}],"predecessor-version":[{"id":13313,"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/pages\/12926\/revisions\/13313"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hps\/wp-json\/wp\/v2\/media?parent=12926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}