<turbo-stream action="append" target="courses"><template>
    <a class="h-full isolate" title="Custom GPTs v praxi: Vytvor si vlastného ChatGPT asistenta na mieru" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/gpts-v-praxi">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Custom GPTs v praxi: Vytvor si vlastného ChatGPT asistenta na mieru - Vítězslav Klement" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Custom GPTs v praxi: Vytvor si vlastného ChatGPT asistenta na mieru - Vítězslav Klement" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswWTJaa1ptRXpPUzFrWVdJMkxUUTFZak10T1dWaE1DMW1aV0ptWXpCbE9EVTNaalFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--1c2915e4d2ae95ed6c1a6d4c9e8a405a52c9b721/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/GPTs%20agents%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Custom GPTs v praxi: Vytvor si vlastného ChatGPT asistenta na mieru - Vítězslav Klement" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TlRNeU5qWmxPUzFoWm1KaUxUUTVZemd0T0dZNE5TMHdZbVpqWW1Zek1UZGhOR0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--c85b3b66cfe683fb9f0c7e19f91c3c0912db8967/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ai%20asistenti-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.9
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            1h 12min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Custom GPTs v praxi: Vytvor si vlastného ChatGPT asistenta na mieru
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Vítězslav Klement</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Notion od A do Z" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/notion">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Notion od A do Z - Dála Musil" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Notion od A do Z - Dála Musil" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5WVRVd1lqWTFNeTFsWkRjMkxUUTFOV0l0WVRWaE5DMWpZalZtT0RKbVltRmpNemdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b2203ff3910516e0475625ff7f235457023d8cf4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/notion%20zaklady%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Notion od A do Z - Dála Musil" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TVdOaE5UTXlNQzB4WTJWbUxUUm1ZV1V0T0RVNE1pMDNOR05tWXpFd04yWTBOMkVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--819d58e2ef7b833bbe1850c3ae632fe43aebb30b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/notion-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            4h 42min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Notion od A do Z
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Dála Musil</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Ako sa učiť rýchlejšie a efektívnejšie " data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/ako-sa-ucit-rychlejsie-a-efektivnejsie">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Ako sa učiť rýchlejšie a efektívnejšie  - Diana Nagyová" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Ako sa učiť rýchlejšie a efektívnejšie  - Diana Nagyová" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswTURVd1ltTmpOUzFoTURNMUxUUTNabVV0WWpGbVlTMDFOMlEzTkRVMlpXWTFaamdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d5316f059d3e4cfa7935db50db5d1aa52cecc117/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Ako%20sa%20ucit%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Ako sa učiť rýchlejšie a efektívnejšie  - Diana Nagyová" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtWkdVeVl6STRNeTAwTkRneUxUUTFZVEV0WW1Ga055MDRNems1T1RSbU9Ua3lPV1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--309c31c0dbc51f92f94504fa5dfbb0b1d59c70a3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ako%20sa%20ucit2-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.8
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            35min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Ako sa učiť rýchlejšie a efektívnejšie 
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Diana Nagyová</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Stihnite všetko dôležité: Praktický kurz Time Managementu" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/time-management">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Stihnite všetko dôležité: Praktický kurz Time Managementu - Filip Kuna" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/1-55a12ef4b7fa1908b9eb611045c9fc4a76d929ba5e598348598ee29ceecc904d.png" loading="lazy" />

          <img alt="Stihnite všetko dôležité: Praktický kurz Time Managementu - Filip Kuna" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpTWpRelpETmpZaTB5TVRZNExUUXlaamt0T1dVeFl5MWhNV001WkRZd1pUWTJZV0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--37b37820ab2ced0537b2b7c477fd8404123ecc52/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/time%20management%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Stihnite všetko dôležité: Praktický kurz Time Managementu - Filip Kuna" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtWXpSaFpqYzNOaTFoWW1KbExUUmlNV010WWpoa015MDFPV05sWkdNME4yVXhNREVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--965ba2cedfa0a780d94039127e55f410ea56a495/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/time-mangment.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            3h 23min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Stihnite všetko dôležité: Praktický kurz Time Managementu
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Filip Kuna</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Efektívny Time Management" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/efektivny-time-management">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Efektívny Time Management - Hana Bosch" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Efektívny Time Management - Hana Bosch" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtTldRNFpEUTBaaTAzTUdFeExUUmxOakV0T0RjM01DMDVOR0l4WlRaak1HWmhaR1lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e47242c5186b7865e7072d713cfe4cf7ea36ac45/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/efektivny-time-management.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Efektívny Time Management - Hana Bosch" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsTjJGa016TmlaaTAyTlRsbExUUTBNalV0WVRFeE9TMDBaVE13TkdJMk1XVTVaallHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--071b88437ec8aa1d0f6e748f823a304312fd3ba3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/efektivny-timemagement.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.8
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            2h 18min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Efektívny Time Management
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Hana Bosch</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Rozhodovanie v praxi (Decision Making)" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/decision-making">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Rozhodovanie v praxi (Decision Making) - Michal Abaffy" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Rozhodovanie v praxi (Decision Making) - Michal Abaffy" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpTWpNeFlXVTBZaTFpTldabUxUUXpPRFl0T1dKaFl5MDNOVGxoWkRjM09UUTJaalFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--57cb3977a7e0460aec09738ac26509ab77f9ca49/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/decision%20making%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Rozhodovanie v praxi (Decision Making) - Michal Abaffy" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxTW1ZeE1XVTJNQzA0TTJNd0xUUmxaamN0WW1RMk55MHpPRGRoTURCak5tSmpOVFVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--cc5b3f9b962fafb7241a98bded6d9ce19d5bb156/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/decision%20making-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            2h 11min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Rozhodovanie v praxi (Decision Making)
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Michal Abaffy</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Začíname s macOS – kompletný kurz pre začiatočníkov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/zaciname-s-macos-kompletny-kurz-pre-zaciatocnikov">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Začíname s macOS – kompletný kurz pre začiatočníkov - Marek Chrenko" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Začíname s macOS – kompletný kurz pre začiatočníkov - Marek Chrenko" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TVRCbU9UUTJaaTAxTWpNMUxUUXlNR1l0WVRWak1TMHpZVGcxTWpWbVpEQTVZek1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2cdab92ac9a99a4995459568cdb20850dc37e56f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/zaciname-s-macos-kompletny-kurz-pre-zaciatocnikov.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Začíname s macOS – kompletný kurz pre začiatočníkov - Marek Chrenko" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5TWpZM1pXRXdNaTFrTW1Nd0xUUmxNVEV0WWpReVl5MDFOVEl5TkdObE1HWmpPV0lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--c2f3bd9d62b4bdd285a8740a3ebabf07b5175835/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/apple.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.9
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            2h 50min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Začíname s macOS – kompletný kurz pre začiatočníkov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Chrenko</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Notion základy" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/notion-zaklady">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-lg hover:shadow  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card " data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Notion základy - Rastislav Mikláš" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Notion základy - Rastislav Mikláš" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsWWpRMFl6QmtOeTA0TXpRNUxUUXpOalF0WW1FeVppMDJNelZrTWpsaE0yWmxZV1lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--3bba27cf6ed2b87cff4d8c22c35d27098df22c67/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/notion-zaklady.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Notion základy - Rastislav Mikláš" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6WlRoall6ZGpNUzFoWmpSaExUUTJObU10T1RFMVlTMWlaV0l3T0RVMVpXWXdObU1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--34a62b83fb2cdd6ee7e9193bc186bfad22a02e36/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--f5c45aeeef55f344da1109b3d2e5495440e99913/notion-logo.jpg" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            3h 15min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Notion základy
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Rastislav Mikláš</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Mozog v praxi" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/mozog-v-praxi">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Mozog v praxi - Annamária Gazdíková" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Mozog v praxi - Annamária Gazdíková" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtTURVMk9UZ3lPQzB5TnpZNExUUmtaV1l0WVRoaU9TMDJOV0V6TnpWaFpHSmxPVGNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b0d3fe19e01803760f7519f5fa0cfdeabfeaa6db/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/mozog%20v%20praxi%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Mozog v praxi - Annamária Gazdíková" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxTm1ZNU9HVmxNQzAwTlRWaUxUUXpOamN0T1RZeU15MDRaamczTmpBeE1UQmlNR01HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--30c682ab8b05dca262f463faa3d4aff7b6abe16a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Mozog%20v%20praxi-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            1h
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Mozog v praxi
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Annamária Gazdíková</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="25 minút k úspechu: technika Pomodoro na zlepšenie produktivity" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/25-minut-k-uspechu-technika-na-zlepsenie-produktivity">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-lg hover:shadow  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card " data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="25 minút k úspechu: technika Pomodoro na zlepšenie produktivity - Fero Volár" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="25 minút k úspechu: technika Pomodoro na zlepšenie produktivity - Fero Volár" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTldOa1pXWm1aUzB3Tm1FMUxUUTBNMll0T1RFNE1pMWxOMkprWW1RM01ERXdOellHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--139d392e6dcbe8b21a381382692b613239eb10b5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Pomodoro%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="25 minút k úspechu: technika Pomodoro na zlepšenie produktivity - Fero Volár" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4TW1aa016VmtZaTFsWldJekxUUmhaamt0WWpBek5TMHdZekF5T0ROallqYzBOREFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d65c369a6a7702be56644a405b87dd676fd0e82b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/pomodoro-(1).png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            59min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          25 minút k úspechu: technika Pomodoro na zlepšenie produktivity
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Fero Volár</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Od prokrastinácie k akcii" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/od-prokrastinacie-k-akcii">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Od prokrastinácie k akcii - Veronika Novotná" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/6-796225ed8a3508fed218013681775afbb9dc95fcc76251aa4ea0d39b6a31e6de.png" loading="lazy" />

          <img alt="Od prokrastinácie k akcii - Veronika Novotná" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6TnpZMFpEQm1ZUzB5TjJRM0xUUXdNbVl0T1RoaFppMDBaalJpWkdNNE1qa3pOalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--c39ec178ae5e1c82bc7e7c1a90a934496ab3a6d1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/prokrsatinace%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Od prokrastinácie k akcii - Veronika Novotná" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTkRjMk5qazJNaTFqTnpObExUUmtZekF0T0dSbVppMHpNekU0WkdFd016aGtZekFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8a2881e53b6ed3a99ac4ab4650796c46e98ae3fa/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/prokrastinacia-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            50min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Od prokrastinácie k akcii
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Veronika Novotná</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Kto mi kradne čas" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/kto-mi-kradne-cas">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Kto mi kradne čas - Ivo Toman" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/7-cfa636aad6d758af36bc71455661b9c8d8526e341baf8f7236441f4d1878c2c3.png" loading="lazy" />

          <img alt="Kto mi kradne čas - Ivo Toman" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqWXpNd09XUmlOeTB4TldGbUxUUTBZakV0WW1ZM1pDMDFZbUl4WkRRNE1URmtabVFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--77be7baca3fe395f9a073e05dd77fda363200f8e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Ivo%20Toman%202%20version%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Kto mi kradne čas - Ivo Toman" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtWXpJeE9UZ3hOUzB3TXpReUxUUTJNakl0WVdSbVpDMHdNVGd5T0RFd01ESmhNamtHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--39721c6990755ce5864b1bba9f2d32704ef45932/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ikonky-04.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.8
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            1h 13min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Kto mi kradne čas
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ivo Toman</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Kurvítka v hlave" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/kurvitka-v-hlave">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Kurvítka v hlave - Ivo Toman" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/4-f38e0c7ee818baa5302c0da9744ca9e661ae7fa1d55e788f0657afbc1e046fb4.png" loading="lazy" />

          <img alt="Kurvítka v hlave - Ivo Toman" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5TTJOa09EUXpZeTFtTlRVeExUUmlOamN0T0Rrd1lTMWxPRGN6WXpGaFkyRTFObUlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--75662cae301ff29ccce17d2a5d06c53f6746dd59/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Ivo%20Toman%202%20version%201.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Kurvítka v hlave - Ivo Toman" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4TkRWbFpEbGtPQzAwWTJJd0xUUXhOV1F0T1RKaU15MDRaRGc1T1RBNE4yTXpPR01HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--521aef664aa3bfb0b6a8e101e4910cabade4d441/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ikonky-05.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.9
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            1h 34min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Kurvítka v hlave
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ivo Toman</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Efektívne riadenie času a prokrastinácia" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/efektivne-riadenie-casu-prokrastinacia">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Efektívne riadenie času a prokrastinácia - Jakub Macoun" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/3-8da6a38229f90d08c120143d2ff80af705a3825b4eca09b3f8eff836f66a371d.png" loading="lazy" />

          <img alt="Efektívne riadenie času a prokrastinácia - Jakub Macoun" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4WkRWaU1XVTFaaTFrTURJMkxUUTFPVGN0WW1GaFlpMDBaakUwWlRRMFltSTNOR1lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--17e917287a8d2fb474668737c1d08a0e346324a7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/prokrastinace%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Efektívne riadenie času a prokrastinácia - Jakub Macoun" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxoTXpZME1qYzJOQzB3TkRCa0xUUTRNamd0WVRFMlpDMDNNRGN3WlRabU5qWXlOalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--0acd9d83ded20558df4c09d0797122f834a085e4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/prokrastinacia-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            3.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            36min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Efektívne riadenie času a prokrastinácia
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Macoun</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Sprievodca mozgom a mysľou" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/sprievodca-mozgom-a-myslou">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-lg hover:shadow  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card " data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Sprievodca mozgom a mysľou - Brain We Are" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Sprievodca mozgom a mysľou - Brain We Are" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3Tnpka05tVmpPQzB3T1dJMExUUmpOelF0WWpOaU1DMDNaak5tTm1NMU9EWTJOV1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--fc2f09163e04c7de8800b81f05cd1c9571568b60/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Pr%C5%AFvodce%20mozkem%20a%20mysl%C3%AD%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Sprievodca mozgom a mysľou - Brain We Are" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxT0RVMU9URmhaUzAzWTJGbExUUmpaV0l0WWpBME9DMWtOV1JpTXpNek5qRTNNVGdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--f7e8e16558305276f881f8dfe8cdfdabd3934844/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Pr%C5%AFvodce-mozkem-a-mysl%C3%AD.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            9h 37min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Sprievodca mozgom a mysľou
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Brain We Are</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Ako sa presadiť a byť úspešný" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/jak-se-prosadit-a-byt-uspesny">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Ako sa presadiť a byť úspešný - Ivo Toman" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/4-f38e0c7ee818baa5302c0da9744ca9e661ae7fa1d55e788f0657afbc1e046fb4.png" loading="lazy" />

          <img alt="Ako sa presadiť a byť úspešný - Ivo Toman" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1TWpoaVlqSm1ZaTB6WXpKa0xUUmhOVEF0WWpkbFl5MDJaVGc0WTJabU1XVXhZbUlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8d1635b3793bd06681ac186f8c2e0c8e5e771167/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Ivo%20Toman%202%20version%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Ako sa presadiť a byť úspešný - Ivo Toman" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsTVRBM016YzFZeTA1WW1JMExUUTRORGt0T1RsaE9DMWlaakF6WXprMU1tUTVNallHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d51fb56135afefc44af0e769bb2b71811542a3b4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ikonky-02.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            1h 59min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Ako sa presadiť a byť úspešný
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ivo Toman</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Todoist - maximalizuj svoju produktivitu" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/todoist-maximalizuj-svoju-produktivitu">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-lg hover:shadow  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card " data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Todoist - maximalizuj svoju produktivitu - Jan Barbořík" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Todoist - maximalizuj svoju produktivitu - Jan Barbořík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WWpGbFpUbGlOQzFtWXpaa0xUUmpPVEF0WWpnNVpTMWxNVEUyTWpKaFpXTTVZakFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d0d57bc72445a764015bd0585d18f27362649344/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/todoist%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Todoist - maximalizuj svoju produktivitu - Jan Barbořík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyTkRkaE4yVTFZeTA1TURjekxUUmxZamd0WVRKaFpDMWxZVEF6TVRBd01URTBOR0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d2a3b7600c219e394bd71d1e0b914bce86acd79d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/todoist-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            5.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            37min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Todoist - maximalizuj svoju produktivitu
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jan Barbořík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Debordelizácia hlavy" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/debordelizacia-hlavy">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-lg hover:shadow  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card " data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Debordelizácia hlavy - Ivo Toman" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Debordelizácia hlavy - Ivo Toman" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqT0dObE9UVTFNQzFtWldWakxUUm1aamd0WVdaaVpTMWlPVEkyWldVd1pXSm1NbU1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e76e4b2071722462e4a9e30b0b451b142969e136/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Ivo%20Toman%202%20version%201.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Debordelizácia hlavy - Ivo Toman" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswTnpRd09ETmxZeTFsWmpVd0xUUTJZemN0T1RFME1pMHdOV0U0TmpKaE5UQXpOalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--92184de4ca519631fa70d1b8e0f3e0ef0dd40d03/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ikonky-07.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.9
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            1h 27min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Debordelizácia hlavy
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ivo Toman</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Digitálna produktivita" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/digitalna-produktivita">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-xl hover:shadow-lg  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card hover:translate-y-1" data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Digitálna produktivita - Petra Kudrna Sobková" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Digitálna produktivita - Petra Kudrna Sobková" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TVdJeU5tWTBaQzAzWTJaakxUUXpNVGN0WW1VMk5DMWlNV0kwTXpCbFpUUXlNRFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--f25ab4293875d16904b51af72b768dabaa36f368/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/digi%20produktivita%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Digitálna produktivita - Petra Kudrna Sobková" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrWm1ZMlpUWXpaQzAyTVRrMExUUTFOV1l0T0RjeE15MHdZVFkxWW1Gak5EUmlZV1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--aeafe2e33197781ccd8b3f9bfa8652f367ca195e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/digitalna%20produktivita-01.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.0
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            37min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Digitálna produktivita
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Petra Kudrna Sobková</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Mentálne modely" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/mentalne-modely">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-lg hover:shadow  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card " data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Mentálne modely - Brain We Are" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Mentálne modely - Brain We Are" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtTURKaVpERXlOaTAxWkRjeUxUUXpOR1F0WWpCak9TMDBZamt3WlRnME5ESTNPRGtHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--30205a5855b3ee75bc9e28b02396d5277bd02d09/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/mentalni-modely%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Mentálne modely - Brain We Are" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtTXpGaFlUQTVNeTAwTTJZeUxUUXlZVFV0T0ROallTMDBZemxsTXpjMlkySTJZVFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--ea9db59b189d64cfc1f6bf143b53dfd62223edfb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ment%C3%A1lni-modely.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.5
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            3h 47min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Mentálne modely
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Brain We Are</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Psychológia vnímania času" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/psychologia-vnimania-casu">
    <div id="" class="flex flex-col bg-white relative z-10 h-full shadow-lg hover:shadow  transition-all will-change-transform duration-300 rounded-3xl p-6 group/card " data-test-id="card_component">
  
      <div class="relative aspect-video bg-skillmea-green-200 rounded-t-3xl -mt-6 -mx-6 mb-12">
        <div class="absolute z-10 w-1/2 my-4 lg:my-7 ml-6 lg:ml-7 flex flex-wrap items-start gap-1">
          
        </div>


        <img alt="Psychológia vnímania času - Eva Dvořáková" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Psychológia vnímania času - Eva Dvořáková" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyTkRneVpqVTRaQzB3Wmprd0xUUm1OamN0T1RjMU5TMWxOR1F3WW1ReU9UYzROMk1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b1a7003a5b67eda9478100b464980572b35d4ddb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/casova%20perspektiva%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Psychológia vnímania času - Eva Dvořáková" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WVdFek5USTJaUzB6T0dJM0xUUTJNbVV0WW1SbU1pMWxOVEpsTVdVMll6ZzBPR1lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--56f46f0f2cd0f3c3f0a8806654ac97c9c609d93e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/casova-perspektiva.png" loading="lazy" />
      </div>

      <div class="flex justify-between mb-2 text-corporate">
        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" viewbox="0 0 20 20" fill="currentColor">
  <path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>

          <span class="text-sm -translate-y-0.5 font-semibold">
            3.6
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            2h 18min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Psychológia vnímania času
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Eva Dvořáková</span></span>
      </div>

</div>
</a>

</template></turbo-stream>
<turbo-stream action="update" target="pagination"><template>
</template></turbo-stream>
<turbo-stream action="update" target="load_more"><template>
  <div class="text-center">
  
</div>

</template></turbo-stream>
<turbo-stream action="update" target="sidebar"><template>
  <div class="bg-white/0 w-full h-full rounded-r-xl bg-corporate relative top-3">
  <div x-ref="categoriesIcons" class="flex flex-col gap-2 sticky top-10 w-full transition-all duration-300">
    <header class="flex items-center mb-4 h-12">
      <span x-show="sidebarOpen" class="block uppercase text-xs text-slate-400 w-full font-bold">
        Kategórie
      </span>

      <div @click="sidebarOpen = !sidebarOpen" :class="{ 'm-4' : !sidebarOpen }" class="w-8 aspect-square flex items-center justify-center text-slate-400 rounded-lg cursor-pointer relative">
        <div :class="{'-rotate-180': sidebarOpen}">
          <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path d="M12.5556 7L18 12M18 12L12.5556 17M18 12L4 12" stroke-linecap="round" stroke-linejoin="round"></path>
  <path d="M20 17L20 7" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>


        </div>
      </div>
    </header>

      <div class="flex items-center gap-4">
        <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy">
          <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M9.61 2 L3.09 2 C2.49 2 2 2.49 2 3.09 L2 9.61 C2 10.21 2.49 10.7 3.09 10.7 L9.61 10.7 C10.21 10.7 10.7 10.21 10.7 9.61 L10.7 3.09 C10.7 2.49 10.21 2 9.61 2 Z"></path>
  <path d="M20.91 2 L14.39 2 C13.79 2 13.3 2.49 13.3 3.09 L13.3 9.61 C13.3 10.21 13.79 10.7 14.39 10.7 L20.91 10.7 C21.51 10.7 22 10.21 22 9.61 L22 3.09 C22 2.49 21.51 2 20.91 2 Z"></path>
  <path d="M9.61 13.3 L3.09 13.3 C2.49 13.3 2 13.79 2 14.39 L2 20.91 C2 21.51 2.49 22 3.09 22 L9.61 22 C10.21 22 10.7 21.51 10.7 20.91 L10.7 14.39 C10.7 13.79 10.21 13.3 9.61 13.3 Z"></path>
  <path d="M15.87 13.3 L13.67 13.3 C13.47 13.3 13.3 13.47 13.3 13.67 L13.3 15.87 C13.3 16.07 13.47 16.24 13.67 16.24 L15.87 16.24 C16.07 16.24 16.24 16.07 16.24 15.87 L16.24 13.67 C16.24 13.47 16.07 13.3 15.87 13.3 Z"></path>
  <path d="M21.42 13.3 L19.21 13.3 C19.01 13.3 18.85 13.47 18.85 13.67 L18.85 15.87 C18.85 16.07 19.01 16.24 19.21 16.24 L21.42 16.24 C21.62 16.24 21.78 16.07 21.78 15.87 L21.78 13.67 C21.78 13.47 21.62 13.3 21.42 13.3 Z"></path>
  <path d="M15.87 18.85 L13.67 18.85 C13.47 18.85 13.3 19.01 13.3 19.21 L13.3 21.42 C13.3 21.62 13.47 21.78 13.67 21.78 L15.87 21.78 C16.07 21.78 16.24 21.62 16.24 21.42 L16.24 19.21 C16.24 19.01 16.07 18.85 15.87 18.85 Z"></path>
  <path d="M21.42 18.85 L19.21 18.85 C19.01 18.85 18.85 19.01 18.85 19.21 L18.85 21.42 C18.85 21.62 19.01 21.78 19.21 21.78 L21.42 21.78 C21.62 21.78 21.78 21.62 21.78 21.42 L21.78 19.21 C21.78 19.01 21.62 18.85 21.42 18.85 Z"></path>
</svg>

          </div>
          <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
            Všetky kurzy
          </div>
          <div class="absolute -right-4 translate-x-full pointer-events-none">
            <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
              Všetky kurzy
            </span>
          </div>
</a>      </div>

      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/programovanie">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="m7 11 2-2-2-2"></path>
  <path d="M11 13h4"></path>
  <rect width="18" height="18" x="3" y="3" rx="2" ry="2"></rect>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Programovanie
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Programovanie
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Programovanie
                </span>
              </div>

</a>
              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen"  :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/front-end">Front-end</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/back-end">Back-end</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/mobile">Mobile</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/data-science">Data Science</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/testovanie">Testovanie softwaru</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/javascript">JavaScript</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/java">Java</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/c-sharp-c-plus-plus">C# a C++</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/python">Python</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/devops">DevOps</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/machine-learning-ai">Machine Learning a AI</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/game-development">Game Development</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/no-code">No-Code</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/linux-servery">Linux a Servery</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/security">Security</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/programovanie-pre-deti">Pre deti</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/devtools">DevTools</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/databazy">Databázy</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/dizajn-video">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M12.05 6.25 L12.05 12.02 M3.85 10.2 C3.85 5.67 7.51 2 12.05 2 C16.58 2 20.25 5.67 20.25 10.2 M10.02 17.01 L14.07 17.01 C14.52 17.01 14.88 17.38 14.88 17.82 L14.88 21.19 C14.88 21.64 14.52 22 14.07 22 L10.02 22 C9.58 22 9.21 21.64 9.21 21.19 L9.21 17.82 C9.21 17.38 9.58 17.01 10.02 17.01 Z M15.91 12.75 C15.62 13.5 13.74 15.35 13.67 16.88 C13.67 16.91 13.64 16.92 13.62 16.92 C12.38 16.92 11.65 16.93 10.29 16.93 C10.26 15.06 8.48 13.51 8.18 12.73 L11.97 5.63 L15.91 12.75 Z M2.08 10.49 L5.59 10.49 L5.59 13.99 L2.08 13.99 L2.08 10.49 Z M18.41 10.49 L21.92 10.49 L21.92 13.99 L18.41 13.99 L18.41 10.49 Z"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Dizajn a Video
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Dizajn a Video
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Dizajn a Video
                </span>
              </div>

</a>
              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen"  :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/grafika-design">Grafika a dizajn</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/ui-ux-design">UI/UX Design</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/3d-grafika-animacie">3D grafika a animácie</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/video">Video</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/foto">Foto</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/adobe">Adobe</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/figma">Figma</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/marketing">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M19.28 9.38 C19.74 10.46 19.98 11.64 19.98 12.88 C19.98 17.86 15.96 21.88 10.99 21.88 C6.02 21.88 2 17.86 2 12.88 C2 7.91 6.02 3.89 11 3.89 C12.13 3.89 13.22 4.1 14.22 4.48 M15.58 12.88 C15.58 15.41 13.53 17.47 11 17.47 C8.46 17.47 6.41 15.41 6.41 12.88 C6.41 10.35 8.46 8.3 11 8.3 M11.56 12.29 L18.23 5.82 L19.41 2.12 L22 4.7 L18.41 5.78"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Marketing
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Marketing
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Marketing
                </span>
              </div>

</a>
              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen"  :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/digitalny-marketing">Digitálny marketing</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/ppc-performance">PPC a performance marketing</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/seo">SEO</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/social-media">Social media &amp; Community</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/pr">PR</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/influencer">Influencer</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/e-commerce">e-Commerce</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/analytika-reporting">Analytika &amp; Reporting</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/branding">Branding</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/podnikanie-financie">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M6 12 L6.01 12 M18 12 L18.01 12 M4 6 L20 6 C21.1 6 22 6.9 22 8 L22 16 C22 17.1 21.1 18 20 18 L4 18 C2.9 18 2 17.1 2 16 L2 8 C2 6.9 2.9 6 4 6 Z M14 12 C14 13.11 13.1 14 12 14 C10.9 14 10 13.11 10 12 C10 10.9 10.9 10 12 10 C13.1 10 14 10.9 14 12 Z"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Business &amp; Finance
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Business &amp; Finance
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Business &amp; Finance
                </span>
              </div>

</a>
              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen"  :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/hr">HR</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/management">Management</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/projektovy-management">Projektový management</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/obchod">Obchod</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/business-intelligence">Business Intelligence</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/financie">Financie</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/uctovnictvo-dane">Účtovníctvo a dane</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/pravo">Právo</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/podnikanie">Podnikanie</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/customer-success">Customer Success</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/office">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M3.58 16.48 L3.58 6.95 C3.58 6.48 3.86 6.06 4.29 5.89 L13.99 2.08 C14.22 1.99 14.48 1.97 14.73 2.05 L19.62 3.52 C20.1 3.67 20.42 4.11 20.42 4.61 L20.42 19.23 C20.42 19.72 20.11 20.15 19.65 20.3 L14.58 22 L6.33 19.25 L13.78 18.63 C14.37 18.59 14.82 18.1 14.82 17.51 L14.82 7.62 C14.82 6.85 14.07 6.31 13.34 6.55 L7.91 8.33 C7.44 8.48 7.13 8.92 7.13 9.41 L7.13 14.88 L3.58 16.48 Z"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Office
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Office
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Office
                </span>
              </div>

</a>
              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen"  :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/ms-office">Microsoft Office</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/google-apps">Google Apps</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/online-n%C3%A1stroje">Online nástroje</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/excel">Excel</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: true}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/sebarozvoj">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 bg-skillmea-green-200 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M12 18 L12 5 M12 18 C12 18.55 12.11 19.09 12.33 19.59 C12.55 20.09 12.87 20.54 13.27 20.92 C13.67 21.29 14.14 21.58 14.65 21.76 C15.17 21.95 15.71 22.03 16.26 21.99 C16.8 21.95 17.34 21.81 17.82 21.56 C18.31 21.31 18.74 20.96 19.09 20.54 C19.44 20.12 19.69 19.63 19.84 19.1 C20 18.58 20.04 18.03 19.97 17.49 M12 18 C12 18.55 11.89 19.09 11.67 19.59 C11.45 20.09 11.13 20.54 10.73 20.92 C10.33 21.29 9.86 21.58 9.35 21.76 C8.83 21.95 8.29 22.03 7.74 21.99 C7.2 21.95 6.66 21.81 6.18 21.56 C5.69 21.31 5.26 20.96 4.91 20.54 C4.56 20.12 4.31 19.63 4.16 19.1 C4 18.58 3.96 18.03 4.03 17.49 M12 5 C12 4.54 12.11 4.09 12.31 3.68 C12.51 3.26 12.81 2.9 13.17 2.62 C13.54 2.34 13.96 2.15 14.41 2.06 C14.87 1.97 15.33 1.99 15.78 2.1 C16.22 2.22 16.63 2.44 16.98 2.75 C17.32 3.05 17.6 3.43 17.77 3.85 C17.95 4.28 18.02 4.74 17.99 5.2 C17.96 5.66 17.83 6.1 17.6 6.5 M12 5 C12 4.54 11.89 4.09 11.69 3.68 C11.49 3.26 11.19 2.9 10.83 2.62 C10.46 2.34 10.04 2.15 9.59 2.06 C9.13 1.97 8.67 1.99 8.22 2.1 C7.78 2.22 7.37 2.44 7.02 2.75 C6.68 3.05 6.4 3.43 6.23 3.85 C6.05 4.28 5.98 4.74 6.01 5.2 C6.04 5.66 6.17 6.1 6.4 6.5 M15 13 C14.13 12.75 13.37 12.22 12.83 11.5 C12.29 10.78 12 9.9 12 9 C12 9.9 11.71 10.78 11.17 11.5 C10.63 12.22 9.87 12.75 9 13 M18 5.13 C18.58 5.28 19.13 5.56 19.59 5.95 C20.06 6.35 20.42 6.84 20.67 7.4 C20.91 7.95 21.02 8.56 21 9.16 C20.97 9.77 20.81 10.36 20.52 10.9 M18 18 C18.88 18 19.74 17.71 20.44 17.18 C21.13 16.64 21.64 15.89 21.86 15.04 C22.09 14.19 22.03 13.29 21.7 12.47 C21.36 11.66 20.76 10.98 20 10.54 M6 18 C5.12 18 4.26 17.71 3.56 17.18 C2.87 16.64 2.36 15.89 2.14 15.04 C1.91 14.19 1.97 13.29 2.3 12.47 C2.64 11.66 3.24 10.98 4 10.54 M6 5.13 C5.42 5.28 4.87 5.56 4.41 5.95 C3.94 6.35 3.58 6.84 3.33 7.4 C3.09 7.95 2.98 8.56 3 9.16 C3.03 9.77 3.19 10.36 3.48 10.9"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Sebarozvoj
              </div>
</a>              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen" :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/leadership">Leadership</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/osobny-rozvoj">Osobný rozvoj</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/karierny-rozvoj">Kariérny rozvoj</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/zdravie-fitness">Zdravie &amp; Fitness</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 text-corporate font-bold" data-turbo-frame="_top" href="/online-kurzy/online/produktivita">Produktivita</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/crypto">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M12.18 19.86 C17.53 20.8 18.85 13.32 13.5 12.38 M12.18 19.86 L5.77 18.73 M12.18 19.86 L11.81 22 M9.22 11.62 L13.5 12.38 C18.85 13.32 20.17 5.84 14.82 4.89 L8.41 3.76 M14.82 4.89 L15.2 2.75 M7.53 21.25 L10.92 2"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Kryptomeny a blockchain
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Kryptomeny a blockchain
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Kryptomeny a blockchain
                </span>
              </div>

</a>
          </div>

      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/ai">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z"></path>
  <path d="M20 2v4"></path>
  <path d="M22 4h-4"></path>
  <circle cx="4" cy="20" r="2"></circle>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Umelá inteligencia (AI)
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Umelá inteligencia (AI)
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Umelá inteligencia (AI)
                </span>
              </div>

</a>
          </div>

      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/jazykove-kurzy">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M5 8 L11 14 M4 14 L10 8 L12 5 M2 5 L14 5 M7 2 L8 2 M22 22 L17 12 L12 22 M14 18 L20 18"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Jazyky
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Jazyky
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Jazyky
                </span>
              </div>

</a>
              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen"  :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/anglictina">Angličtina</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/nemcina">Nemčina</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/spanielcina">Španielčina</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/taliancina">Taliančina</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/francuzstina">Francúzština</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/ine">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-8">
  <path d="M2 7 L2 17 M6 5 L6 19 M12 3 L20 3 C21.1 3 22 3.9 22 5 L22 19 C22 20.1 21.1 21 20 21 L12 21 C10.9 21 10 20.1 10 19 L10 5 C10 3.9 10.9 3 12 3 Z"></path>
</svg>

              </div>
              <div x-show="sidebarOpen" class="transition will-change-transform w-full duration-300 group-hover:translate-x-1 line-clamp-1">
                Iné
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Iné
                </span>
              </div>
              <div class="absolute -right-4 translate-x-full pointer-events-none">
                <span x-show="!sidebarOpen" class="block bg-white transition-all duration-300 rounded-lg relative text-sm pointer-events-none opacity-0 shadow-xl whitespace-nowrap -ml-4 group-hover:-ml-0 group-hover:opacity-100 p-3">
                  Iné
                </span>
              </div>

</a>
              <div @click="submenuOpen = !submenuOpen" x-show="sidebarOpen"  :class="{'rotate-180' : submenuOpen }" class="ml-auto transition-all duration-300 w-8 h-8 flex-none text-corporate flex items-center justify-center bg-skillmea-green-200 rounded-lg" >
                <span x-show="!submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
</svg>
</span>
                <span x-show="submenuOpen" ><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
  <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"></path>
</svg>

</span>
              </div>
          </div>

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/pre-deti">Kids</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/pre-studentov">Pre študentov</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/zadarmo">Kurzy zadarmo</a>
            </div>
          </div>
      </div>
  </div>
</div>

</template></turbo-stream>