Skip to content
Snippets Groups Projects

Créer une page spécifique pour les fiches de poste

Merged Créer une page spécifique pour les fiches de poste
creation-page-recrutement into master
Merged Dorine Lambinet requested to merge creation-page-recrutement into master
Compare
and
5 files
+ 391
− 16
Compare changes
  • Side-by-side
  • Inline

Files

src/routes/index.svelte
+ 113
− 16
@@ -94,8 +94,10 @@
</div>
</section>
<section class="bg-le-rouge-pjl flex items-center justify-center">
<div class="max-w-prose mx-8 md:mx-16">
<section class="grid grid-cols-1 lg:grid-cols-2">
<div
class="bg-le-rouge-pjl flex items-center justify-center px-8 md:px-16 py-4 md:py-10"
>
<!-- calls to action vers le simulateurs -->
<div class="my-4">
<h3 class="font-bold pb-2 text-lg text-white">
@@ -103,27 +105,122 @@
</h3>
<div class="inline-block w-full">
<a
class="flex items-center border-black border-2 bg-white pl-5 pr-3 py-1 text-lg rounded-lg text-black shadow-md hover:bg-gray-200"
class="flex items-center justify-between border-black border-2 bg-white pl-5 pr-3 py-1 text-lg rounded-lg text-black shadow-md hover:bg-gray-200"
href="/plfss-hub"
rel="external"
>
<div class="block sm:flex">
<p class="font-bold mr-3">
<div class="flex">
<p class="font-bold md:mr-3">
Accédez aux outils LexImpact <br />au travers des articles du
PLF et du PLFSS 2022
<!--twemoji:bookmark-tabs-->
<svg
class="inline"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
role="img"
style="vertical-align: -0.125em;"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 36 36"
><path
fill="#E1E8ED"
d="M30.415 9.586l-9-9a2.001 2.001 0 0 0-2.829 2.829l-3.859 3.859l9 9l3.859-3.859a2 2 0 0 0 2.829-2.829z"
/><path
fill="#CCD6DD"
d="M20 0H5a4 4 0 0 0-4 4v28a4 4 0 0 0 4 4h22a4 4 0 0 0 4-4V11h-9c-1 0-2-1-2-2V0z"
/><path
fill="#99AAB5"
d="M20 0h-2v9a4 4 0 0 0 4 4h9v-2h-9c-1 0-2-1-2-2V0zm-5 8a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm0 4a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm12 4a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h20a1 1 0 0 1 1 1zm0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1zm0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1zm0 4a1 1 0 0 1-1 1H6a1 1 0 1 1 0-2h20a1 1 0 0 1 1 1z"
/><path
fill="#66757F"
d="M31 19s-5.906-.002-5.935 0c-.291 0-.91.174-1.255.606l-2.328 2.929c-.644.809-.644 2.119 0 2.93l2.328 2.929c.345.432.964.606 1.255.606c.019.002 3.547 0 5.935 0V19z"
/><path
fill="#744EAA"
d="M33 19s-8.056-.002-8.084 0c-.291 0-.91.139-1.255.485l-2.328 2.342a1.665 1.665 0 0 0 0 2.344l2.328 2.342c.345.346.964.487 1.255.487c.028.002 8.084 0 8.084 0c1.104 0 2-.897 2-2.001V21a2 2 0 0 0-2-2z"
/></svg
>
</p>
</div>
<!-- material icons - Arrow forward -->
<svg
class="flex mr-2 items-center"
xmlns="http://www.w3.org/2000/svg"
height="24px"
viewBox="0 0 24 24"
width="24px"
><path d="M0 0h24v24H0z" fill="none" /><path
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
/></svg
>
<div>
<!-- material icons - Arrow forward -->
<svg
class=" items-center"
xmlns="http://www.w3.org/2000/svg"
height="24px"
viewBox="0 0 24 24"
width="24px"
><path d="M0 0h24v24H0z" fill="none" /><path
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
/></svg
>
</div>
</a>
</div>
</div>
</div>
<!-- Nous recrutons -->
<div
class="bg-le-bleu-light flex items-center justify-center px-8 md:px-16 py-4 md:py-10"
>
<div class="my-4">
<h3 class="pb-2 text-xl font-bold text-black text-center">
Nous recrutons !&nbsp;
<!--twemoji:briefcase-->
<svg
class="inline"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true"
role="img"
style="vertical-align: -0.125em;"
width="1em"
height="1em"
preserveAspectRatio="xMidYMid meet"
viewBox="0 0 36 36"
><path
fill="#9A4E1C"
d="M32 8h-6V4a4 4 0 0 0-4-4h-8a4 4 0 0 0-4 4v4H4a4 4 0 0 0-4 4v20a4 4 0 0 0 4 4h28a4 4 0 0 0 4-4V12a4 4 0 0 0-4-4zM12 6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2H12V6z"
/><path
fill="#662113"
d="M36 20a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-8a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v8z"
/><path
fill="#9A4E1C"
d="M36 18a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4v-6a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v6z"
/><path
fill="#CCD6DD"
d="M22 18a2 2 0 0 1-2 2h-4a2 2 0 0 1 0-4h4a2 2 0 0 1 2 2"
/></svg
>
</h3>
<p class="pb-2 text-lg text-black">
LexImpact recherche un·e économiste junior·e avec compétences en
Python :
</p>
<div class="flex justify-center">
<a
class="flex items-center justify-between bg-white pl-5 pr-3 py-1 text-lg rounded-lg text-black shadow-md hover:bg-gray-200"
href="/recrutement"
rel="external"
>
<div class="flex">
<p class="font-bold mr-3">Consulter l'offre d'emploi</p>
</div>
<div>
<!-- material icons - Arrow forward -->
<svg
class="mr-2 items-center"
xmlns="http://www.w3.org/2000/svg"
height="24px"
viewBox="0 0 24 24"
width="24px"
><path d="M0 0h24v24H0z" fill="none" /><path
d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
/></svg
>
</div>
</a>
</div>
</div>