Cards .c-card .has-one-link-inside

with hover border color effect if has only one link inside


Cards .c-card .has-links-inside

with hover border color effect if has some links inside

Listgroup.list-group

Des variantes supplémentaires itou du .list-group de BS4

Le .list-group normal.

  • An item
  • A second item
  • A third item

Le .list-group .list-group-sm avec moins de padding.

  • An item
  • A second item
  • A third item

Le .list-group .list-group-flush sans bordures externes.

  • An item
  • A second item
  • A third item

Le .list-group .list-group-link avec lien unique sur toute la zone de l'item.

Le .list-group .list-group-collapse avec collapse.

Le .list-group .list-group-collapse .list-group-form a placer dans un formulaire contenant des input.

Exemples de .list-group .list-group-flush .list-group-link avec différents contenus possibles.

Liststep.list-step

Le .list-step permet d'afficher une liste d'élément chronologique. Le premier élément de la liste (en général le dernier trié par ordre date descendant) et mis en avant.

  • Passée en “Candidature déclinée” par Victor Lacoste
  • Passée en “Candidature déclinée” par Victor Lacoste
  • Passée en “Candidature déclinée” par Victor Lacoste

List data.list-data

Le .list-data permet d'afficher une liste de données utilisateur.

  • Prénom David
  • Nom Watrelot
  • Numéro de sécurité sociale 281022225003108
  • Date de naissance 05/11/1997
  • Adresse e-mail deloo@free.fr
  • Site internet siteweb.com
  • Téléphone Non renseigné
  • Adresse
    10 rue des maison, 59000 Lille
  • Identifiant Pôle emploi Non renseigné
  • CV Non renseigné
  • Traitement de la demande
    • Machin truc 01
    • Machin truc 02
    • Machin truc 03
  • Traitement de la demande Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae explicabo, reiciendis natus soluta eveniet quis in consectetur odio est magnam iure tenetur at. Beatae, eos maiores. Repudiandae incidunt tenetur laborum.
  • Adressé à

    André DUFOUR a été sollicité pour cette demande.

  • Date de fin de PASS IAE demandée

    La prolongation est demandée pour une durée de 30 jours
    (Date de fin de PASS IAE demandée : 26/10/2025).

  • Motif sélectionné par l’employeur

    RQTH - Reconnaissance de la qualité de travailleur handicapé

  • Bilan des actions réalisées

    Le bilan des actions réalisées et actions prévues avec le salarié, rempli par l’employeur est présent sur ce document excel téléchargeable.

  • Explications supplémentaires

    L’employeur a fait une demande d'entretien téléphonique pour vous apporter des explications supplémentaires pour cette prolongation.

  • Adresse e-mail de l'employeur a@b.c
  • Téléphone de l'employeur 0123456789
  • Traitement de la demande
    • Machin truc 01
    • Machin Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores harum, nam tenetur amet esse voluptatem inventore fugiat cumque sunt blanditiis quo exercitationem nobis qui debitis, delectus magnam. Voluptatibus, quaerat molestiae. 02
    • Machin truc 03
  • Traitement de la demande Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae explicabo, reiciendis natus soluta eveniet quis in consectetur odio est magnam iure tenetur at. Beatae, eos maiores. Repudiandae incidunt tenetur laborum.
PASS IAE valide
  • Numéro de PASS IAE 999999910809
  • Date de début 30/04/2025
  • Date de fin prévisionnelle 29/04/2027

Le .list-data-group permet d'englober 2 .list-data pour faire passer leur contenu l'un a coté de l'autre.

  • Prénom David
  • Numéro de sécurité sociale 281022225003108
  • Adresse e-mail melllaa@free.fr
  • Téléphone Non renseigné
  • Identifiant Pôle emploi Non renseigné
  • Nom Harmony
  • Date de naissance 05/11/1997
  • Site internet siteweb.com
  • Adresse
    10 rue des maison, 59000 Lille
  • CV Non renseigné

Tags

Contextual variations

info info + ico

important important + ico

accent-01 accent-01 + ico

accent-01 accent-01 + ico

Box.c-box

Un composant pour enrober du contenu à la manière du .c-form de fond de formulaire

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis nam alias eveniet. Maiores in odit corrupti beatae ad explicabo incidunt inventore error. Excepturi, mollitia numquam nulla aperiam perspiciatis natus quis.

.c-box--promo-partenaire

Un suivi clair pour vos bénéficiaires

Équipez vos bénéficiaires maintenant et simplifiez vos prochains entretiens

Mon Récap est un carnet papier qui aide vos bénéficiaires à suivre leurs démarches, préparer leurs rendez-vous et gagner en autonomie dans leur parcours d’insertion.

Commander des carnets

.c-box--pass

PASS IAE valide (non démarré)
  • Numéro de PASS IAE 999999999999
  • Date de début 05/07/2024
  • Date de fin prévisionnelle 04/07/2026
  • Durée de validité 721 jours (environ 1 an, 2 mois, 12 jours)
Afficher le PASS IAE

PASS IAE valide
  • Numéro de PASS IAE 999999999999
  • Date de début 05/07/2024
  • Date de fin prévisionnelle 04/07/2026
  • Durée de validité 721 jours (environ 1 an, 2 mois, 12 jours)
Afficher le PASS IAE

PASS IAE valide
  • Numéro de PASS IAE 999999999999
  • Date de début 05/07/2024
  • Date de fin prévisionnelle 04/07/2026
  • Durée de validité 721 jours (environ 1 an, 2 mois, 12 jours)

  • Demande de prolongation (en attente) du 07/06/2023 au 22/06/2023
Afficher le PASS IAE

PASS IAE valide (suspendu)
  • Numéro de PASS IAE 999999999999
  • Date de début 05/07/2024
  • Date de fin prévisionnelle 04/07/2026
  • Durée de validité 721 jours (environ 1 an, 2 mois, 12 jours)

  • Suspension en cours du 07/06/2023 au 22/06/2023
Afficher le PASS IAE

PASS IAE expiré
  • Numéro de PASS IAE 999999999999
  • A expiré le 06/06/2023 (depuis 1 jour, 16 heures)
Afficher le PASS IAE

.c-box--structure

ETTI

Une nouvelle chance


  • 513 Rue Sans Souci, 69760 Limonest
  • contact+etti@inclusion.beta.gouv.fr
  • 05 39 55 97 24
  • avenir.etti.com
Voir la fiche de l'entreprise


  • 513 Rue Sans Souci, 69760 Limonest
  • contact+etti@inclusion.beta.gouv.fr
  • 05 39 55 97 24
  • avenir.etti.com
Voir la fiche de l'entreprise

.c-box--results pour la recherche employeurs




.c-box--results pour les postes ouverts au recrutement

.c-box--results pour les prescripteurs

.c-box--results pour les candidatures (Vue employeur / prescripteur)

.c-box--results pour les candidatures (Vue candidat)

.c-box--results pour les Fiches salariés ASP


.c-box--results pour les salariés et pass IAE

.c-box--results pour le controle a posteriori - vue DDETS - carte SIAE







.c-box--results pour le controle a posteriori - vue DDETS - carte auto-prescription











.c-box--results pour le controle a posteriori - vue SIAE - carte auto-prescription








.c-box--results pour DORA

.c-box--summary un regroupement d'information par thème ou par groupe






Récapitulatif


  • Nombre d’aides à 814 € 10
  • Nombre d’aides à 1400 € 62
  • Nombre d’aides refusées 78

  • Montant total potentiel 43 000€
Ces données ont été calculées suite à la selection que vous avez effectuée

Info .c-info

Un composant pour mettre une information en avant. Juste une texte ou un collpase

Vous devrez contacter l’employeur pour en savoir plus

L’employeur a refusé la candidature avec le motif “Autre”.
Si les détails apportés dans le message de réponse ne vous ont pas permis d’en savoir plus, vous pouvez contacter l’employeur.


L’employeur a refusé la candidature avec le motif “Autre”.
Si les détails apportés dans le message de réponse ne vous ont pas permis d’en savoir plus, vous pouvez contacter l’employeur.

Spinner .has-spinner-loading

Une classe utilitaire pour masquer un contenu qui est en cours de rechargement (suite a l'application d'un filtre, d'une action, d'un bouton)