
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/661778-art-teacher-photography-graphic-arts">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/ab74ac2c-9204-4601-aace-19a82dd382f1/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/ab74ac2c-9204-4601-aace-19a82dd382f1/original.png" alt="Art Teacher (Photography, Graphic Arts) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Art Teacher (Photography, Graphic Arts)"
      >
        Art Teacher (Photography, Graphic Arts)
      </span>

      <div class="text-md mt-4">
        
<span>Certified Secondary 6-12</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Highland Park High School</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/653675-food-service-worker-iii">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/7678d279-b58e-48c5-8901-cf8cbd370113/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/7678d279-b58e-48c5-8901-cf8cbd370113/original.png" alt="Food Service Worker III image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Food Service Worker III"
      >
        Food Service Worker III
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Landon Middle School</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/641049-food-service-worker-ii-a">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/10f1d3b3-6e5f-4550-9e13-dd5dfd62a771/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/10f1d3b3-6e5f-4550-9e13-dd5dfd62a771/original.png" alt="Food Service Worker II-A image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Food Service Worker II-A"
      >
        Food Service Worker II-A
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Capital City High School</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/641045-food-service-worker-ii-a">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/600a6408-8dd9-4834-ab3b-2a04d3f30cfe/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/600a6408-8dd9-4834-ab3b-2a04d3f30cfe/original.png" alt="Food Service Worker II-A image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Food Service Worker II-A"
      >
        Food Service Worker II-A
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Quincy Elementary</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/641042-food-service-worker-ii-a">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/430a8345-8a0b-4455-8a7b-b2dae0001c6a/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/430a8345-8a0b-4455-8a7b-b2dae0001c6a/original.png" alt="Food Service Worker II-A image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Food Service Worker II-A"
      >
        Food Service Worker II-A
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>McEachron Elementary</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/641039-food-service-worker-ii-a">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/2d30243d-e80d-43b9-8b09-3323adda1d6d/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/2d30243d-e80d-43b9-8b09-3323adda1d6d/original.png" alt="Food Service Worker II-A image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Food Service Worker II-A"
      >
        Food Service Worker II-A
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>McClure Elementary</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/641025-food-service-worker-ii-a">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/5b5c1302-4fcd-43c1-a479-a74215d7ac10/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/5b5c1302-4fcd-43c1-a479-a74215d7ac10/original.png" alt="Food Service Worker II-A image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Food Service Worker II-A"
      >
        Food Service Worker II-A
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>McCarter Elementary</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/641000-food-service-worker-ii-a">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/a6d6ff30-3305-4c6e-982d-74a4ec554e49/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/a6d6ff30-3305-4c6e-982d-74a4ec554e49/original.png" alt="Food Service Worker II-A image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Food Service Worker II-A"
      >
        Food Service Worker II-A
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Lowman Hill</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/635579-child-nutrition-services-manager-head-chef">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/9863e8ea-2666-4c54-b0c3-5be757a25ae6/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/9863e8ea-2666-4c54-b0c3-5be757a25ae6/original.png" alt="Child Nutrition Services Manager (Head Chef) image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Child Nutrition Services Manager (Head Chef)"
      >
        Child Nutrition Services Manager (Head Chef)
      </span>

      <div class="text-md mt-4">
        
<span>Nutritional Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Sheldon Head Start</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628190-school-counselor">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="School Counselor image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="School Counselor"
      >
        School Counselor
      </span>

      <div class="text-md mt-4">
        
<span>Certified Secondary 6-12</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Topeka West High School, Landon Middle School</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628188-mental-health-mentor">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/ab74ac2c-9204-4601-aace-19a82dd382f1/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/ab74ac2c-9204-4601-aace-19a82dd382f1/original.png" alt="Mental Health Mentor image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Mental Health Mentor"
      >
        Mental Health Mentor
      </span>

      <div class="text-md mt-4">
        



    <span>Highland Park High School</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628185-custodian-part-time">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="Custodian-Part-time image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Custodian-Part-time"
      >
        Custodian-Part-time
      </span>

      <div class="text-md mt-4">
        
<span>Maintenance &amp; Custodial</span>

  <span class="mx-[2px]">&middot;</span>

    <span>To Be Determined</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628184-avid-advanced-via-individual-determination-tutor-hphs">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/ab74ac2c-9204-4601-aace-19a82dd382f1/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/ab74ac2c-9204-4601-aace-19a82dd382f1/original.png" alt="AVID (Advanced Via Individual Determination) Tutor - HPHS image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="AVID (Advanced Via Individual Determination) Tutor - HPHS"
      >
        AVID (Advanced Via Individual Determination) Tu...
      </span>

      <div class="text-md mt-4">
        
<span>Support Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Highland Park High School</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628182-adaptive-and-functional-special-education-teachers-sped-elementary-2026-2027">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="Adaptive and Functional Special Education Teachers (SPED) Elementary 2026-2027 image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Adaptive and Functional Special Education Teachers (SPED) Elementary 2026-2027"
      >
        Adaptive and Functional Special Education Teach...
      </span>

      <div class="text-md mt-4">
        
<span>Certified Elementary PK-5</span>

  <span class="mx-[2px]">&middot;</span>

    <span>To Be Determined</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628180-substitute-custodian">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="Substitute Custodian image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Substitute Custodian"
      >
        Substitute Custodian
      </span>

      <div class="text-md mt-4">
        
<span>Substitute Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Substitute Services</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628179-substitute-secretary">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="Substitute Secretary image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Substitute Secretary"
      >
        Substitute Secretary
      </span>

      <div class="text-md mt-4">
        
<span>Substitute Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Substitute Services</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628178-substitute-special-education-paraprofessional">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="Substitute Special Education Paraprofessional image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Substitute Special Education Paraprofessional"
      >
        Substitute Special Education Paraprofessional
      </span>

      <div class="text-md mt-4">
        
<span>Substitute Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Substitute Services</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628177-substitute-teacher">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="Substitute Teacher image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Substitute Teacher"
      >
        Substitute Teacher
      </span>

      <div class="text-md mt-4">
        
<span>Substitute Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Substitute Services</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628176-substitute-food-service-worker">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/52a5173a-c02a-45b3-9e3e-2242a590b5bc/original.png" alt="Substitute Food Service Worker image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Substitute Food Service Worker"
      >
        Substitute Food Service Worker
      </span>

      <div class="text-md mt-4">
        
<span>Substitute Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Substitute Services</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
  <turbo-stream action="append" target="jobs_list_container"><template>
    <li
  class="
    group block-grid-item border-block-base-text/15 z-career-job-card-image
    relative min-h-[22.5rem] items-center justify-center overflow-hidden
    rounded border
  "
>
  <a class="block h-full w-full no-company-style transition group-hover:text-company-primary-text group-hover:bg-primary-text-background overflow-hidden focus-visible--inset" data-turbo="false" href="https://careers.topekapublicschools.net/jobs/628175-substitute-licensed-practical-nurse">
    <div class="relative w-full overflow-hidden pb-[66.666667%]">
      <div
        class="
          bg-block-base-text/15 absolute inset-0 origin-center transform
          transition-[transform,translate,scale,rotate] duration-200
          group-hover:scale-105
        "
      >
          <figure>
  <picture>
    <source srcset="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/b80ceffe-0d27-4e4e-8151-2bc7cb12b85d/original.png?outputFormat=webp" type="image/webp">

    <img src="https://images.teamtailor-cdn.com/images/s3/teamtailor-na-maroon/user_picture_800-v9/image_uploads/b80ceffe-0d27-4e4e-8151-2bc7cb12b85d/original.png" alt="Substitute Licensed Practical Nurse image" loading="lazy" class="w-full">
</picture>
  
</figure>
      </div>
    </div>

    <div class="flex min-h-[11.25rem] flex-col justify-center p-12 text-center">
      <span
        class="
          text-block-base-link company-link-style
          group-hover:text-company-primary-text hyphens-auto
        "
        title="Substitute Licensed Practical Nurse"
      >
        Substitute Licensed Practical Nurse
      </span>

      <div class="text-md mt-4">
        
<span>Substitute Services</span>

  <span class="mx-[2px]">&middot;</span>

    <span>Substitute Services</span>


      </div>
    </div>
</a></li>

</template></turbo-stream>
<turbo-stream action="update" target="show_more_button"><template>

    <a href="/jobs/show_more?page=3" class="careersite-button min-w-[13.75rem] group" data-turbo-stream="true" id="show_more_button">
  <span class="flex items-center justify-center gap-x-12">
    
    <span class="truncate">Show 20 more</span>

  </span>
</a>
</template></turbo-stream>