<turbo-stream action="replace" target="jobs--list"><template>
  <div id="jobs--list" class="flex flex-col flex-1">
        <div class='rounded-lg overflow-hidden border border-zinc-200 shadow-sm my-4'>
          <a target="_blank" href="/ads/36/redirect_to_ad">
            <img class="object-contain" alt="feature your job" src="/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBLdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--1b606c52804b091c6d5b57db46a28aef2560e1bb/feature%20your%20job.png" />
</a>        </div>

      <a href="/jobs/14495-recreation-and-parks-intern">
        <article class="group relative flex flex-col items-start py-6 border-zinc-100 ">
          <span class="absolute -inset-x-4 -inset-y-0 z-0 scale-95 bg-zinc-50 opacity-0 transition group-hover:scale-100 group-hover:opacity-100 sm:-inset-x-6 sm:rounded-2xl"></span>

          <time class="relative z-10 mb-2 flex items-center text-xs text-zinc-400" datetime="2022-09-05">
            November 7th, 2025
          </time>

          <h2 class="text-base font-semibold tracking-tight text-zinc-800 mb-2">
            <span class="relative z-10">Recreation and Parks Intern</span>
          </h2>

          <h3 class="relative text-sm text-zinc-400 mb-2 font-medium">$18.00-$25.00/hour</h3>
          <h4 class="relative text-sm text-zinc-400">Village of Orland Park</h4>

          <p class="relative z-10 mt-2 text-sm text-zinc-600 break-all">Opportunity at a Glance
The Village of Orland Park is excited to offer a dynamic internship opportunity within our Recreation and Parks Department for responsible, motivated, and team-oriented undergraduate or graduate students seeking meaningful, hands-on...</p>
          <div aria-hidden="true" class="relative z-10 mt-4 flex items-center text-sm font-medium text-ipra-blue-500">View job post
            <svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="ml-1 h-4 w-4 stroke-current">
              <path d="M6.75 5.75 9.25 8l-2.5 2.25" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
          </div>
</article></a>
    <nav class="pagy nav" aria-label="Pages"><a href="/?page=8&r=1" aria-label="Previous">&lt;</a><a href="/?page=1&r=1">1</a><a role="link" aria-disabled="true" class="gap">&hellip;</a><a href="/?page=5&r=1">5</a><a href="/?page=6&r=1">6</a><a href="/?page=7&r=1">7</a><a href="/?page=8&r=1">8</a><a role="link" aria-disabled="true" aria-current="page" class="current">9</a><a role="link" aria-disabled="true" aria-label="Next">&gt;</a></nav>
</div>

</template></turbo-stream>