div
.title
.outrun.small.glow all you need
.chrome.medium.shine(data-text="Skills & Tools") Skills & Tools
.container
em «With the right tools, everything is possible»
.row.skills
h3.chrome.small.shine(data-text="Hire me to get") Hire me to get
.progress-bar(v-for="skill in skills", :key="skill.title")
.skill-bar
.progress(v-bind:style="{ width: skill.progress + '%' }")
h4 {{ skill.title }}
.row
.chrome.small.shine(data-text="my Tools") my Tools
.column(v-for="tool of tools", :key="tool.name", :class="tool.kategory")
a.card(:href="tool.link")
img(:src="`icons/${tool.logo}`")
.footer
NuxtLink.navbutton(to="/") Home
NuxtLink.navbutton(to="/profile") Profile
NuxtLink.navbutton(to="/projects") Projects
NuxtLink.navbutton(to="/certification") Certification