<style>.nk .nw-sar{flex-wrap:wrap;align-content:center;gap:6px}.nw-cip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#f4f8fb;border:1px solid #e3ebf2;font-size:13px;font-weight:700;color:#5b6b80;white-space:nowrap}.nw-cip img{width:16px;height:16px}.nw-cip.nw-mavi{background:#eef8fe;border-color:#bfe3f4;color:#1581b3}.nk .nk-w{gap:12px}.nw-ikonkutu{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e3f3fb}.nw-ikonkutu img{width:22px;height:22px}.nw-durum{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.25;color:#1a1a2e}.nw-durum b{font-weight:700}.nw-durum em{display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;font-weight:700;color:#1581b3}.nw-durum em i{width:7px;height:7px;border-radius:50%;background:#28aae1;box-shadow:0 0 0 3px rgba(40,170,225,.2)}.nw-ilerleme{display:flex;flex-direction:column;gap:9px;width:210px;font-size:13.5px;font-weight:600;color:#475569}.nw-ilerleme b{color:#1581b3}.nw-bar{height:8px;overflow:hidden;border-radius:8px;background:#e8eff5}.nw-bar i{display:block;height:100%;border-radius:8px;background:#28aae1}.nw-liste{display:flex;flex-direction:column;gap:6px;width:230px}.nw-liste div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 10px;border-radius:9px;background:#f5f8fb;border:1px solid #e8eef4;font-size:13px;font-weight:600;color:#475569}.nw-liste b{font-weight:800;color:#1581b3}.nw-bildirim{display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:14px;background:#fff;border:1px solid #e3ebf2;box-shadow:0 12px 24px -16px rgba(15,50,90,.4);font-size:13px;line-height:1.3;color:#5b6b80;transition:transform .35s ease}.nw-bildirim b{display:block;font-size:13.5px;color:#1a1a2e}.nw-bildirim .nw-ikonkutu{width:36px;height:36px;border-radius:10px}.nw-bildirim .nw-ikonkutu img{width:20px;height:20px}.nk-hucre:hover .nw-bildirim{transform:translateY(-4px)}.nk .nw-akis{gap:8px}.nw-akis b{font-weight:800;color:#28aae1;transition:transform .35s ease}.nk-hucre:hover .nw-akis b{transform:translateX(4px)}</style><div class="nk-hucre"><div class="nk-w nw-sar"><span class="nw-cip nw-mavi">Digital Marketing</span><span class="nw-cip">Communication</span><span class="nw-cip">Excel</span></div><h3>Define a Skill</h3><p>Define the skills your organisation needs one by one.</p></div><div class="nk-hucre"><div class="nk-w nw-akis"><span class="nw-cip">SEO video</span><b>→</b><span class="nw-cip nw-mavi">Digital Marketing</span></div><h3>Match to Content</h3><p>Link each piece of content to one or more skills.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-bildirim"><span class="nw-ikonkutu"><img src="https://cdn.prod.website-files.com/6a82b639f1023abfc739174e/6abd26acb0207d5b76a0f2f3_oz-yetenek-serit-1.png" alt=""></span><span><b>My skill: Communication</b>4 items are waiting for you.</span></div></div><h3>User Widget</h3><p>Users see the content linked to their skills in the widget area.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-ilerleme"><span>Digital Marketing · <b>3</b> / 5 items</span><div class="nw-bar"><i style="width:60%"></i></div></div></div><h3>Targeted Progress</h3><p>Users specialise in an area by completing the content linked to a skill.</p></div><div class="nk-hucre"><div class="nk-w"><div class="nw-liste"><div><span>Communication</span><b>4 items</b></div><div><span>Excel</span><b>2 items</b></div></div></div><h3>Skill List</h3><p>When a skill is added to content, a skill list opens on the user page.</p></div><div class="nk-hucre"><div class="nk-w"><span class="nw-ikonkutu"><img src="https://cdn.prod.website-files.com/6a82b639f1023abfc739174e/6abd26ac348a28c539722ed3_oz-kutuphane-serit-klasor.png" alt=""></span><span class="nw-durum"><b>Library content</b><em>+ Skill: Excel</em></span></div><h3>Works in the Library Too</h3><p>Define skills for content added to the Content Library as well.</p></div>