<turbo-stream action="append" target="courses"><template>
    <a class="h-full isolate" title="Profesionálne programovanie s AI" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/programovanie-s-ai">
    <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="Profesionálne programovanie s AI - Jakub Jahič" 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="Profesionálne programovanie s AI - Jakub Jahič" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5TjJaaE9XRmhNeTFsWkRVMExUUmhNemN0WVRNM015MWtaV1l3TlRrNE5qQXhaRGNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e343ee4812ebf57f7d685e19d5dad49c2b14ea00/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/profi%20programovanie%20s%20AI%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="Profesionálne programovanie s AI - Jakub Jahič" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrWVRjeVpqVTRaUzB4TWpaaExUUm1NMlV0WWpjMVpDMWlZak15TldGbU5qSmhZelFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--c95ba72f98babde62e99a1c762afcff912510639/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Profesion%C3%A1lne%20programovanie%20s%20AI-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">
            8h 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">
          Profesionálne programovanie s AI
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Jahič</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Webrebel 2: PHP a MySQL" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/webrebel-2-php">
    <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="Webrebel 2: PHP a MySQL - Yablko (Roman Hraška)" 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="Webrebel 2: PHP a MySQL - Yablko (Roman Hraška)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TVRVd1ltWmxPQzAwWkdFNExUUmlaakF0T1dRMU5DMWlNV1pqTkRRd01EUTFZak1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--719a8c04a9b080d075bf459fe34d3c5e8cbc2f06/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/webrebel-2-php.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="Webrebel 2: PHP a MySQL - Yablko (Roman Hraška)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszWXpJNFpqaGxNQzAzWTJFMkxUUTBNVGN0T0RabFlpMHpNamxpWTJRMU56Sm1OVFVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d5536370d1c534e575b4f9b5ab9c8a3fd0940404/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Webrebel-2.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">
            19h 40min
          </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">
          Webrebel 2: PHP a MySQL
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Yablko (Roman Hraška)</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Git a GitHub základy" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/git-a-github">
    <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 class="rounded-full text-xs bg-corporate text-white px-3 py-1.5 h-auto  ">
  Free
</div>

        </div>


        <img alt="Git a GitHub základy - Yablko (Roman Hraška)" 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="Git a GitHub základy - Yablko (Roman Hraška)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4T1dJeVpXRmlaUzAwTW1Nd0xUUXhaV0V0T1RVMVpTMHpOVGhoWkRVNE5EUXpOMlVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--aa57d74d67ffd382eaef5c6c08eefb4b02406d93/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/git-a-github.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="Git a GitHub základy - Yablko (Roman Hraška)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WkRGa05UazFOaTB4WXpBNUxUUXlNek10WVdWa055MDFNek01TldKaE5HWTRPRE1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--a9b0636ed676fab480db05bae774d8a5c11db3f1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/git-a-github.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 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">
          Git a GitHub základy
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Yablko (Roman Hraška)</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Vibe Coding pre začiatočníkov s Lovable" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/lovable-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="Vibe Coding pre začiatočníkov s Lovable - Lukáš Nezdařil" 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="Vibe Coding pre začiatočníkov s Lovable - Lukáš Nezdařil" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqTlRjd09ESTBOQzB4TlRFMkxUUmxPREF0WW1NelppMHlNV0kxWmpKaU1EVTVNRGNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--76bb50b6ef3d2fd22934c31c21adb44ed0c53307/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/vibe%20coding%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="Vibe Coding pre začiatočníkov s Lovable - Lukáš Nezdařil" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5T1dZeU1XWTBOUzFoWTJFNExUUmhNREl0WW1SbU1pMWtPR0U0TkdRME56Tm1NMllHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--0fb225c792e41ae3b308b654b4cd32dfd17f8268/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/vibecoding%20lovable.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 55min
          </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">
          Vibe Coding pre začiatočníkov s Lovable
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Lukáš Nezdařil</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Spoznaj Data Science" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/spoznaj-data-science">
    <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="Spoznaj Data Science - Róbert Barcí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="Spoznaj Data Science - Róbert Barcík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3T1RVMlpUZzRaQzFoWkdFeExUUTFNRFV0T0RGa1lpMWlNall5WW1abU9HTXdabUVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--a0ed8fa50cc126791a8ecb6fe1a9c97fee8ec64c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Data%20science%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="Spoznaj Data Science - Róbert Barcík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszT0RNMk5qSmlaUzB5WWpGaExUUTRaakF0T0RFeE9DMDFaVEE0WlRNd016WTFZMllHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--90d11a11146f60029b57cf302a2c4d313272544f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/spoznaj%20data%20sience-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">
            6h 57min
          </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">
          Spoznaj Data Science
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Róbert Barcík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Business Analytik pre Data Science I." data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/business-analytik-pre-data-science">
    <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="Business Analytik pre Data Science I. - Róbert Barcí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="Business Analytik pre Data Science I. - Róbert Barcík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6TkRFNFlqTXdNUzFrTW1abExUUmtZemd0T1RRd1lpMW1NelUyTUdZNE5tRXlOamdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d5f94a2c10056abee513954866b4fbe624bf115f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/business%20analytika%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="Business Analytik pre Data Science I. - Róbert Barcík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszT0dKa05HRm1ZaTFpTm1ZMUxUUXpPR0V0T1RCa1pDMWtOVGswT1RnMFptVTNNMlFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--7dc8732172753911f0af07259785a973cd4135f9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/busines%20%20anaalitika-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">
            8h 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">
          Business Analytik pre Data Science I.
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Róbert Barcík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Úvod do sveta IT a programovania" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/uvod-do-sveta-it-a-programovania">
    <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="Úvod do sveta IT a programovania - Jakub Jahič" 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="Úvod do sveta IT a programovania - Jakub Jahič" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtWXpBM01XVTNaQzAzTmpVMUxUUmpPVFV0WWpabE1pMWtabVZsWkRJMk1XSXhNellHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--46906c2fb23f2dbd63bea0884968e876a955dd6b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/uvod%20do%20sveta%20it%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="Úvod do sveta IT a programovania - Jakub Jahič" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxWWpVME5UYzJOaTAwTnpZMUxUUmhaVEl0T0RrM1ppMWxNREpoWmpjNVpqYzVaREVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--12ce8e438858f99ea450a9b1d95ee00e25a0043f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/uvod%20do%20sveta%20it-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">
            15h 58min
          </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">
          Úvod do sveta IT a programovania
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Jahič</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="SQL databázy: MySQL a SQLite" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/sql-databazy-mysql-sqlite">
    <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="SQL databázy: MySQL a SQLite - Yablko (Roman Hraška)" 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="SQL databázy: MySQL a SQLite - Yablko (Roman Hraška)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TVRFeE5tWTFaaTFpWW1GaUxUUTVaakl0WW1RNVpTMDROVFV4WmpreU9ETTVOVFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--bd381860c5967fe4507e96ba9be5f4d7cc97ed55/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/sql-databazy-mysql-sqlite.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="SQL databázy: MySQL a SQLite - Yablko (Roman Hraška)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxoTmpjNU1tUTNaUzFsTVdVNExUUTJZVE10WVdGall5MWtObUUyTW1VME1HWTNZVGNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--06db21e2c8a6280a28ba7488b626910e6a0bf2cc/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/sql-databazy-mysql-a-sqlite.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">
            8h 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">
          SQL databázy: MySQL a SQLite
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Yablko (Roman Hraška)</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Python pre začiatočníkov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/python-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="Python pre začiatočníkov - Miroslav Beka" 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="Python pre začiatočníkov - Miroslav Beka" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtWkdFMlpqRmhPUzFqWkRKbUxUUmhOMlV0T1RnMk5DMW1NamcwT1dOaE1EZzFNMklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--01f5740dea0dae48d21aca697b319fbae1e64b21/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/python-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="Python pre začiatočníkov - Miroslav Beka" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTURVMk5UbG1NaTB3TlRnekxUUm1aREV0T0dJNU9DMDJOREl4T1dFNE5qQTBZemNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--02775614ac76ea803bd4a5bd7c7c01b80ca82623/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/python-pre-zaciatocnikov.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.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">
            7h 56min
          </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">
          Python pre začiatočníkov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Miroslav Beka</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Ako si vybudovať kariéru v oblasti dát" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/kariera-v-oblasti-dat">
    <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 si vybudovať kariéru v oblasti dát - Róbert Barcí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="Ako si vybudovať kariéru v oblasti dát - Róbert Barcík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqTVRneVpXTmxaUzFqWTJNekxUUmhNakF0T0dVMk1pMWhaRFprWm1SaFlqVXdaRFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--124cb7ff3b57f6ea5612096c80ca3f0dcc1161fd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/kariera%20okolo%20dat%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 si vybudovať kariéru v oblasti dát - Róbert Barcík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsTkRSaU5UZGlaUzAwTm1JM0xUUmhNVE10T1RRd05DMHhNV001WVRjME56RmlZbUVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--566cdee8f9b42e195d5e22d92d9c5387ee3d417e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/kariera%20okolo%20dat-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 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">
          Ako si vybudovať kariéru v oblasti dát
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Róbert Barcík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Generatívna AI v Pythone" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/generativna-ai-v-pythone">
    <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="Generatívna AI v Pythone - Róbert Barcík" 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="Generatívna AI v Pythone - Róbert Barcík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrWTJGbVpqQXlaQzFtWWpNeExUUTRORGt0WWpZeFpDMWhaVEkyWlRobE5UYzJOMklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--71b63cabc57562b3caff341521a69cdb0d87ae7b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/open%20source%20generativna%20ai%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="Generatívna AI v Pythone - Róbert Barcík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxTlRObE4yUTBZUzAwTWpWaUxUUTFNakV0WWpKaVlTMDFPV013TnpGaVlUQmxZeklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--415778ff9b6ec93d3ef0b948486ea3b1dcce210f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Open-source%20Generat%C3%ADvna%20AI%20V2-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">
            6h 54min
          </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">
          Generatívna AI v Pythone
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Róbert Barcík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Úvod do Pythonu pre Data Science" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/uvod-do-pythonu-pre-data-science">
    <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="Úvod do Pythonu pre Data Science - Róbert Barcík" 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="Úvod do Pythonu pre Data Science - Róbert Barcík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyWTJZeE1XVTFNQzB3WWpGaUxUUm1ObVV0T0RSaU1pMDJORGt5TVdFNE1qa3lOV1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--3885e99e166e71adaa21e1470bd955ae4f5535e4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/uvod%20do%20pythonu%20data%20science%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="Úvod do Pythonu pre Data Science - Róbert Barcík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TW1aa04yTmhNeTAxWm1FeUxUUXpObUV0T1RKa1lTMDFaRFpqTnpneE9ESXlaR1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--742ad26c5ead364cd49f8aec698b7426676a20c0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/uvod%20pythonu%20do%20data%20science-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 39min
          </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">
          Úvod do Pythonu pre Data Science
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Róbert Barcík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Vizualizácia dát v Pythone" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/vizualizacia-dat-v-pythone">
    <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="Vizualizácia dát v Pythone - Marek Kučá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="Vizualizácia dát v Pythone - Marek Kučák" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1TldNNVlURmlOUzB4TkdZMkxUUXpZalF0WVRNd01DMWxabVEzTmpjNU9USTJZalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--29dbf81d57f9d8e5bb6673d8363b8aa0898bec62/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/vizualizacia-dat-v-pythone%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="Vizualizácia dát v Pythone - Marek Kučák" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxoWm1Zd00yRmtNaTA0T1RFekxUUmxaakF0WW1VeE15MWxOV1U1TnpRelpHSTFNaklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--81ae5b27c5042b53c0ac460409aebbae8118c81a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/vizualizacia.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 9min
          </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">
          Vizualizácia dát v Pythone
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Kučák</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Spracovanie dát v Pythone" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/spracovanie-dat-v-pythone">
    <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="Spracovanie dát v Pythone - Róbert Barcí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="Spracovanie dát v Pythone - Róbert Barcík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TWprd01XRmhNQzFsTkdZeExUUTBNV1V0T0RCak1DMDFNRFJrTVRBMk56WTRPRGtHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d15c085c4b22515bd1e60176eb1a09d33b0b6170/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/spracovanie%20dat%20v%20pythone%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="Spracovanie dát v Pythone - Róbert Barcík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswWmpZNU5qSm1OQzB4Tm1Ga0xUUmhNMkl0T0dWaVlpMWtZakJqWXpnME1XVTBaamtHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e52a067f0ef2847f5916bed9a9b03b6efbb42360/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/spracovanie%20dat%20v%20pythone-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">
            2h 4min
          </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">
          Spracovanie dát v Pythone
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Róbert Barcík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Power BI Desktop" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/power-bi-desktop">
    <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="Power BI Desktop - Ing. Róbert Ďurec" 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="Power BI Desktop - Ing. Róbert Ďurec" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsWWpWbVpURTROeTA0TTJWaExUUmpZamN0WWprd05TMDBNbUUxWkdFd01ESTVNR0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--59434ed9cc4e9f6a6e0909446af9cf925176f16c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/power-bi-desktop.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="Power BI Desktop - Ing. Róbert Ďurec" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsTWpNd1l6WTVNUzAzWVdGakxUUXhOakV0WVRFNVlpMWxOekJsWTJZMVlUVmxPRFVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--706003f2cc067653366eb702c5b722176e4dbfed/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/power-bi-desktop.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 4min
          </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">
          Power BI Desktop
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ing. Róbert Ďurec</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Docker a kontajnery" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/docker-kontajnery">
    <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="Docker a kontajnery - Jozef Reisinger" 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="Docker a kontajnery - Jozef Reisinger" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTVRRNU1EWTNNaTB5WmpjNExUUTFNamN0T1RJeE1DMDNZbU5sWlRBMFpUVTBNelVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--9b01db247a7087aecc023a25b3e2fbe0af7201a8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/docker%20a%20kontajnery%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="Docker a kontajnery - Jozef Reisinger" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswTTJVeVlqWmlOeTAyTmpNekxUUmhNREl0WVdOa1ppMDBaVFJoWkRZeFlUUTFOMklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--681f6a043c3b64717c544f233aa7705932c0cae4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/docker-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 17min
          </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">
          Docker a kontajnery
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jozef Reisinger</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="SQL Data analýza I." data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/sql-data-analyza-i">
    <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="SQL Data analýza I. - Marek Čech" 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="SQL Data analýza I. - Marek Čech" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TkROak56ZG1OQzB3TTJaaUxUUmtNRGd0WW1RNE1DMWtORE14WkRrNFpqazJaR01HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--73c3dbc4697476f2fa607139a88e1d4db0b0d472/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/sql-data-analyza-i.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="SQL Data analýza I. - Marek Čech" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6TURZMk9UWTBNaTB6TXpRM0xUUTNNamN0WVRZME1TMDNaVFUxWVRka04yVTNZVFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--54bd1905a10f5e3d079a33441abceaec1e37a8cb/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/sql-data-analy%CC%81za.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.7
          </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 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">
          SQL Data analýza I.
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Čech</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Základy programovania a OOP" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/zaklady-programovania-a-oop">
    <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="Základy programovania a OOP - Yablko (Roman Hraška)" 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="Základy programovania a OOP - Yablko (Roman Hraška)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WTJSbE1EWXdNQzA0T0dZekxUUm1aVEl0T0RJNFlpMW1OekkwTVdNeU1HWmtZV01HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2fd29422b93867136099b63ed03c525052f1c72a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/zaklady-programovania-a-oop.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="Základy programovania a OOP - Yablko (Roman Hraška)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4T0dFMll6WXlOeTFqTldJeExUUXdZekF0WVRNeE5DMWlORGhtT0dRM04yTTNNRFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e763036463dabef33c7e2bbf8bbc8a68c53b7194/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Zaklady-programovania.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">
            7h 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">
          Základy programovania a OOP
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Yablko (Roman Hraška)</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="SQL pre backend programátorov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/sql-pre-backend-programatorov">
    <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="SQL pre backend programátorov - Jakub Jahič" 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="SQL pre backend programátorov - Jakub Jahič" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxWmpneE5qQTFZaTAzWWpRMkxUUmhaVE10T0RRNU1DMDVOamMwWlRFMlkySmpORFVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--19dc096d27fefcb8254178fd3e3e3a87f42b1423/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/sql%20backend%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="SQL pre backend programátorov - Jakub Jahič" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyTWpJeFpUSXhOQzFpWldNMUxUUTRNak10WVRrMU1TMW1aV1ZoTWpoaE5tVXpNalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--0d6562ebbac2f624b7f9d9d92487276e0be0df75/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/sql-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">
            5h 24min
          </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">
          SQL pre backend programátorov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Jahič</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Tableau prakticky" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/tableau-prakticky">
    <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="Tableau prakticky - Roman Zydyk" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/5-9ede3f7f722ef695a6c9f2681f8e5a811605d67238b1850ebad924ca51b5b4fd.png" loading="lazy" />

          <img alt="Tableau prakticky - Roman Zydyk" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTURWbE1qZzFaaTAxWmprMkxUUTFZekV0WWpGaU15MHhNek5qTm1OaU16Y3lPRGNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d0e130acf31331b02da81faf8871dec86f6f1289/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/tableau-prakticky.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="Tableau prakticky - Roman Zydyk" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TVRNeE5UVXpNeTB5TWpVd0xUUTBZV0V0T0RFeVpDMWpOakJqTVdJeE1XTXpNV1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2541943682f89eab9d482c7b66304fdf74eef410/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/tableau-prakticky.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 55min
          </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">
          Tableau prakticky
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Roman Zydyk</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Linux pre začiatočníkov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/linux-pre-zaciatocnikov">
    <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="Linux pre začiatočníkov - Ján Kuna" 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="Linux pre začiatočníkov - Ján Kuna" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WmprNFpUYzNaQzAzT0RKaExUUmpZakV0T1RJMFlTMWhaVFpoWlRrd01qQTROalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--f7ddb878552f45c8a1f3e44bfd9ed7880e20ca0f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/linux-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="Linux pre začiatočníkov - Ján Kuna" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsWkROaE9XUXhNaTA0TWpJMUxUUmxOakl0T0RVMllTMDBNek01WXpJeU1UaG1OelVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--c2c03eeaf69c5a42a7f865570d46f41629e4bfbe/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/linux-zac%CC%8Ciatoc%CC%8Cni%CC%81k.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">
            10h 2min
          </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">
          Linux pre začiatočníkov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ján Kuna</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Jira Software Cloud" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/jira-software-cloud">
    <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="Jira Software Cloud - Jan Kamarád" 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="Jira Software Cloud - Jan Kamarád" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyT1ROalkyVXlNeTFqWm1VekxUUXdOR1l0T1RCaU1DMDRNemRsTWpJek1tVTNaVFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--eb6f273c4a1cc1c558cc78610e558e2b4815c064/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Jira%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="Jira Software Cloud - Jan Kamarád" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyTmpjeU9EVXhNQzB5TXpCakxUUXpaR1V0T0dWaFlTMDRPVFJpWm1JMU5HVmlPR0lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--5b134ba05fb113315997a83674fd50cedc01e480/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/jira-cloud.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">
            3h 21min
          </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">
          Jira Software Cloud
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jan Kamarád</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Objektové programovanie v Pythone" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/objektove-programovanie-v-pythone">
    <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="Objektové programovanie v Pythone - Marek Kučá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="Objektové programovanie v Pythone - Marek Kučák" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtTWpZME1qRTRNeTB3TjJNekxUUmlaVFl0T0dRMU1TMDJaVEpsTkRRNU5EQXlNVEFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--097c2689989e5b7cc5cd6077a085f121ec807944/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/objektove-programovanie-v-pythone.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="Objektové programovanie v Pythone - Marek Kučák" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxWlRBeU16RTBOQzAyT0RJMUxUUXhPVGN0WWpFeVpTMW1aRGcyT0RreFpURXhNVFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--a50367e08c94804f18cc72a7cf5cd761befd6c17/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/python-oop-ikona.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.1
          </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 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">
          Objektové programovanie v Pythone
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Kučák</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Postman - testovanie API" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/postman-testovanie-api">
    <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="Postman - testovanie API - Jakub Berthoty" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/5-9ede3f7f722ef695a6c9f2681f8e5a811605d67238b1850ebad924ca51b5b4fd.png" loading="lazy" />

          <img alt="Postman - testovanie API - Jakub Berthoty" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpTldWbU9XRmlOQzB6TlRNMExUUm1OVGt0T1RJeE5pMW1aVEF4WVdReE9USm1OallHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--da4737b0a5577e3e76a2cb4e46a293123e2b0f1c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/postman-testovanie-api.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="Postman - testovanie API - Jakub Berthoty" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WmpjeU1HVmhNUzFrTnprNExUUm1ORGd0T0dRellpMDFNbVkyWlRrMllUWmlOekVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--663969ee12837e7e48f1439a38364582171c4512/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--f5c45aeeef55f344da1109b3d2e5495440e99913/postman-ikona.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">
            4h 46min
          </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">
          Postman - testovanie API
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Berthoty</span></span>
      </div>

</div>
</a>

</template></turbo-stream>
<turbo-stream action="update" target="pagination"><template>
  
  <nav class="mx-auto max-w-min">
    <ul class="flex flex-row items-center gap-2">
      
      

            <li>
    <a class="flex items-center justify-center font-bold text-white text-xs w-6 h-6 bg-gradient-to-tr from-skillmea-green-700 to-corporate rounded-lg" data-action="click-&gt;courses--filter#filter" data-filter-params="{&quot;sort&quot;:&quot;trends&quot;,&quot;category&quot;:&quot;programovanie&quot;,&quot;page&quot;:&quot;1&quot;}">1</a>
  </li>

            <li>
    <a rel="next" class="flex font-light items-center justify-center text-xs text-slate-500 w-6 h-6 transition duration-300 rounded-lg hover:bg-slate-100" data-action="click-&gt;courses--filter#filter" data-filter-params="{&quot;sort&quot;:&quot;trends&quot;,&quot;category&quot;:&quot;programovanie&quot;,&quot;page&quot;:&quot;2&quot;}" href="/online-kurzy/online/programovanie?page=2&amp;sort=trends">2</a>
  </li>

            <li>
    <a class="flex font-light items-center justify-center text-xs text-slate-500 w-6 h-6 transition duration-300 rounded-lg hover:bg-slate-100" data-action="click-&gt;courses--filter#filter" data-filter-params="{&quot;sort&quot;:&quot;trends&quot;,&quot;category&quot;:&quot;programovanie&quot;,&quot;page&quot;:&quot;3&quot;}" href="/online-kurzy/online/programovanie?page=3&amp;sort=trends">3</a>
  </li>

          <li class="items-center justify-center hidden w-6 h-6 text-xs font-light text-slate-500 transition duration-300 rounded-lg hover:bg-slate-100 sm:flex">
  <a class="page-link" href="#">
    <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="M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"></path>
</svg>

</a></li>


      <li>
  <a rel="next" class="flex font-light items-center justify-center text-xs text-slate-500 w-6 h-6 transition duration-300 rounded-lg hover:bg-slate-100" data-action="click-&gt;courses--filter#filter" data-filter-params="{&quot;sort&quot;:&quot;trends&quot;,&quot;category&quot;:&quot;programovanie&quot;,&quot;page&quot;:&quot;&quot;}" href="/online-kurzy/online/programovanie?page=2&amp;sort=trends">
    <svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 text-slate-500 pointer-events-none" fill="none" viewbox="0 0 24 24" stroke="currentColor">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>

</a></li>

      <li>
  <a class="flex font-light items-center justify-center text-xs text-slate-500 w-6 h-6 transition duration-300 rounded-lg hover:bg-slate-100" href="/online-kurzy/online/programovanie?page=9&amp;sort=trends"><svg xmlns="http://www.w3.org/2000/svg" class="w-3 h-3 text-slate-500 pointer-events-none" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M13 5l7 7-7 7M5 5l7 7-7 7"></path>
</svg>
</a>
</li>

    </ul>
  </nav>

</template></turbo-stream>
<turbo-stream action="update" target="load_more"><template>
  <div class="text-center">
  <form data-turbo-stream="true" data-turbo-action="advance" class="button_to" method="get" action="/online-kurzy/online/programovanie"><button class="btn btn-secondary btn-md mx-auto w-48 btn-shadow justify-between" type="submit">Zobraziť viac</button><input type="hidden" name="category" value="programovanie" autocomplete="off" /><input type="hidden" name="page" value="2" autocomplete="off" /><input type="hidden" name="sort" value="trends" autocomplete="off" /></form>
</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: 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/programovanie">
              <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="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>
</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: 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/sebarozvoj">
              <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 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>
              <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">
                  Sebarozvoj
                </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">
                  Sebarozvoj
                </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/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 " 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>