{"id":18685,"date":"2026-10-15T15:18:02","date_gmt":"2026-10-15T15:18:02","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hgs\/?page_id=18685"},"modified":"2026-10-15T16:16:22","modified_gmt":"2026-10-15T16:16:22","slug":"primary-section","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hgs\/learning\/primary-section\/","title":{"rendered":"Primary Section"},"content":{"rendered":"\n\n\t<section class=\"section hide-for-small\" id=\"section_1745408564\">\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-231519274\">\n\n\n\t<div id=\"col-1360103274\" 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-1360103274 > .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_1745408564 {\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\t<section class=\"section\" id=\"section_189886081\">\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<!-- HGS UNIQUE HERO BANNER (PRIMARY SECTION CLASS 3-5) -->\n<section class=\"hgs-unique-hero-section\">\n  <div class=\"hgs-unique-hero-bg-wrapper\">\n    <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1E2A6090-scaled.jpg\" alt=\"Primary Section at Habib Girls School\" class=\"hgs-unique-hero-bg-img\" \/>\n    <div class=\"hgs-unique-hero-gradient-overlay\"><\/div>\n  <\/div>\n\n  <div class=\"hgs-unique-hero-container\">\n    <div class=\"hgs-unique-hero-content-box\">\n      <div class=\"hgs-unique-hero-badge\">\n        <span class=\"hgs-hero-badge-text\">PRIMARY SECTION (CLASS 3 \u2013 5)<\/span>\n      <\/div>\n      <h1 class=\"hgs-unique-hero-title\">\n        Growing Little <span>Leaders<\/span>\n      <\/h1>\n      <p class=\"hgs-unique-hero-desc\">\n        Empowering young minds with core foundational skills, confidence, leadership, and holistic growth for a brighter future. Through interactive learning and critical thinking, we inspire our young girls to discover their voice, excel academically, and lead with purpose.\n      <\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* -------------------------------------------------------------------------\n   STRICT HGS DESIGN SYSTEM & UNIQUE SCOPED VARIABLES (DARK HERO OVERLAY)\n-------------------------------------------------------------------------- *\/\n:root {\n  --hgs-hero-base: #FFFFFF;\n  --hgs-hero-main: #5f0c0c;        \/* HGS Brand Maroon *\/\n  --hgs-hero-navy: #05354A;        \/* HGS Dark Navy Overlay *\/\n  --hgs-hero-gold: #FFB100;        \/* Accent Gold *\/\n}\n\n.hgs-unique-hero-section {\n  position: relative;\n  width: 100%;\n  min-height: 560px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  box-sizing: border-box;\n}\n\n\/* Background Image & Gradient Overlays *\/\n.hgs-unique-hero-bg-wrapper {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n}\n\n.hgs-unique-hero-bg-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Darker High-Contrast Gradient Overlay *\/\n.hgs-unique-hero-gradient-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(135deg, rgba(5, 53, 74, 0.88) 0%, rgba(5, 53, 74, 0.78) 100%);\n  backdrop-filter: brightness(0.75);\n  -webkit-backdrop-filter: brightness(0.75);\n  z-index: 2;\n}\n\n\/* Container Layout *\/\n.hgs-unique-hero-container {\n  position: relative;\n  z-index: 3;\n  max-width: 1200px;\n  width: 100%;\n  margin: 0 auto;\n  padding: 4rem 2rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n\/* Content Box Styling *\/\n.hgs-unique-hero-content-box {\n  max-width: 780px;\n  width: 100%;\n}\n\n\/* Category Badge *\/\n.hgs-unique-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  background: rgba(255, 177, 0, 0.15);\n  border: 1.5px solid var(--hgs-hero-gold);\n  padding: 0.35rem 1.1rem;\n  border-radius: 50px;\n  margin-bottom: 1.25rem;\n  box-shadow: 0 0 12px rgba(255, 177, 0, 0.2);\n}\n\n.hgs-hero-badge-text {\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  color: var(--hgs-hero-gold);\n  text-transform: uppercase;\n}\n\n\/* Main Heading Typography *\/\n.hgs-unique-hero-title {\n  font-size: clamp(2.2rem, 4.2vw, 3.5rem);\n  font-weight: 900;\n  color: var(--hgs-hero-base);\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n  margin: 0 0 1.25rem 0;\n  text-transform: none;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n}\n\n.hgs-unique-hero-title span {\n  color: var(--hgs-hero-gold);\n}\n\n\/* Description Text *\/\n.hgs-unique-hero-desc {\n  font-size: clamp(1rem, 1.2vw, 1.15rem);\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.92);\n  font-weight: 400;\n  margin: 0;\n  max-width: 680px;\n  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .hgs-unique-hero-section {\n    min-height: 480px;\n  }\n  \n  .hgs-unique-hero-container {\n    padding: 2rem 1rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_189886081 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1206636225\">\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<!-- HGS Unique Primary Section Approach Component -->\n<section class=\"hgs-unique-approach-section\">\n  <div class=\"hgs-unique-approach-container\">\n\n    <!-- Left Column: Content Card -->\n    <div class=\"hgs-approach-card hgs-approach-card-left\">\n      <div class=\"hgs-pill-badge\">\n        <span class=\"hgs-badge-dot\"><\/span>\n        <span class=\"hgs-badge-text\">OUR METHODOLOGY<\/span>\n      <\/div>\n      \n      <h2 class=\"hgs-approach-title\">\n        Our <span>Approach<\/span>\n      <\/h2>\n      \n      <p class=\"hgs-approach-desc\">\n        The Primary Section at HGS is committed to providing all of our young students an exceptional education. Our unique approach towards education aims to <strong>raise students\u2019 self-image<\/strong> to give them the <strong>confidence to succeed<\/strong>.<br><br>\n        Our structured teaching and learning programs help students to develop the skills they will need to meet their personal goals. HGS primary school students are always encouraged to <strong>follow their interests<\/strong> and <strong>explore ideas that spark their intellectual curiosity<\/strong>. Our teachers and staff have also been trained to recognize each student\u2019s unique needs and, in light of this knowledge, do their best to support students in their academic journey.\n      <\/p>\n    <\/div>\n\n    <!-- Right Column: Media Preview Card with Floating Badge & Hover Animation -->\n    <div class=\"hgs-approach-card hgs-approach-card-right\">\n      <div class=\"hgs-media-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/1E2A6519-scaled-e1694762143938.jpg\" alt=\"Primary Section Approach at Habib Girls School\" class=\"hgs-approach-img\" \/>\n        <div class=\"hgs-media-badge\">\n          <span class=\"hgs-badge-dot\"><\/span>\n          <span class=\"hgs-badge-text\">HOLISTIC GROWTH<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   Complete Isolated CSS (HGS Scoped, Equal Grid Columns, Responsive & Animated)\n   ========================================================================== *\/\n\n:root {\n  --hgs-base: #FFFFFF;\n  --hgs-maroon: #5f0c0c;     \/* HGS Brand Maroon *\/\n  --hgs-gold: #FFB100;       \/* HGS Accent Gold *\/\n  --hgs-navy: #05354A;       \/* HGS Dark Navy *\/\n}\n\n.hgs-unique-approach-section {\n  position: relative;\n  padding: 5rem 1.5rem;\n  background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n\/* Equal Height Grid Container *\/\n.hgs-unique-approach-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2.5rem;\n  align-items: stretch;\n}\n\n\/* Equal Cards Styling with Soft Shadows & Border Radius *\/\n.hgs-approach-card {\n  background: var(--hgs-base);\n  border-radius: 24px;\n  padding: 3rem;\n  box-shadow: 0 20px 40px rgba(5, 53, 74, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;\n  animation: hgsCardFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n.hgs-approach-card-left {\n  border-left: 6px solid var(--hgs-maroon);\n}\n\n.hgs-approach-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 50px rgba(95, 12, 12, 0.15);\n}\n\n\/* Left Column Content Typography *\/\n.hgs-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(95, 12, 12, 0.06);\n  border: 1px solid rgba(95, 12, 12, 0.15);\n  padding: 0.35rem 0.9rem;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n  width: fit-content;\n}\n\n.hgs-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: var(--hgs-gold);\n  box-shadow: 0 0 8px var(--hgs-gold);\n}\n\n.hgs-badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  color: var(--hgs-maroon);\n  text-transform: uppercase;\n}\n\n.hgs-approach-title {\n  font-size: clamp(2rem, 3vw, 2.5rem);\n  font-weight: 900;\n  line-height: 1.2;\n  color: var(--hgs-navy);\n  letter-spacing: -0.02em;\n  margin: 0 0 1.2rem 0;\n  text-transform: none;\n}\n\n.hgs-approach-title span {\n  color: var(--hgs-maroon);\n}\n\n.hgs-approach-desc {\n  font-size: 0.98rem;\n  line-height: 1.7;\n  color: #475569;\n  font-weight: 400;\n  margin: 0;\n}\n\n.hgs-approach-desc strong {\n  color: var(--hgs-navy);\n  font-weight: 700;\n}\n\n\/* Right Column Media Wrapper & Floating Badge *\/\n.hgs-approach-card-right {\n  padding: 1.5rem;\n  background: var(--hgs-base);\n}\n\n.hgs-media-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 380px;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n\n.hgs-approach-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hgs-approach-card-right:hover .hgs-approach-img {\n  transform: scale(1.04);\n}\n\n.hgs-media-badge {\n  position: absolute;\n  bottom: 20px;\n  left: 20px;\n  background: rgba(5, 53, 74, 0.9);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 0.5rem 1rem;\n  border-radius: 50px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n}\n\n.hgs-media-badge .hgs-badge-text {\n  color: #ffffff;\n}\n\n\/* Fade In Animation *\/\n@keyframes hgsCardFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 900px) {\n  .hgs-unique-approach-container {\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n  \n  .hgs-approach-card {\n    padding: 2rem;\n  }\n  \n  .hgs-media-wrapper {\n    min-height: 300px;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1206636225 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1784003675\">\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<!-- HGS UNIQUE SINGLE-COLUMN HIGHLIGHTS SECTION -->\n<section class=\"hgs-unique-goals-section\">\n  <div class=\"hgs-unique-goals-container\">\n    \n    <!-- Section Header & Comprehensive Content -->\n    <div class=\"hgs-goals-header\">\n      <span class=\"hgs-goals-badge\">PRIMARY HIGHLIGHTS<\/span>\n      <h2 class=\"hgs-goals-main-title\">Highlights of the Primary Section<\/h2>\n      <p class=\"hgs-goals-subtitle\">Preparing young learners for tomorrow through digital literacy, multisensory learning, and holistic growth.<\/p>\n\n      <div class=\"hgs-goals-content-block\">\n        <p>\n          At <strong>Habib Girls&#8217; School<\/strong>, our primary section provides excellent amenities and forward-looking learning opportunities. Our students take their pick from a range of exciting courses offered through our <strong>Exploratory Program<\/strong>, designed to foster essential soft skills, problem-solving abilities, and personal growth.\n        <\/p>\n\n        <div class=\"hgs-feature-highlights\">\n          <div class=\"hgs-feature-item\">\n            <span class=\"hgs-feature-icon\">\ud83d\udcbb<\/span>\n            <div>\n              <strong>ICT-Enriched &#038; Digital First Curriculum<\/strong>\n              <p>With digital literacy being a cornerstone of modern education, we offer state-of-the-art technology-integrated classrooms to prepare students for a connected world.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"hgs-feature-item\">\n            <span class=\"hgs-feature-icon\">\ud83c\udfa8<\/span>\n            <div>\n              <strong>Multisensory &#038; Play-Based Learning<\/strong>\n              <p>Hands-on activities, art, and music are core to our multisensory approach so much so that our primary section students even boast their very own band!<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"hgs-feature-item\">\n            <span class=\"hgs-feature-icon\">\ud83c\udfc6<\/span>\n            <div>\n              <strong>Sports &#038; Leadership Development<\/strong>\n              <p>We place strong emphasis on co-curriculars and sports to develop social-emotional intelligence, teamwork, and confidence beyond academic excellence.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   STRICT HGS PALETTE & SINGLE-COLUMN HIGHLIGHTS CANVAS SYSTEM\n   ========================================================================== *\/\n:root {\n  --hgs-base: #FFFFFF;\n  --hgs-main: #5f0c0c;             \/* HGS Brand Maroon *\/\n  --hgs-secondary-gold: #FFB100;    \/* HGS Accent Gold *\/\n  --hgs-secondary-navy: #05354A;    \/* HGS Dark Navy Overlay *\/\n  --hgs-cyan: #4EBEF5;\n}\n\n.hgs-unique-goals-section {\n  position: relative;\n  background-color: var(--hgs-main);\n  background-image: \n    radial-gradient(circle at 10% 20%, rgba(5, 53, 74, 0.55) 0%, transparent 45%),\n    radial-gradient(circle at 90% 80%, rgba(255, 177, 0, 0.18) 0%, transparent 45%);\n  color: var(--hgs-base);\n  padding: 6rem 2rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n.hgs-unique-goals-container {\n  max-width: 1000px;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n\/* Single-Column Content Header & Main Text *\/\n.hgs-goals-header {\n  text-align: center;\n  margin: 0 auto;\n}\n\n.hgs-goals-badge {\n  display: inline-block;\n  background: rgba(255, 177, 0, 0.2);\n  border: 1.5px solid var(--hgs-secondary-gold);\n  color: var(--hgs-secondary-gold);\n  font-size: 0.75rem;\n  font-weight: 800;\n  letter-spacing: 0.15em;\n  padding: 0.35rem 1.1rem;\n  border-radius: 50px;\n  text-transform: uppercase;\n  margin-bottom: 1.25rem;\n  box-shadow: 0 0 15px rgba(255, 177, 0, 0.2);\n}\n\n.hgs-goals-main-title {\n  font-size: clamp(2.2rem, 4vw, 3rem);\n  font-weight: 900;\n  color: var(--hgs-base);\n  margin: 0 0 1rem 0;\n  letter-spacing: -0.02em;\n}\n\n.hgs-goals-subtitle {\n  font-size: 1.15rem;\n  font-weight: 600;\n  color: var(--hgs-secondary-gold);\n  margin: 0 0 2rem 0;\n}\n\n\/* Styled Content Box without Cards *\/\n.hgs-goals-content-block {\n  background: rgba(5, 53, 74, 0.45);\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  border: 1px solid rgba(78, 190, 245, 0.25);\n  border-radius: 24px;\n  padding: 3rem 2.5rem;\n  text-align: left;\n  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);\n}\n\n.hgs-goals-content-block p {\n  font-size: 1.05rem;\n  line-height: 1.8;\n  color: rgba(255, 255, 255, 0.92);\n  margin: 0 0 2rem 0;\n}\n\n.hgs-goals-content-block p strong {\n  color: var(--hgs-secondary-gold);\n}\n\n\/* Inline Feature Bullet Highlights *\/\n.hgs-feature-highlights {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  border-top: 1px solid rgba(255, 255, 255, 0.15);\n  padding-top: 2rem;\n}\n\n.hgs-feature-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.25rem;\n}\n\n.hgs-feature-icon {\n  font-size: 1.8rem;\n  line-height: 1;\n  background: rgba(255, 177, 0, 0.15);\n  padding: 0.75rem;\n  border-radius: 14px;\n  border: 1px solid var(--hgs-secondary-gold);\n  flex-shrink: 0;\n}\n\n.hgs-feature-item strong {\n  font-size: 1.1rem;\n  color: #ffffff;\n  display: block;\n  margin-bottom: 0.35rem;\n}\n\n.hgs-feature-item p {\n  font-size: 0.95rem;\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.82);\n  margin: 0;\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 768px) {\n  .hgs-unique-goals-section {\n    padding: 4rem 1rem;\n  }\n\n  .hgs-goals-content-block {\n    padding: 2rem 1.5rem;\n  }\n\n  .hgs-feature-item {\n    flex-direction: column;\n    gap: 0.75rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1784003675 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_396288441\">\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<!-- HGS Unique Primary Section Curriculum & Assessment Component (Image Left) -->\n<section class=\"hgs-unique-approach-section\">\n  <div class=\"hgs-unique-approach-container\">\n\n    <!-- Left Column: Media Preview Card with Floating Badge & Hover Animation -->\n    <div class=\"hgs-approach-card hgs-approach-card-left-media\">\n      <div class=\"hgs-media-wrapper\">\n        <img decoding=\"async\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/IMG20230818103929-scaled-e1694762309870.jpg\" alt=\"Primary Section Classroom at Habib Girls School\" class=\"hgs-approach-img\" \/>\n        <div class=\"hgs-media-badge\">\n          <span class=\"hgs-badge-dot\"><\/span>\n          <span class=\"hgs-badge-text\">PRIMARY SECTION<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column: Content Card -->\n    <div class=\"hgs-approach-card hgs-approach-card-right-content\">\n      <div class=\"hgs-pill-badge\">\n        <span class=\"hgs-badge-dot\"><\/span>\n        <span class=\"hgs-badge-text\">ACADEMIC EXCELLENCE<\/span>\n      <\/div>\n      \n      <h2 class=\"hgs-approach-title\">\n        Curriculum &amp; <span>Assessment<\/span>\n      <\/h2>\n      \n      <p class=\"hgs-approach-desc\">\n        The HGS primary curriculum is aligned with the <strong>National Curriculum<\/strong> and aims to promote a genuine love of learning in all of our young scholars.\n      <\/p>\n\n      <p class=\"hgs-approach-desc\">\n        At the HGS primary section, we follow a <strong>strict no-grade policy<\/strong>. Students\u2019 progress is measured and supported via <strong>continuous assessments<\/strong> throughout each unit, ensuring every girl receives personal guidance without unneeded academic stress.\n      <\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   Complete Isolated CSS (HGS Scoped, Equal Grid Columns, Responsive)\n   ========================================================================== *\/\n\n:root {\n  --hgs-base: #FFFFFF;\n  --hgs-maroon: #5f0c0c;     \/* HGS Brand Maroon *\/\n  --hgs-gold: #FFB100;       \/* HGS Accent Gold *\/\n  --hgs-navy: #05354A;       \/* HGS Dark Navy *\/\n}\n\n.hgs-unique-approach-section {\n  position: relative;\n  padding: 5rem 1.5rem;\n  background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n\/* Equal Height Grid Container *\/\n.hgs-unique-approach-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 2.5rem;\n  align-items: stretch;\n}\n\n\/* Equal Cards Styling with Soft Shadows & Border Radius *\/\n.hgs-approach-card {\n  background: var(--hgs-base);\n  border-radius: 24px;\n  padding: 3rem;\n  box-shadow: 0 20px 40px rgba(5, 53, 74, 0.08);\n  border: 1px solid rgba(255, 255, 255, 0.8);\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;\n  animation: hgsCardFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n.hgs-approach-card-right-content {\n  border-left: 6px solid var(--hgs-maroon);\n}\n\n.hgs-approach-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 28px 50px rgba(95, 12, 12, 0.15);\n}\n\n\/* Right Column Content Typography *\/\n.hgs-pill-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  background: rgba(95, 12, 12, 0.06);\n  border: 1px solid rgba(95, 12, 12, 0.15);\n  padding: 0.35rem 0.9rem;\n  border-radius: 50px;\n  margin-bottom: 1.2rem;\n  width: fit-content;\n}\n\n.hgs-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: var(--hgs-gold);\n  box-shadow: 0 0 8px var(--hgs-gold);\n}\n\n.hgs-badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  color: var(--hgs-maroon);\n  text-transform: uppercase;\n}\n\n.hgs-approach-title {\n  font-size: clamp(2rem, 3vw, 2.5rem);\n  font-weight: 900;\n  line-height: 1.2;\n  color: var(--hgs-navy);\n  letter-spacing: -0.02em;\n  margin: 0 0 1.2rem 0;\n  text-transform: none;\n}\n\n.hgs-approach-title span {\n  color: var(--hgs-maroon);\n}\n\n.hgs-approach-desc {\n  font-size: 0.98rem;\n  line-height: 1.75;\n  color: #475569;\n  font-weight: 400;\n  margin: 0 0 1rem 0;\n}\n\n.hgs-approach-desc strong {\n  color: var(--hgs-navy);\n  font-weight: 700;\n}\n\n.hgs-approach-desc:last-child {\n  margin-bottom: 0;\n}\n\n\/* Left Column Media Wrapper & Floating Badge *\/\n.hgs-approach-card-left-media {\n  padding: 1.5rem;\n  background: var(--hgs-base);\n}\n\n.hgs-media-wrapper {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 380px;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n}\n\n.hgs-approach-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.hgs-approach-card-left-media:hover .hgs-approach-img {\n  transform: scale(1.04);\n}\n\n.hgs-media-badge {\n  position: absolute;\n  bottom: 20px;\n  left: 20px;\n  background: rgba(5, 53, 74, 0.9);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  color: #ffffff;\n  padding: 0.5rem 1rem;\n  border-radius: 50px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n}\n\n.hgs-media-badge .hgs-badge-text {\n  color: #ffffff;\n}\n\n\/* Fade In Animation *\/\n@keyframes hgsCardFadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Styles *\/\n@media (max-width: 900px) {\n  .hgs-unique-approach-container {\n    grid-template-columns: 1fr;\n    gap: 2rem;\n  }\n  \n  .hgs-approach-card {\n    padding: 2rem;\n  }\n  \n  .hgs-media-wrapper {\n    min-height: 300px;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_396288441 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\n\t<div id=\"gap-1153563038\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1153563038 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<div id=\"gap-596901271\" class=\"gap-element clearfix hidden\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-596901271 {\n  padding-top: 40px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\n\t<section class=\"section show-for-small\" id=\"section_92261567\">\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-863530113\">\n\n\n\t<div id=\"col-961399661\" class=\"col medium-6 small-12 large-6\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<div class=\"hgs__LeftAligned--Text hgs__Admission hgs__Pre-Primary\">\n<h1>Curriculum &#038; Assessment<\/h1>\n\n<p>The HGS primary curriculum is aligned with the national curriculum and aims to promote a love of leaning in all of our young scholars. At the HGS primary section, we follow a strict no grade policy. Students\u2019 progress is measured and supported via continuous assessments throughout each unit.<\/p>\n\n<\/div>\n\n\t<div id=\"gap-2146360858\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-2146360858 {\n  padding-top: 20px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<a href=\"https:\/\/habibschools.edu.pk\/hgs\/learning\/primary-section\/curriculam-assessment\/\" class=\"button primary lowercase redButton\" >\n\t\t<span>Learn More<\/span>\n\t<\/a>\n\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-961399661 > .col-inner {\n  margin: 0px 0px -35px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n\t<div id=\"col-287723766\" class=\"col medium-6 small-12 large-6\"  >\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 hgs__ImageBorder--Radius x md-x lg-x y md-y lg-y\" id=\"image_735950523\">\n\t\t\t\t\t\t\t\t<div class=\"img-inner dark\" >\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"540\" height=\"720\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/HGS-Primary-Learning-3-piwl0vrxnpizrd6zgcnb6wruv7c8y6vlgpllyuszz4.jpg\" class=\"attachment-original size-original\" alt=\"\" srcset=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/HGS-Primary-Learning-3-piwl0vrxnpizrd6zgcnb6wruv7c8y6vlgpllyuszz4.jpg 540w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/HGS-Primary-Learning-3-piwl0vrxnpizrd6zgcnb6wruv7c8y6vlgpllyuszz4-300x400.jpg 300w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/HGS-Primary-Learning-3-piwl0vrxnpizrd6zgcnb6wruv7c8y6vlgpllyuszz4-113x150.jpg 113w, https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/HGS-Primary-Learning-3-piwl0vrxnpizrd6zgcnb6wruv7c8y6vlgpllyuszz4-225x300.jpg 225w\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" \/>\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n<style>\n#image_735950523 {\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\n<style>\n#row-863530113 > .col > .col-inner {\n  padding: 30px 0px 0px 0px;\n}\n<\/style>\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_92261567 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\t<div id=\"gap-1020030451\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1020030451 {\n  padding-top: 50px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t<section class=\"section head-girl-msg-sec\" id=\"section_572400583\">\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-center hide-for-small\"  id=\"row-1209218366\">\n\n\n\t<div id=\"col-1430936664\" class=\"col hgs__BoxShadow medium-9 small-12 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(95, 12, 12);border-radius:10px;border-width:5px 5px 5px 5px;\">\n\t<\/div>\n\t\t\t\n\n\n\n<div class=\"hgs__Faculty-Box\">\n<h2><b>Head Teacher\u2019s Welcome Message<\/b><\/h2>\n<span>\u201c<\/span>\n<p>Welcome to the Primary Section of Habib Girls\u2019 School, Karachi<\/p>\n\n<p>At Habib Girls\u2019 School, we believe that the foundation of lifelong learning begins in the Primary Section. Our mission is to empower every student with confidence, curiosity, and independence, nurturing the belief that \u201cI am an independent learner and I have the confidence to succeed.\u201d<\/p>\n\n<p>In today\u2019s ever-changing world, we remain deeply committed to providing an outstanding and holistic education, ensuring that every child receives the attention, care, and support she needs to flourish both academically and personally. Our structured teaching programs, combined with interactive learning experiences, help students build strong communication, problem-solving, and ICT skills from an early age.<\/p>\n\n<p>As Head of the Primary Section, my goal is to guide our young learners toward excellence while fostering values of resilience, creativity, and integrity. I am proud of our dedicated teachers who continuously embrace innovation, adapt to new challenges, and uphold the highest standards of teaching at HGS.<\/p>\n\n<p>Together with our parents and community, we strive to create a nurturing, inclusive, and inspiring learning environment, where every student is encouraged to explore her potential and become a confident learner ready to take on the future.<\/p>\n\n<span class=\"hgs__Quotes-Right\">\u201c<\/span>\n<\/div>\n\n\t<div id=\"gap-378797354\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-378797354 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div class=\"box has-hover hgs__facultyMember-Box  has-hover box-default box-text-bottom\" >\n\n\t\t<div class=\"box-image\" style=\"border-radius:50%;width:15%;\">\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"225\" height=\"217\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-07-at-3.12.50-PM.jpeg\" class=\"attachment- size-\" alt=\"\" \/>\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-left\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n\t<div id=\"text-1016882037\" class=\"text teacher-p\">\n\t\t\n\n<p>Farheen Lodhi <br \/>Head of Primary Section<\/p>\n\t\t\n<style>\n#text-1016882037 {\n  color: #5f0c0c;\n}\n#text-1016882037 > * {\n  color: #5f0c0c;\n}\n<\/style>\n\t<\/div>\n\t\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\n<style>\n#col-1430936664 > .col-inner {\n  padding: 60px 45px 60px 45px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-1886290277\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-1886290277 {\n  padding-top: 30px;\n}\n<\/style>\n\t<\/div>\n\t\n\n<div class=\"row row-collapse align-center show-for-small\"  id=\"row-1851547182\">\n\n\n\t<div id=\"col-1935869777\" class=\"col hgs__BoxShadow medium-9 small-10 large-9\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t<div class=\"is-border\"\n\t\tstyle=\"border-color:rgb(255, 177, 0);border-radius:10px;border-width:5px 5px 5px 5px;\">\n\t<\/div>\n\t\t\t\n\n\n\n<div class=\"hgs__Faculty-Box\">\n<h2>Head Teacher\u2019s Welcome Message<\/h2>\n<p>&nbsp;<\/p>\n<span class=\"hgs_LeftQuoate-Symbol\">\u201c<\/span>\n<p>Hello and welcome to the Primary Section \u2013 Habib Girls\u2019 School Our aim is to empower our students with the belief \u201cI am an independent learner and I have the confidence to succeed\u201d. To this end we remain committed to providing an outstanding education to all our students, regardless of the setting, in these challenging times. We understand that nothing can replace being in school and being taught and cared for in person. However, we are pleased to see that through our Structured Online Teaching and Learning Program, our children have embraced the opportunity to develop their ICT skills and have become more resilient and independent. My goal as Head of the Primary section is to help all my students develop the skills and attributes they each need to meet their own future targets and aspirations. This past year has been unprecedented in terms of challenges. It has also been a year of learning and change. Our teachers have embraced the change and have worked around the clock to ensure that the education delivered is of the highest quality, laying the foundations for a lifelong journey of discovery and exploration. I feel fortunate to be part of such a great team and would like to appreciate the teachers for their unfaltering support and work ethic. Please do not hesitate to get in touch if you have any concerns or if there is anything I can do to help and support you with your child\u2019s learning and school life. I hope that together, we can continue on this path of learning and make every student the best she can be. Thank You for your continued commitment and support towards us.<\/p>\n\n<span class=\"hgs__Quotes-Right\">\u201c<\/span>\n<\/div>\n\n\t<div id=\"gap-470406923\" class=\"gap-element clearfix\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-470406923 {\n  padding-top: 40px;\n}\n@media (min-width:550px) {\n  #gap-470406923 {\n    padding-top: 30px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\t<div class=\"box has-hover hgs__facultyMember-Box  has-hover box-default box-text-bottom\" >\n\n\t\t<div class=\"box-image\" style=\"border-radius:50%;width:35%;\">\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/Maria-Mustafa-e1633312930103-150x150-1.jpg\" class=\"attachment- size-\" alt=\"\" \/>\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-left\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n\n<p>Maria Mustafa <br \/>Head of Primary Section<br \/><a href=\"mailto:maria.mustafa@habibschools.edu.pk\">maria.mustafa@habibschools.edu.pk<\/a><\/p>\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\n<style>\n#col-1935869777 > .col-inner {\n  padding: 45px 20px 45px 20px;\n}\n@media (min-width:550px) {\n  #col-1935869777 > .col-inner {\n    padding: 60px 45px 60px 45px;\n  }\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\t<div id=\"gap-104210169\" class=\"gap-element clearfix show-for-small\" style=\"display:block; height:auto;\">\n\t\t\n<style>\n#gap-104210169 {\n  padding-top: 60px;\n}\n@media (min-width:550px) {\n  #gap-104210169 {\n    padding-top: 30px;\n  }\n}\n<\/style>\n\t<\/div>\n\t\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_572400583 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n@media (min-width:550px) {\n  #section_572400583 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section has-parallax\" id=\"section_844181861\">\n\t\t<div class=\"section-bg fill\" data-parallax-container=\".section\" data-parallax-background data-parallax=\"-10\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"975\" src=\"https:\/\/habibschools.edu.pk\/hgs\/wp-content\/uploads\/2023\/09\/HGS-Primary-Learning-5.jpg\" class=\"bg attachment-original size-original\" alt=\"\" \/>\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\t\t<\/div>\n\n\t\t\n<style>\n#section_844181861 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  min-height: 270px;\n}\n@media (min-width:550px) {\n  #section_844181861 {\n    min-height: 320px;\n  }\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":18418,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":""},"class_list":["post-18685","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/comments?post=18685"}],"version-history":[{"count":4,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18685\/revisions"}],"predecessor-version":[{"id":18704,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18685\/revisions\/18704"}],"up":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/18418"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/media?parent=18685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}