Profil

Basic examples

Profil component can works with a <button> or <a>

Default
highlight
2 lines

Show code


<a href="../../devkit/views/profil-kid.html" class="profil">
  <div class="icon">
      <span class="icon-profil-kid-active -bgLess"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span></span>

  </div>
  <div class="name">
    Juliette <br> Kindermans
  </div>
</a>


<a href="../../devkit/views/profil-kid.html" class="profil">
  <div class="icon">
      <span class="icon-profil-kid-active -bgLess"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span></span>

  </div>
  <div class="name">
    Juliette <br> Kindermans
  </div>
</a>


<button class="profil -notKid -blue">
  <div class="icon"><span class="icon-daily-sheet -bgLess"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span></span></div>
  <div class="name">
    Mi-temps
    <span>04/04/2020 to undefined </span>
  </div>
</button>