ababil.bio Open in urlscan Pro
34.111.77.110  Public Scan

URL: https://ababil.bio/
Submission: On July 31 via api from BE — Scanned from DE

Form analysis 1 forms found in the DOM

<form _ngcontent-ng-c4284482245="" novalidate="" class="ng-untouched ng-pristine ng-invalid"><mat-vertical-stepper _ngcontent-ng-c4284482245="" role="tablist" aria-orientation="vertical"
    class="mat-stepper-vertical ng-tns-c3820311392-0"><!----><!---->
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="0" id="cdk-step-label-0-0" aria-posinset="1" aria-setsize="9" aria-controls="cdk-step-content-0-0" aria-selected="true">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number mat-step-icon-selected">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">1</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active mat-step-label-selected">
          <div class="mat-step-text-label">Candidat<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-0" aria-labelledby="cdk-step-label-0-0" style="visibility: inherit;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-1"><!---->
                <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                  <div class="mat-mdc-form-field-flex">
                    <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                      <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-0" for="mat-input-0" style=""><mat-label
                            _ngcontent-ng-c4284482245="">Prénom</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                    </div><!----><!----><!---->
                    <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="firstname" required=""
                        class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="mat-input-0" aria-required="true"></div><!----><!---->
                  </div><!---->
                </div>
                <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                  <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                    <div class="mat-mdc-form-field-hint-spacer"></div>
                  </div><!---->
                </div>
              </mat-form-field><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-2"><!---->
                <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                  <div class="mat-mdc-form-field-flex">
                    <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                      <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-2" for="mat-input-1" style=""><mat-label
                            _ngcontent-ng-c4284482245="">Nom</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                    </div><!----><!----><!---->
                    <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="lastname" required=""
                        class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="mat-input-1" aria-required="true"></div><!----><!---->
                  </div><!---->
                </div>
                <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                  <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                    <div class="mat-mdc-form-field-hint-spacer"></div>
                  </div><!---->
                </div>
              </mat-form-field></div>
            <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-3"><!---->
                <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                  <div class="mat-mdc-form-field-flex">
                    <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                      <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-4" for="mat-input-2" style=""><mat-label
                            _ngcontent-ng-c4284482245="">Position</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                    </div><!----><!----><!---->
                    <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" placeholder="Développeur Java, Business Developper, ..." formcontrolname="position" required=""
                        class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="mat-input-2" aria-required="true"></div><!----><!---->
                  </div><!---->
                </div>
                <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                  <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                    <div class="mat-mdc-form-field-hint-spacer"></div>
                  </div><!---->
                </div>
              </mat-form-field></div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-1" aria-posinset="2" aria-setsize="9" aria-controls="cdk-step-content-0-1" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">2</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Profil<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-1" aria-labelledby="cdk-step-label-0-1"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-col">
              <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"
                  class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Add</span><span class="mat-mdc-focus-indicator"></span><span
                    class="mat-mdc-button-touch-target"></span></button></div><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-4"><!---->
                <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                  <div class="mat-mdc-form-field-flex">
                    <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                      <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-6" for="profile-0" style=""><mat-label
                            _ngcontent-ng-c4284482245="">Profil 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                    </div><!----><!----><!---->
                    <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Expertise" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3" required=""
                        class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                        id="profile-0" aria-required="true" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                  </div><!---->
                </div>
                <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                  <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                    <div class="mat-mdc-form-field-hint-spacer"></div>
                  </div><!---->
                </div>
              </mat-form-field><!---->
            </div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-2" aria-posinset="3" aria-setsize="9" aria-controls="cdk-step-content-0-2" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">3</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Compétences Fonctionelles<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-2" aria-labelledby="cdk-step-label-0-2"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-col">
              <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"
                  class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Add</span><span class="mat-mdc-focus-indicator"></span><span
                    class="mat-mdc-button-touch-target"></span></button></div><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-valid ng-tns-c2400808035-5"><!---->
                <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                  <div class="mat-mdc-form-field-flex">
                    <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                      <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-8" for="functionals-0" style=""><mat-label
                            _ngcontent-ng-c4284482245="">Fonctionel 1</mat-label><!----></label><!----><!----><!----></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                    </div><!----><!----><!---->
                    <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Expertise" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3"
                        class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-valid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                        id="functionals-0" aria-invalid="false" aria-required="false" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                  </div><!---->
                </div>
                <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                  <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                    <div class="mat-mdc-form-field-hint-spacer"></div>
                  </div><!---->
                </div>
              </mat-form-field><!---->
            </div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-3" aria-posinset="4" aria-setsize="9" aria-controls="cdk-step-content-0-3" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">4</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Compétences Techniques<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-3" aria-labelledby="cdk-step-label-0-3"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-col">
              <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"
                  class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Add</span><span class="mat-mdc-focus-indicator"></span><span
                    class="mat-mdc-button-touch-target"></span></button></div>
              <div _ngcontent-ng-c4284482245="" class="form-col ng-untouched ng-pristine ng-invalid"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-6"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-10" for="technicals-skill-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Techno 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="skill" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="technicals-skill-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-7"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-12" for="technicals-detail-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Détails 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Expertise" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3" formcontrolname="detail"
                          required="" class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                          id="technicals-detail-0" aria-required="true" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div><!---->
            </div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-4" aria-posinset="5" aria-setsize="9" aria-controls="cdk-step-content-0-4" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">5</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Méthodologies &amp; Certifications<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-4" aria-labelledby="cdk-step-label-0-4"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-col">
              <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"
                  class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Add</span><span class="mat-mdc-focus-indicator"></span><span
                    class="mat-mdc-button-touch-target"></span></button></div><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-8"><!---->
                <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                  <div class="mat-mdc-form-field-flex">
                    <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                      <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-14" for="methods-0" style=""><mat-label
                            _ngcontent-ng-c4284482245="">Méthodo ou Certif 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                      <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                    </div><!----><!----><!---->
                    <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Expertise" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3" required=""
                        class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                        id="methods-0" aria-required="true" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                  </div><!---->
                </div>
                <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                  <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                    <div class="mat-mdc-form-field-hint-spacer"></div>
                  </div><!---->
                </div>
              </mat-form-field><!---->
            </div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-5" aria-posinset="6" aria-setsize="9" aria-controls="cdk-step-content-0-5" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">6</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Formations<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-5" aria-labelledby="cdk-step-label-0-5"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-col">
              <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"
                  class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Add</span><span class="mat-mdc-focus-indicator"></span><span
                    class="mat-mdc-button-touch-target"></span></button></div>
              <div _ngcontent-ng-c4284482245="" class="form-row ng-untouched ng-pristine ng-invalid"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-9"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-16" for="educations-year-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Année 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="year" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="educations-year-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-10"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-18" for="educations-degree-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Diplôme 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="degree" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="educations-degree-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div><!---->
            </div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-6" aria-posinset="7" aria-setsize="9" aria-controls="cdk-step-content-0-6" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">7</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Langues<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-6" aria-labelledby="cdk-step-label-0-6"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-col">
              <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"
                  class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Add</span><span class="mat-mdc-focus-indicator"></span><span
                    class="mat-mdc-button-touch-target"></span></button></div>
              <div _ngcontent-ng-c4284482245="" class="form-row ng-untouched ng-pristine ng-invalid"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-11"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-20" for="languages-lang-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Langue 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="lang" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="languages-lang-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-12"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-22" for="languages-level-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Niveau 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="level" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="languages-level-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div><!---->
            </div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-7" aria-posinset="8" aria-setsize="9" aria-controls="cdk-step-content-0-7" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">8</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Expériences<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container mat-stepper-vertical-line">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-7" aria-labelledby="cdk-step-label-0-7"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!---->
            <div _ngcontent-ng-c4284482245="" class="form-col">
              <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple"
                  class="mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Add</span><span class="mat-mdc-focus-indicator"></span><span
                    class="mat-mdc-button-touch-target"></span></button></div>
              <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-13"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-24" for="experiences-start-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Début 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="start" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="experiences-start-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-14"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-26" for="experiences-end-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Fin 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="end" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="experiences-end-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div>
              <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-15"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-28" for="experiences-company-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Entreprise</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="company" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="experiences-company-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-16"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-30" for="experiences-role-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Position</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><input _ngcontent-ng-c4284482245="" matinput="" formcontrolname="role" required=""
                          class="mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored" id="experiences-role-0" aria-required="true"></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div>
              <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-17"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-32" for="experiences-context-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Contexte 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Contexte de la mission" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3"
                          formcontrolname="context" required=""
                          class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                          id="experiences-context-0" aria-required="true" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div>
              <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-18"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-34" for="experiences-mission-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Mission 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Objectif de la mission" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3"
                          formcontrolname="mission" required=""
                          class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                          id="experiences-mission-0" aria-required="true" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div>
              <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-19"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-36" for="experiences-activity-0"
                            style=""><mat-label _ngcontent-ng-c4284482245="">Activités 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Contenu de la mission" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3"
                          formcontrolname="activity" required=""
                          class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                          id="experiences-activity-0" aria-required="true" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div>
              <div _ngcontent-ng-c4284482245="" class="form-row"><mat-form-field _ngcontent-ng-c4284482245="" appearance="outline"
                  class="mat-mdc-form-field mat-mdc-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-hide-placeholder mat-primary ng-untouched ng-pristine ng-invalid ng-tns-c2400808035-20"><!---->
                  <div class="mat-mdc-text-field-wrapper mdc-text-field mdc-text-field--outlined"><!---->
                    <div class="mat-mdc-form-field-flex">
                      <div matformfieldnotchedoutline="" class="mdc-notched-outline mdc-notched-outline--upgraded">
                        <div class="mat-mdc-notch-piece mdc-notched-outline__leading"></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__notch"><label matformfieldfloatinglabel="" class="mdc-floating-label mat-mdc-floating-label" id="mat-mdc-form-field-label-38" for="experiences-techno-0" style=""><mat-label
                              _ngcontent-ng-c4284482245="">Technos 1</mat-label><span aria-hidden="true" class="mat-mdc-form-field-required-marker mdc-floating-label--required"></span><!----></label><!----><!----><!----></div>
                        <div class="mat-mdc-notch-piece mdc-notched-outline__trailing"></div>
                      </div><!----><!----><!---->
                      <div class="mat-mdc-form-field-infix"><!----><textarea _ngcontent-ng-c4284482245="" rows="1" matinput="" placeholder="Technos de la mission" cdktextareaautosize="" cdkautosizeminrows="1" cdkautosizemaxrows="3"
                          formcontrolname="techno" required=""
                          class="cdk-textarea-autosize mat-mdc-input-element ng-untouched ng-pristine ng-invalid mat-mdc-form-field-textarea-control mat-mdc-form-field-input-control mdc-text-field__input cdk-text-field-autofill-monitored"
                          id="experiences-techno-0" aria-required="true" style="min-height: 24px; max-height: 72px; height: 24px;"></textarea></div><!----><!---->
                    </div><!---->
                  </div>
                  <div class="mat-mdc-form-field-subscript-wrapper mat-mdc-form-field-bottom-align"><!---->
                    <div class="mat-mdc-form-field-hint-wrapper ng-trigger ng-trigger-transitionMessages" style="opacity: 1; transform: translateY(0%);"><!---->
                      <div class="mat-mdc-form-field-hint-spacer"></div>
                    </div><!---->
                  </div>
                </mat-form-field></div><!----><!---->
            </div>
            <div _ngcontent-ng-c4284482245=""><button _ngcontent-ng-c4284482245="" mat-button="" matsteppernext="" type="button" class="mat-stepper-next mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                mat-ripple-loader-class-name="mat-mdc-button-ripple"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span class="mdc-button__label">Suivant</span><span class="mat-mdc-focus-indicator"></span><span
                  class="mat-mdc-button-touch-target"></span></button></div><!----><!---->
          </div>
        </div>
      </div>
    </div>
    <div class="mat-step"><mat-step-header role="tab" class="mat-step-header mat-vertical-stepper-header mat-primary" tabindex="-1" id="cdk-step-label-0-8" aria-posinset="9" aria-setsize="9" aria-controls="cdk-step-content-0-8" aria-selected="false">
        <div matripple="" class="mat-ripple mat-step-header-ripple mat-focus-indicator"></div>
        <div class="mat-step-icon mat-step-icon-state-number">
          <div class="mat-step-icon-content"><!----><span aria-hidden="true">9</span><!----><!----><!----></div>
        </div>
        <div class="mat-step-label mat-step-label-active">
          <div class="mat-step-text-label">Done<!----></div><!----><!----><!----><!---->
        </div>
      </mat-step-header><!---->
      <div class="mat-vertical-content-container">
        <div role="tabpanel" class="mat-vertical-stepper-content mat-vertical-stepper-content-inactive ng-trigger ng-trigger-verticalStepTransition" id="cdk-step-content-0-8" aria-labelledby="cdk-step-label-0-8"
          style="height: 0px; visibility: hidden;">
          <div class="mat-vertical-content"><!----><!----><!----></div>
        </div>
      </div>
    </div><!----><!----><!---->
  </mat-vertical-stepper></form>

Text Content

Ababil download DOCX download PDF
1
Candidat
Prénom



Nom



Position



Suivant
2
Profil
Add
Profil 1



Suivant
3
Compétences Fonctionelles
Add
Fonctionel 1



Suivant
4
Compétences Techniques
Add
Techno 1



Détails 1



Suivant
5
Méthodologies & Certifications
Add
Méthodo ou Certif 1



Suivant
6
Formations
Add
Année 1



Diplôme 1



Suivant
7
Langues
Add
Langue 1



Niveau 1



Suivant
8
Expériences
Add
Début 1



Fin 1



Entreprise



Position



Contexte 1



Mission 1



Activités 1



Technos 1



Suivant
9
Done


Fill the form to see the preview

Please enable JavaScript to continue using this application.