{"id":5403,"date":"2023-11-23T08:14:20","date_gmt":"2023-11-23T08:14:20","guid":{"rendered":"https:\/\/habibschools.edu.pk\/hgs\/?page_id=5403"},"modified":"2026-10-10T06:40:14","modified_gmt":"2026-10-10T06:40:14","slug":"admission-test-and-interview","status":"publish","type":"page","link":"https:\/\/habibschools.edu.pk\/hgs\/admissions\/pre-primary-section\/admission-test-and-interview\/","title":{"rendered":"Admission Test and Interview"},"content":{"rendered":"\n\n\t<section class=\"section col, ul {     margin-top: 0;     padding: 0; }\" id=\"section_40247611\">\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-1881947281\">\n\n\n\t<div id=\"col-1791737455\" 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-1791737455 > .col-inner {\n  padding: 10px 0px 0px 0px;\n  margin: 0px 0px -20px 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_40247611 {\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_1539307429\">\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<!-- HPS UNIQUE HERO SECTION (FIRST SECTION MATCHED TO SECOND SECTION DESIGN) -->\n<section class=\"hps-unique-hero-section\">\n  <div class=\"hps-hero-container\">\n    <div class=\"hps-hero-content\">\n      \n      <!-- Pill Badge -->\n      <div class=\"hps-hero-badge\">\n        <span class=\"hps-badge-dot\"><\/span>\n        <span class=\"hps-badge-text\">PRE-PRIMARY SECTION<\/span>\n      <\/div>\n\n      <!-- Main Title with Gold Accent Highlight -->\n      <h1 class=\"hps-hero-title\">\n        Admission Test <br \/>\n        <span class=\"hps-title-highlight\">and Interview<\/span>\n      <\/h1>\n\n      <!-- Optional Subtitle (If required by context) -->\n      <p class=\"hps-hero-desc\">\n        Comprehensive evaluation process tailored for young learners entering the Pre-Primary academic program.\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* ==========================================================================\n   STRICT HPS PALETTE & HERO HEADER CANVAS SYSTEM\n   ========================================================================== *\/\n:root {\n  --hps-base: #FFFFFF;\n  --hps-main: #5f0c0c;\n  --hps-secondary-gold: #FFB100;\n  --hps-secondary-navy: #05354A;\n  --hps-cyan: #4EBEF5;\n  --hps-green: #148945;\n}\n\n.hps-unique-hero-section {\n  position: relative;\n  background-color: var(--hps-main);\n  background-image: \n    radial-gradient(circle at 10% 20%, rgba(5, 53, 74, 0.5) 0%, transparent 45%),\n    radial-gradient(circle at 90% 80%, rgba(255, 177, 0, 0.12) 0%, transparent 45%);\n  padding: 5rem 2.5rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  overflow: hidden;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  min-height: 280px;\n}\n\n\/* Left Accent Gold Bar *\/\n.hps-unique-hero-section::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 10px;\n  background-color: var(--hps-secondary-gold);\n}\n\n.hps-hero-container {\n  max-width: 1200px;\n  width: 100%;\n  margin: 0 auto;\n  position: relative;\n  z-index: 2;\n}\n\n.hps-hero-content {\n  max-width: 900px;\n  animation: hpsFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n}\n\n\/* Pill Badge Style *\/\n.hps-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  background: rgba(255, 255, 255, 0.05);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  border: 1px solid rgba(255, 255, 255, 0.3);\n  padding: 0.35rem 1rem;\n  border-radius: 50px;\n  margin-bottom: 1.25rem;\n}\n\n.hps-badge-dot {\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background-color: var(--hps-cyan);\n  box-shadow: 0 0 10px var(--hps-cyan);\n}\n\n.hps-badge-text {\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.12em;\n  color: var(--hps-base);\n  text-transform: uppercase;\n}\n\n\/* Main Heading Typography *\/\n.hps-hero-title {\n  font-size: clamp(2.2rem, 4.5vw, 3.5rem);\n  font-weight: 900;\n  color: var(--hps-base);\n  line-height: 1.15;\n  letter-spacing: -0.02em;\n  margin: 0 0 1rem 0;\n}\n\n.hps-title-highlight {\n  color: var(--hps-secondary-gold);\n}\n\n\/* Subtitle Description *\/\n.hps-hero-desc {\n  font-size: clamp(0.98rem, 1.8vw, 1.1rem);\n  line-height: 1.7;\n  color: rgba(255, 255, 255, 0.9);\n  margin: 0;\n  max-width: 780px;\n  font-weight: 400;\n}\n\n\/* Fade Up Animation *\/\n@keyframes hpsFadeUp {\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: 768px) {\n  .hps-unique-hero-section {\n    padding: 3.5rem 1.5rem;\n  }\n  \n  .hps-hero-badge {\n    margin-bottom: 0.85rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1539307429 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1194403156\">\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<!-- ENTRANCE ASSESSMENT & GUIDE SECTION -->\n<section class=\"hps-assessment-section\">\n  <div class=\"hps-assessment-container\">\n    \n    <!-- TOP HEADER BANNER (SINGLE CTA BUTTON AT TOP) -->\n    <div class=\"hps-assessment-hero\">\n      <div class=\"hps-hero-text\">\n        <span class=\"hps-hero-badge\">ADMISSION ANNOUNCEMENT<\/span>\n        <h2 class=\"hps-hero-title\">Principal&#8217;s Message &#038; Final Selection<\/h2>\n      <\/div>\n      <a href=\"#download-schedule\" class=\"hps-hero-btn\">\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"7 10 12 15 17 10\"><\/polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line><\/svg>\n        Download Schedule\n      <\/a>\n    <\/div>\n\n    <!-- POST-SELECTION STYLE TIMELINE & DETAILS -->\n    <div class=\"hps-assessment-body\">\n      <h3 class=\"hps-schedule-title\">Nursery Admission Session 2027 \u2013 2028<\/h3>\n\n      <div class=\"hps-timeline-list\">\n        \n        <!-- STEP 1: PRINCIPAL'S WELCOME MESSAGE -->\n        <div class=\"hps-timeline-item\">\n          <div class=\"hps-timeline-marker\">1<\/div>\n          <div class=\"hps-timeline-content\">\n            <h4>Principal&#8217;s Message \u2013 &#8216;Education for Empowerment&#8217;<\/h4>\n            <p>Dear Young Learners and Parents, it gives me immense pleasure to welcome our newest and youngest members, the Nursery batch of 2027, to the school family. To our bright students, congratulations on beginning what will be a truly wonderful journey.<\/p>\n            <p>At our school, we believe that education is much more than textbooks and classrooms. Our students will experience innovative learning, creative exploration, and opportunities that nurture both the mind and the heart. They will discover their talents, develop friendships, and gradually build the confidence to express themselves and contribute to the world around them.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 2: CAMPUS LIFE & K-12 EXPERIENCE -->\n        <div class=\"hps-timeline-item\">\n          <div class=\"hps-timeline-marker\">2<\/div>\n          <div class=\"hps-timeline-content\">\n            <h4>A Vibrant K-12 Campus Journey<\/h4>\n            <p>Being part of a K\u201312 campus makes this journey even more special. Our Nursery students begin their learning in an environment where older students serve as role models and where the energy of learning is always alive across the campus. Life here is always on the move &#8211; full of activity, discovery, laughter, and memorable experiences that make school a place children love to come to every day.<\/p>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 3: WELCOME TO LITTLE ONES -->\n        <div class=\"hps-timeline-item\">\n          <div class=\"hps-timeline-marker\">3<\/div>\n          <div class=\"hps-timeline-content\">\n            <h4>Welcome to the School Family<\/h4>\n            <p>To our dear little ones, we wish you a joyful beginning and many happy years ahead. We look forward to seeing you learn, grow, and flourish as valued members of our school community. Welcome to the start of a beautiful twelve-year journey.<br><br><strong>Warm regards,<\/strong><br>Farzana Jamal<br><em>Principal<\/em><\/p>\n          <\/div>\n        <\/div>\n\n        <!-- STEP 4: FINAL SELECTION & VOUCHER COLLECTION -->\n        <div class=\"hps-timeline-item hps-item-important\">\n          <div class=\"hps-timeline-marker\">4<\/div>\n          <div class=\"hps-timeline-content\">\n            <h4>Final Selection &#038; Form Collection<\/h4>\n            <p>Final Selection List for Class Nursery Session 2027 \u2013 2028 is announced. For the collection of the Fee voucher and Admission form, any one parent is required to report to the school&#8217;s auditorium.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* ----------------------------------------------------\n   STRICT PALETTE & MODERN RESPONSIVE 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 Blue *\/\n  --hps-cyan: #4EBEF5;       \/* Cyan Accent *\/\n  --hps-border: #e2e8f0;\n  --hps-bg-light: #f8fafc;\n}\n\n.hps-assessment-section {\n  background-color: var(--hps-base);\n  padding: clamp(2rem, 4vw, 3.5rem) 1.25rem;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  color: #334155;\n  box-sizing: border-box;\n  width: 100%;\n}\n\n.hps-assessment-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n\/* TOP HERO BANNER (MATCHING SECOND IMAGE STYLE) *\/\n.hps-assessment-hero {\n  background-color: var(--hps-sec-navy);\n  border-radius: 12px;\n  padding: clamp(1.5rem, 3vw, 2.25rem);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1.5rem;\n  box-shadow: 0 8px 20px rgba(5, 53, 74, 0.12);\n  margin-bottom: 2.5rem;\n}\n\n.hps-hero-badge {\n  display: inline-block;\n  font-size: 0.72rem;\n  font-weight: 800;\n  color: var(--hps-cyan);\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  margin-bottom: 0.35rem;\n}\n\n.hps-hero-title {\n  color: var(--hps-base);\n  font-size: clamp(1.5rem, 3vw, 2.2rem);\n  font-weight: 800;\n  margin: 0;\n  line-height: 1.2;\n}\n\n.hps-hero-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.6rem;\n  background-color: var(--hps-sec-gold);\n  color: var(--hps-sec-navy);\n  font-size: 0.88rem;\n  font-weight: 800;\n  padding: 0.85rem 1.4rem;\n  border-radius: 6px;\n  text-decoration: none;\n  white-space: nowrap;\n  flex-shrink: 0;\n  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.hps-hero-btn:hover {\n  background-color: #e6a000;\n  transform: translateY(-2px);\n  box-shadow: 0 4px 12px rgba(255, 177, 0, 0.3);\n}\n\n\/* TIMELINE CONTENT BODY *\/\n.hps-assessment-body {\n  padding: 0 0.5rem;\n}\n\n.hps-schedule-title {\n  font-size: clamp(1.4rem, 2.5vw, 1.85rem);\n  font-weight: 800;\n  color: var(--hps-sec-navy);\n  margin: 0 0 2rem 0;\n  letter-spacing: -0.01em;\n}\n\n.hps-timeline-list {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 1.75rem;\n}\n\n\/* VERTICAL LINE *\/\n.hps-timeline-list::before {\n  content: '';\n  position: absolute;\n  top: 15px;\n  bottom: 15px;\n  left: 17px;\n  width: 2px;\n  background-color: var(--hps-border);\n  z-index: 1;\n}\n\n.hps-timeline-item {\n  position: relative;\n  display: flex;\n  gap: 1.25rem;\n  align-items: flex-start;\n  z-index: 2;\n}\n\n.hps-timeline-marker {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background-color: var(--hps-sec-navy);\n  color: var(--hps-base);\n  font-size: 0.9rem;\n  font-weight: 800;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  box-shadow: 0 0 0 4px var(--hps-base);\n}\n\n.hps-item-important .hps-timeline-marker {\n  background-color: var(--hps-main);\n}\n\n.hps-timeline-content {\n  flex: 1;\n  padding-top: 0.2rem;\n}\n\n.hps-timeline-content h4 {\n  font-size: 1.1rem;\n  font-weight: 800;\n  color: var(--hps-sec-navy);\n  margin: 0 0 0.4rem 0;\n}\n\n.hps-timeline-content p {\n  font-size: 0.92rem;\n  line-height: 1.65;\n  color: #475569;\n  margin: 0 0 0.5rem 0;\n}\n\n.hps-timeline-date {\n  display: inline-block;\n  font-size: 0.85rem;\n  font-weight: 800;\n  color: var(--hps-main);\n  background-color: var(--hps-bg-light);\n  padding: 0.3rem 0.65rem;\n  border-radius: 4px;\n  border: 1px solid var(--hps-border);\n}\n\n\/* RESPONSIVE BREAKPOINTS *\/\n@media (max-width: 768px) {\n  .hps-assessment-hero {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1.25rem;\n  }\n\n  .hps-hero-btn {\n    width: 100%;\n    justify-content: center;\n  }\n\n  .hps-timeline-list::before {\n    left: 15px;\n  }\n\n  .hps-timeline-marker {\n    width: 32px;\n    height: 32px;\n    font-size: 0.82rem;\n  }\n}\n<\/style>\n\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1194403156 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":6445,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-5403","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/5403","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\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/comments?post=5403"}],"version-history":[{"count":47,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/5403\/revisions"}],"predecessor-version":[{"id":18249,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/5403\/revisions\/18249"}],"up":[{"embeddable":true,"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/pages\/6445"}],"wp:attachment":[{"href":"https:\/\/habibschools.edu.pk\/hgs\/wp-json\/wp\/v2\/media?parent=5403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}