Colors

Dark Blue

Electric Blue

Black

Purple

Yellow

Pink

Deep Blue

Green

Orange

Text

Caption Medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body XL Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body L Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body S Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Body XS Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Number L

19%

Number M

19%

Number S

19%

Rich Text Success stories

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Rich Text Ressources

Heading 2

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Businessman climbing a rock cliff while holding a briefcase and shading his eyes, looking into the distance under a blue sky with clouds.

-> Knowledge laptop

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.

Illustration Yumana | Le saviez-vous ?
<div class="custom--knowledge">
        <div class="frame__wrapper">
          <p class="title--wrapped">
            Quam integer urna cras donec ut orci rhoncus.
          </p>
          <p class="frame__text">
            Vel pellentesque erat commodo ante molestie magna massa condimentum.
            Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget
            porta ac ornare eget mi ut gravida vestibulum erat.
          </p>
        </div>
        <img
          src="https://cdn.prod.website-files.com/683703648620cb834d6b394c/693f3c763a065bbcf3257f3d_yuman-laptop.svg"
          alt="Illustration Yumana | Le saviez-vous ?"
          loading="lazy"
        />
        </div>

-> Multi items

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.

<div class="custom--multi">
        <div class="multi__row">
          <div class="frame__wrapper">
            <p class="title--wrapped">
              Quam integer urna cras donec ut orci rhoncus.
            </p>
            <p class="frame__text">
              Vel pellentesque erat commodo ante molestie magna massa
              condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui
              egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.
            </p>
          </div>
          <div class="frame__wrapper">
            <p class="title--wrapped">
              Quam integer urna cras donec ut orci rhoncus.
            </p>
            <p class="frame__text">
              Vel pellentesque erat commodo ante molestie magna massa
              condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui
              egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.
            </p>
          </div>
        </div>
        <div class="multi__row">
          <div class="frame__wrapper">
            <p class="title--wrapped">
              Quam integer urna cras donec ut orci rhoncus.
            </p>
            <p class="frame__text">
              Vel pellentesque erat commodo ante molestie magna massa
              condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui
              egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.
            </p>
          </div>
          <div class="frame__wrapper">
            <p class="title--wrapped">
              Quam integer urna cras donec ut orci rhoncus.
            </p>
            <p class="frame__text">
              Vel pellentesque erat commodo ante molestie magna massa
              condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui
              egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.
            </p>
          </div>
          <div class="frame__wrapper">
            <p class="title--wrapped">
              Quam integer urna cras donec ut orci rhoncus.
            </p>
            <p class="frame__text">
              Vel pellentesque erat commodo ante molestie magna massa
              condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui
              egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.
            </p>
          </div>
        </div>
      </div>

-> Steps

Etape 1

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat. Diam senectus maecenas ultricies adipiscing viverra donec ut. Ultricies semper a turpis cras vulputate nulla cursus velit viverra. Nisl velit eu tellus eget in quis interdum. Ullamcorper aliquet tristique eget urna nisi id amet risus. Pharetra nibh urna cursus diam vel fames dignissim cum nisl. Sem urna in diam laoreet pharetra. Id nulla nunc non egestas. Convallis vivamus odio aliquet pharetra dui adipiscing.

Etape 2

Quam integer urna cras donec ut orci rhoncus.

Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat. Diam senectus maecenas ultricies adipiscing viverra donec ut. Ultricies semper a turpis cras vulputate nulla cursus velit viverra. Nisl velit eu tellus eget in quis interdum. Ullamcorper aliquet tristique eget urna nisi id amet risus. Pharetra nibh urna cursus diam vel fames dignissim cum nisl. Sem urna in diam laoreet pharetra. Id nulla nunc non egestas. Convallis vivamus odio aliquet pharetra dui adipiscing.

      <div class="custom--step">
        <div class="step__wrapper">
          <div class="step__hat">
            <p class="title--wrapped step">Etape 1</p>
            <p class="title--wrapped">
              Quam integer urna cras donec ut orci rhoncus.
            </p>
          </div>
          <p>
            Vel pellentesque erat commodo ante molestie magna massa condimentum.
            Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget
            porta ac ornare eget mi ut gravida vestibulum erat. Diam senectus
            maecenas ultricies adipiscing viverra donec ut. Ultricies semper a
            turpis cras vulputate nulla cursus velit viverra. Nisl velit eu
            tellus eget in quis interdum. Ullamcorper aliquet tristique eget
            urna nisi id amet risus. Pharetra nibh urna cursus diam vel fames
            dignissim cum nisl. Sem urna in diam laoreet pharetra. Id nulla nunc
            non egestas. Convallis vivamus odio aliquet pharetra dui adipiscing.
          </p>
        </div>
        <div class="separator"></div>
        <div class="step__wrapper">
          <div class="step__hat">
            <p class="title--wrapped step">Etape 2</p>
            <p class="title--wrapped">
              Quam integer urna cras donec ut orci rhoncus.
            </p>
          </div>
          <p>
            Vel pellentesque erat commodo ante molestie magna massa condimentum.
            Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget
            porta ac ornare eget mi ut gravida vestibulum erat. Diam senectus
            maecenas ultricies adipiscing viverra donec ut. Ultricies semper a
            turpis cras vulputate nulla cursus velit viverra. Nisl velit eu
            tellus eget in quis interdum. Ullamcorper aliquet tristique eget
            urna nisi id amet risus. Pharetra nibh urna cursus diam vel fames
            dignissim cum nisl. Sem urna in diam laoreet pharetra. Id nulla nunc
            non egestas. Convallis vivamus odio aliquet pharetra dui adipiscing.
          </p>
        </div>
      </div>

-> Tableau

Approche Forces Faiblesses
Scouting automatisé
  • Traitement rapide de grands volumes
  • Recherches simples
  • Déploiement facile
Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.
Scouting contextuel (LLMs)
  • Traitement rapide de grands volumes
  • Recherches simples
  • Déploiement facile
Vel pellentesque erat commodo ante molestie magna massa condimentum. Enim vitae blandit nibh sed urna aliquam aliquet dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum erat.
 <div class="custom--table">
        <table>
          <thead>
            <tr>
              <th>Approche</th>
              <th>Forces</th>
              <th>Faiblesses</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>Scouting automatisé</strong></td>
              <td>
                <ul>
                  <li>Traitement rapide de grands volumes</li>
                  <li>Recherches simples</li>
                  <li>Déploiement facile</li>
                </ul>
              </td>
              <td>
                Vel pellentesque erat commodo ante molestie magna massa
                condimentum. Enim vitae blandit nibh sed urna aliquam aliquet
                dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum
                erat.
              </td>
            </tr>
            <tr>
              <td><strong>Scouting contextuel (LLMs)</strong></td>
              <td>
                <ul>
                  <li>Traitement rapide de grands volumes</li>
                  <li>Recherches simples</li>
                  <li>Déploiement facile</li>
                </ul>
              </td>
              <td>
                Vel pellentesque erat commodo ante molestie magna massa
                condimentum. Enim vitae blandit nibh sed urna aliquam aliquet
                dui egestas. Eget porta ac ornare eget mi ut gravida vestibulum
                erat.
              </td>
            </tr>
          </tbody>
        </table>
      </div>

-> Go futher

<div class="custom--futher">
        <div class="frame__wrapper">
          <div class="futher__link">
            <a
              href="https://yumana-refonte-staging.webflow.io/"
              target="_blank"
            >
              <div class="futher__content">
                <div class="link__icon">
                  <img src="https://cdn.prod.website-files.com/683703648620cb834d6b394c/693f3c76078d9444fcab751e_link_icon.svg"/>
                </div>
                <div>
                  <p class="futher__title">
                    Pourquoi les intrapreneurs sont-ils des perles rares pour
                    les recruteurs ?
                  </p>
                  <p class="futher__text">Par Philippe Jean Poirier</p>
                </div>
              </div>
              <div class="futher__arrow">
                <img src="https://cdn.prod.website-files.com/683703648620cb834d6b394c/693f3c76c11930f92853d811_chevron-blue.svg" alt="" />
              </div>
            </a>
          </div>

          <div class="futher__link">
            <a
              href="https://yumana-refonte-staging.webflow.io/"
              target="_blank"
            >
              <div class="futher__content">
                <div class="link__icon">
                  <img src="https://cdn.prod.website-files.com/683703648620cb834d6b394c/693f3c76078d9444fcab751e_link_icon.svg"/>
                </div>
                <div>
                  <p class="futher__title">
                    Pourquoi les intrapreneurs sont-ils des perles rares pour
                    les recruteurs ?
                  </p>
                  <p class="futher__text">Par Philippe Jean Poirier</p>
                </div>
              </div>
              <div class="futher__arrow">
                <img src="https://cdn.prod.website-files.com/683703648620cb834d6b394c/693f3c76c11930f92853d811_chevron-blue.svg" alt="" />
              </div>
            </a>
          </div>
        </div>
      </div>

-> Quote

Sharing and hacking other people’s ideas has become a new norm: we have to jump into this new leadership

Barbara Lavernos

Deputy CEO for Research, Innovation, and Technology

      <div class="custom--quote">
        <div class="quote__content">
            <img src="https://cdn.prod.website-files.com/683703648620cb834d6b394c/693f3c76babd04e522744ebd_quote-icon.svg">
            <p>
              Sharing and hacking other people’s ideas has become a new norm: we
              have to jump into this new leadership
            </p>
            <img src="https://cdn.prod.website-files.com/683703648620cb834d6b394c/693f3c76babd04e522744ebd_quote-icon.svg">
        </div>
        <div class="quote__autor">
          <p><strong>Barbara Lavernos</strong></p>
          <p>Deputy CEO for Research, Innovation, and Technology</p>
        </div>
      </div>

Title

title-h1

H1 Black

title-h2

H2 ExtraBold

title-h3

H3 ExtraBold

title-h4

H4 ExtraBold

title-h5

H5 Bold

title-h6

H6 Bold

Gradients

Blue Horizon

Creative Spark

Deep Vision

Solar Drive

Innovate Flow

About Yumana

This is some text inside of a div block.
This is some text inside of a div block.

Heading

buttons

Items

Animation apparition de contenu lors du scroll

up

Un

Deux

Trois

right

Un

Deux

Trois

left

Un

Deux

Trois

stagger

Un

Deux

Trois

fade-up

Un

Deux

Trois

zoom-in

Un

Deux

Trois

zoom-out

Un

Deux

Trois

elastic

Un

Deux

Trois

spring

Un

Deux

Trois

Liste des components :

Font family

Area

Title

Basic Sans

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 1234567890&é"'(§è!çà)

Spacing

spacing-XXS

8px

spacing-XS

12px

spacing-S

20px

spacing-M

32px

spacing-L

40px

spacing-XL

60px

spacing-XXL

80px

Button

blue-light

Button Text

blue-dark

Button Text

Divider

base

Header KPI

base

+
8500
%

projets innovants en portefeuille

Profil Card

base

Céline Degreef

CEO, Yumana

Photo de profil de Celine Degreef

ProgressBar KPI

base

Temps d'implémentation

0

%

Slide avis client

base

Orange quotation marks symbol.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Tag filter

base

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Hero simple

base

Mentions légales

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in

about

Mentions légales

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in

success

Mentions légales

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in

Navbar

base

Section Contact

base

Prêt à lancer votre
démarche collaborative ?

N’attendez plus, contactez nos experts dès aujourd’hui et rejoignez la communauté Yumana !

Réseaux de photos de profile interconnectées

Section Contact

base

Section Metriques

base

+
0
M

ans d’expérience

+
0
M

clients internationaux

+
0
M

interactions par mois

+
0
K

contributions par mois

Section Success Stories

base

Explorez les success stories

Inspirez-vous des dispositifs déployés par nos clients ! Retrouvez en détails les facteurs clés de succès de dizaines de programmes collaboratifs réussis.

Section carrousel client

base

Ils nous font confiance​