# Skills

<p>This is where you can give a quick overview of the technologies and frameworks you know using our <a href="https://markbind.org/userGuide/components/imagesAndDiagrams.html#thumbnails" target="_blank">thumbnail feature</a> or our <a href="https://markbind.org/userGuide/formattingContents.html#icons" target="_blank">icons</a>.</p>

<panel header="Example using thumbnails" expanded>
  <box type="info">These thumbnails are available as variables to use anywhere in this page!</box>
  {{ javascript }}
  {{ typescript }}
  {{ vue }}
  {{ java }}
</panel>
<br/>
<panel header="Example using icons" expanded>
  <box type="warning">
    Some icons are not available in the libraries that MarkBind supports! Please ensure that 
    the desired icons are available before choosing this option. For more information regarding
    icons, please refer to <a href="https://markbind.org/userGuide/formattingContents.html#icons" target="_blank">this section of our User Guide.</a>
  </box>
  <i class="fa-brands fa-square-js fa-2xl"></i>
  <i class="fa-brands fa-vuejs fa-2xl"></i>
  <i class="fa-brands fa-java fa-2xl"></i>
</panel>
