<turbo-stream action="append" target="jobs_grid"><template>
    <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1165878_f35867be"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1165878" data-bookmarkable-type="job" data-bookmarkable-id="1165878" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1165878&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1165878-ciso-data-ai">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            CISO Data &amp; AI
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">ArcelorMittal</div>

                    <div class="truncate text-base-content/60">Maizières-lès-Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Devsecops</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Mitre Att&amp;ck</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microsoft Azure</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1943351_afefc5fb"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1943351" data-bookmarkable-type="job" data-bookmarkable-id="1943351" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1943351&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1943351-appui-deploiement-telephonie-spark-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">7 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Appui Déploiement Téléphonie Spark H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Eays Consulting</div>

                    <div class="truncate text-base-content/60">Montigny, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JIRA</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Genesys</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Confluence</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_411347_bfc3bf93"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:411347" data-bookmarkable-type="job" data-bookmarkable-id="411347" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=411347&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/411347-developpeur-euse-c-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Développeur·euse C# H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Bloomind</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Vue.js</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">AngularJS</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Google Cloud</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1943614_613c00c5"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1943614" data-bookmarkable-type="job" data-bookmarkable-id="1943614" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1943614&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1943614-ingenieur-tests-fonctionnels-x-f-h">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">7 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Ingénieur tests fonctionnels X/ F/H
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">House of ABY</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €34k–45k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JIRA</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">SoapUI</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Hp Alm</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1911395_bfb41dbf"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1911395" data-bookmarkable-type="job" data-bookmarkable-id="1911395" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1911395&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1911395-data-manager-f-h">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">9 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Data Manager F/H
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Grand Est Développement</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Power BI</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Databases</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1911529_17f2115c"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1911529" data-bookmarkable-type="job" data-bookmarkable-id="1911529" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1911529&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1911529-testeur-informatique-f-h">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">9 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Testeur informatique (F/H)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Groupe Actual</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €33k–37k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microsoft Office</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Information Systems</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_14868_cfc7f967"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:14868" data-bookmarkable-type="job" data-bookmarkable-id="14868" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=14868&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/14868-technicien-support-informatique-proximite">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Technicien Support Informatique Proximité
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Groupagora</div>

                    <div class="truncate text-base-content/60">Verdun, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €29k–32k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Cisco</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microsoft InTune</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microsoft Windows</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_32218_ab83b746"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:32218" data-bookmarkable-type="job" data-bookmarkable-id="32218" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=32218&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/32218-ingenieur-cloud-devops-container-confirme-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Ingénieur Cloud / DevOps / Container - Confirmé (H/F)
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">SMH PARTICIPATION</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Linux</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Docker</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Zabbix</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_49761_993c1a26"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:49761" data-bookmarkable-type="job" data-bookmarkable-id="49761" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=49761&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/49761-formateur-excel-power-bi-f-h">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Formateur Excel &amp; Power BI F/H
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Morpheus Formation</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Gsuite</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Power BI</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Powerquery</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_725541_cd8304f7"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:725541" data-bookmarkable-type="job" data-bookmarkable-id="725541" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=725541&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/725541-developpeur-logiciel-correspondant-local-informatique-et-reseau-99267">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            DEVELOPPEUR LOGICIEL - CORRESPONDANT LOCAL INFORMATIQUE ET RESEAU [99267]
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">INSTITUTION NATIONALE DES INVALIDES</div>

                    <div class="truncate text-base-content/60">Woippy, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Cyber Security</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Computer Networks</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Information Systems</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1997145_175a84da"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1997145" data-bookmarkable-type="job" data-bookmarkable-id="1997145" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1997145&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1997145-developpeur-c-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">4 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Développeur C# H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Groupe SII</div>

                    <div class="truncate text-base-content/60">Strasbourg, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Git</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ASP.NET</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Backend</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1961816_5b6af341"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1961816" data-bookmarkable-type="job" data-bookmarkable-id="1961816" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1961816&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1961816-chef-de-projet-deploiement-telecom-pmo-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">6 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Chef de Projet Déploiement Télécom - Pmo H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Sofrat</div>

                    <div class="truncate text-base-content/60">Montigny-lès-Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">VoIP</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Information Systems</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1962151_ffed2ef2"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1962151" data-bookmarkable-type="job" data-bookmarkable-id="1962151" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1962151&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1962151-assistant-conduite-du-changement-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">6 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Assistant conduite du changement H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Lynx RH</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €26k–30k
              </span>



              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Lynx</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microsoft Office</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1961699_3af8ac09"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1961699" data-bookmarkable-type="job" data-bookmarkable-id="1961699" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1961699&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1961699-developpeur-java-confirme-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">6 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Développeur Java Confirmé H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Abylsen</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Backend</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Code Review</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Software Quality</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1961796_5d56644d"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1961796" data-bookmarkable-type="job" data-bookmarkable-id="1961796" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1961796&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1961796-conducteur-de-travaux-tp-reseaux-secs-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">6 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Conducteur de Travaux TP - Reseaux Secs H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">LTD Recrutement</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Complex Networks</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Geographic Information Systems</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1615787_adb656d3"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1615787" data-bookmarkable-type="job" data-bookmarkable-id="1615787" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1615787&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1615787-testeur-integrateur-applicatif-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">13 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Testeur - Intégrateur Applicatif H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">CONSORT FRANCE</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €30k–45k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Databases</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">SQL Databases</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Information Systems</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2008964_1e018dff"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2008964" data-bookmarkable-type="job" data-bookmarkable-id="2008964" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2008964&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2008964-developpeur-c-confirme-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">3 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Développeur C# Confirmé H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Open</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">SQL Databases</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">.NET Framework</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Agile Methodology</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1177658_25dd750a"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1177658" data-bookmarkable-type="job" data-bookmarkable-id="1177658" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1177658&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1177658-technicien-support-de-proximite-tsp-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 1 month ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Technicien Support de Proximité (TSP) H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">HELPLINE</div>

                    <div class="truncate text-base-content/60">Nancy, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Experienced
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">JIRA</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Servicenow</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microsoft Visio</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_413797_25a69e26"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:413797" data-bookmarkable-type="job" data-bookmarkable-id="413797" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=413797&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/413797-testeur-logiciel-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Testeur Logiciel H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Utigroup</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Postman</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">PostgreSQL</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Restful APIs</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1445678_e37bee53"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1445678" data-bookmarkable-type="job" data-bookmarkable-id="1445678" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1445678&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1445678-technicien-sig-f-h">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">18 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            TECHNICIEN SIG F/H
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Groupe Survey</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ArcGIS (Software)</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Quantum GIS (QGIS)</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Geographic Information Systems</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_428321_00a26fc5"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:428321" data-bookmarkable-type="job" data-bookmarkable-id="428321" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=428321&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/428321-architecte-java-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">about 2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Architecte Java H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Atos</div>

                    <div class="truncate text-base-content/60">Tours, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

              <span class="inline-flex items-center rounded-full bg-secondary/10 px-3 py-1 text-sm font-medium text-secondary">
                <svg class="size-3.5 mr-1 text-secondary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M1 4a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4Zm12 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM4 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.75 14.5a.75.75 0 0 0 0 1.5c4.417 0 8.693.603 12.749 1.73 1.111.309 2.251-.512 2.251-1.696v-.784a.75.75 0 0 0-1.5 0v.784a.272.272 0 0 1-.35.25A49.043 49.043 0 0 0 1.75 14.5Z" clip-rule="evenodd"></path></svg>
                €45k–55k
              </span>

              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Code Review</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Microservices</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Spring Framework</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_755188_2f7f8ed9"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:755188" data-bookmarkable-type="job" data-bookmarkable-id="755188" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=755188&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/755188-analyste-soc-security-operations-center-insee-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 months ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Analyste Soc Security Operations Center - Insee H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Institut de France</div>

                    <div class="truncate text-base-content/60">Metz, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary/30"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Starter
              </span>


              <span class="inline-flex items-center rounded-full bg-amber-500/10 px-3 py-1 text-sm font-medium text-amber-700">
                <svg class="size-3.5 mr-1 text-amber-700" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path d="M16.555 5.412a8.028 8.028 0 0 0-3.503-2.81 14.899 14.899 0 0 1 1.663 4.472 8.547 8.547 0 0 0 1.84-1.662ZM13.326 7.825a13.43 13.43 0 0 0-2.413-5.773 8.087 8.087 0 0 0-1.826 0 13.43 13.43 0 0 0-2.413 5.773A8.473 8.473 0 0 0 10 8.5c1.18 0 2.304-.24 3.326-.675ZM6.514 9.376A9.98 9.98 0 0 0 10 10c1.226 0 2.4-.22 3.486-.624a13.54 13.54 0 0 1-.351 3.759A13.54 13.54 0 0 1 10 13.5c-1.079 0-2.128-.127-3.134-.366a13.538 13.538 0 0 1-.352-3.758ZM5.285 7.074a14.9 14.9 0 0 1 1.663-4.471 8.028 8.028 0 0 0-3.503 2.81c.529.638 1.149 1.199 1.84 1.66ZM17.334 6.798a7.973 7.973 0 0 1 .614 4.115 13.47 13.47 0 0 1-3.178 1.72 15.093 15.093 0 0 0 .174-3.939 10.043 10.043 0 0 0 2.39-1.896ZM2.666 6.798a10.042 10.042 0 0 0 2.39 1.896 15.196 15.196 0 0 0 .174 3.94 13.472 13.472 0 0 1-3.178-1.72 7.973 7.973 0 0 1 .615-4.115ZM10 15c.898 0 1.778-.079 2.633-.23a13.473 13.473 0 0 1-1.72 3.178 8.099 8.099 0 0 1-1.826 0 13.47 13.47 0 0 1-1.72-3.178c.855.151 1.735.23 2.633.23ZM14.357 14.357a14.912 14.912 0 0 1-1.305 3.04 8.027 8.027 0 0 0 4.345-4.345c-.953.542-1.971.981-3.04 1.305ZM6.948 17.397a8.027 8.027 0 0 1-4.345-4.345c.953.542 1.971.981 3.04 1.305a14.912 14.912 0 0 0 1.305 3.04Z"></path></svg> Remote
              </span>


              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Linux</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">TCP/IP</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Cyber Security</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_2018696_e9bee8c4"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:2018696" data-bookmarkable-type="job" data-bookmarkable-id="2018696" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=2018696&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/2018696-developpeur-net-c-fullstack-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">2 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Développeur .Net - C# Fullstack H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">Groupe SII</div>

                    <div class="truncate text-base-content/60">Strasbourg, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">
              <span class="inline-flex items-center rounded-full bg-primary/10 px-3 py-1 text-sm font-medium text-primary">
                <span class="mr-1 inline-flex size-3.5 flex-col items-center justify-center space-y-0.5" aria-hidden="true">

                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                    <span class="block h-0.5 w-3 rounded bg-primary"></span>
                </span>

                Expert
              </span>




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Vue.js</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ASP.NET</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">ReactJS</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>
  <article class="group relative size-full rounded-2xl bg-base-100 shadow-sm ring-1 ring-base-300/40 transition-colors hover:bg-base-200/40 hover:shadow-md">
    <div class="absolute top-6 right-6 z-10">
      <div id="bookmark_button_job_1258424_f441c8ad"><button type="button" class="inline-flex items-center justify-center disabled:cursor-wait disabled:opacity-60 aria-[busy=true]:animate-pulse shrink-0 p-1 rounded-md opacity-60 hover:opacity-100 hover:bg-base-300/50 group-hover:opacity-80 cursor-pointer" title="Bookmark this job" disabled="disabled" aria-label="Bookmark this job" aria-pressed="false" aria-busy="true" data-bookmark-manager-target="control" data-action="click-&gt;bookmark-manager#toggle" data-bookmark-key="job:1258424" data-bookmarkable-type="job" data-bookmarkable-id="1258424" data-bookmark-return-to="/jobs?country=FR&amp;q=Metz" data-bookmark-auth-path="/bookmarks/new?bookmarkable_id=1258424&amp;bookmarkable_type=job&amp;return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz" data-bookmark-completion-path="/signup/completion/new?return_to=%2Fjobs%3Fcountry%3DFR%26q%3DMetz"><span data-bookmark-icon="unsaved"><svg class="size-4 text-base-content/70" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0 1 11.186 0Z"></path></svg></span><span data-bookmark-icon="saved" class="hidden"><svg class="size-4 text-primary" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M6.32 2.577a49.255 49.255 0 0 1 11.36 0c1.497.174 2.57 1.46 2.57 2.93V21a.75.75 0 0 1-1.085.67L12 18.089l-7.165 3.583A.75.75 0 0 1 3.75 21V5.507c0-1.47 1.073-2.756 2.57-2.93Z" clip-rule="evenodd"></path></svg></span></button></div>
    </div>

    <a data-turbo-frame="_top" class="block h-full p-6 pr-14 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/60" href="/jobs/ext/1258424-technicien-electronique-itinerant-h-f">
      <div class="flex h-full flex-col gap-4">
        <div class="min-w-0 flex-1">
          <div class="mb-2 flex items-center gap-2 text-[11px] text-base-content/50">
              <span class="font-display">30 days ago</span>


          </div>

          <h3
            class="
              mb-3 line-clamp-3 font-display text-base leading-snug font-semibold tracking-tight text-pretty text-base-content transition-colors group-hover:text-primary
              md:text-lg
            "
          >
            Technicien Electronique Itinérant H/F
          </h3>

          <div class="mb-4 text-sm leading-normal text-base-content/80">
              <div class="flex items-start gap-3">

                <div class="min-w-0 flex-1">
                    <div class="truncate">FICHET Group</div>

                    <div class="truncate text-base-content/60">Mulhouse, France</div>
                </div>
              </div>
          </div>

          <div class="flex flex-wrap items-center gap-x-2 gap-y-2">




              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Databases</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Computer Literacy</span>

              <span class="inline-flex items-center rounded-full bg-base-200 px-3 py-1 text-sm font-medium text-base-content/80">Relational Databases</span>
          </div>
        </div>

        <span class="sr-only">View details</span>
      </div>
</a>  </article>

</template></turbo-stream>
  <turbo-stream action="replace" target="jobs_pagination"><template>
    <turbo-frame class="group" id="jobs_pagination">
      <div class="mb-20 flex justify-center">
        <a data-turbo-frame="jobs_pagination" data-turbo-prefetch="false" class="btn btn-outline btn-primary gap-2 group-aria-busy:pointer-events-none group-aria-busy:opacity-60" href="https://www.wearedevelopers.com/jobs.turbo_stream?country=FR&amp;page=4&amp;q=Metz">
          Load more jobs <svg class="size-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20" width="20" version="1.1" fill="currentColor" stroke="none" aria-hidden="true"><path fill-rule="evenodd" d="M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z" clip-rule="evenodd"></path></svg>
</a>      </div>
</turbo-frame></template></turbo-stream>