<turbo-stream action="append" target="courses"><template>
    <a class="h-full isolate" title="Rob hry v JavaScripte" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/rob-hry-v-javascripte">
    <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="Rob hry v JavaScripte - Yablko (Roman Hraška)" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/2-b730f55eaf265b78f1f69b6c85c26b4d2d6384b96811dd25855981b6414de390.png" loading="lazy" />

          <img alt="Rob hry v JavaScripte - Yablko (Roman Hraška)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://cdn.skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxTkRoa09URm1OaTFtTWpNekxUUTNNMlF0T1RJd01TMWpaV000WldVeE9XWTFPREFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--a51b34eae65110e39fda5720c78399ebedca51a1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/rob-hry-v-javascripte.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="Rob hry v JavaScripte - Yablko (Roman Hraška)" data-test-id="course_card_course_image" src="https://cdn.skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1WmpJeVlUWmxZUzAyTjJJNUxUUTNPVGN0WVdJM05pMHhOV0l6WVRNNU1qWTBORE1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b443b035e1b8453e536c52e5818ef9dc19af2e1f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/rob-hry-v-javascripte.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">
            4h 1min
          </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">
          Rob hry v JavaScripte
        </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="Blender pre začiatočníkov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/blender-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="Blender pre začiatočníkov - Jakub Kameník" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/2-b730f55eaf265b78f1f69b6c85c26b4d2d6384b96811dd25855981b6414de390.png" loading="lazy" />

          <img alt="Blender pre začiatočníkov - Jakub Kameník" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WlRZd00yUXlNeTAyTTJVMExUUTVOV0l0T1RFM1l5MDNaRGswWW1Jd01XSmtaalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--6fac4be8aced6b4bcbf09703d37fd724909d8db2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/blender-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="Blender pre začiatočníkov - Jakub Kameník" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3Wm1ZNU9XUTBOQzFpTVRGaExUUTROemt0WW1Oak5TMW1NbVUyWVdVeU1UaGlPRFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--c640d15ee249e366e49e741579233dd6017f62c1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/blender.png" loading="lazy" />
      </div>

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

          <span class="text-sm -translate-y-0.5 font-semibold">
            3.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 20min
          </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">
          Blender pre začiatočníkov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Kameník</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Cucumber a BDD" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/cucumber-a-bdd">
    <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="Cucumber a BDD - Furby (Martin Škarbala)" 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="Cucumber a BDD - Furby (Martin Škarbala)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsTVdGa056RXlPUzB3WldReExUUTJaVE10T1ROaVlpMDNaV000TVRGa1kyTXlOVFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--92e01911bc246d4f3e7ee09e508fecf07c881de1/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/cucumber-a-bdd.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="Cucumber a BDD - Furby (Martin Škarbala)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTldVME9UaGlaaTB5WkdKaExUUm1aalV0WVRSaVpTMHlOelUzT0Rjek5XSTVaRGdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e6a46c591875ae15e597e01cac600541f42ea088/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/cucumber-a-bdd.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 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">
          Cucumber a BDD
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Furby (Martin Škarbala)</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="C++ Elementary (začiatočník)" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/c-plus-plus-elementary">
    <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="C++ Elementary (začiatočník) - Marek Šurka" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/4-f38e0c7ee818baa5302c0da9744ca9e661ae7fa1d55e788f0657afbc1e046fb4.png" loading="lazy" />

          <img alt="C++ Elementary (začiatočník) - Marek Šurka" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0WWpCaE5EUmlOaTB3TmpSaUxUUTRZMk10T0Rsa01DMDNaRE01T1RVMVpUTmtNakFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--7ccc7aa7f62c90cf69370e81191542b8c577a79a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/c-plus-plus-elementary.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="C++ Elementary (začiatočník) - Marek Šurka" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3WW1RelpUQTJOeTA1TVdZMExUUm1OV1V0WVdRek1pMW1OalppTmpReE5USXlOamNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--ed31e63a19b5c0b23965a9348a24e7d2b3e3a78a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/C++-zaciatocnik.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.3
          </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 44min
          </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">
          C++ Elementary (začiatočník)
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Šurka</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Úvod do Laravelu a MVC" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/laravel-a-mvc">
    <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 Laravelu a MVC - Tomáš Zaharowski" 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 Laravelu a MVC - Tomáš Zaharowski" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszWlRVeU16QmhNUzAzTkRObUxUUmxaREF0WWpnellTMWhZVFkwWXpKbU1UUTFPV1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e12d86e0f854db0361a67d676647e4d165cc37b5/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/laravel%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 Laravelu a MVC - Tomáš Zaharowski" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqWmpRMlpUWmxNeTAyTURVNUxUUTNNVEl0T0RobU9TMW1NMkppWTJJeVlXSmtOekFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--5abcda73c153c769d6077526373f57413e79e285/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/laravel-01-01-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 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">
          Úvod do Laravelu a MVC
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Tomáš Zaharowski</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Linux Server 3" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/linux-server-03">
    <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 Server 3 - Anton Krajčí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="Linux Server 3 - Anton Krajčík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4TVRJMU1qZzFaUzFtWVdKakxUUTNZekV0T0RVMU1pMHlOV000WmpZd1pXWmxORFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b44c444b20435f86185ce440919525ac6fbf5767/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/linux-server-03.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 Server 3 - Anton Krajčík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyWldReE5qazVaUzAyWmpBd0xUUTBOekl0WVRkaFppMWpOV000TTJZMlptTmxZeklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--f2143f0c10cc0ede6febfcd43066f755d836aba2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/linux-server-3.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">
            -
          </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 38min
          </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 Server 3
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Anton Krajčík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Servery pre pokročilých I. " data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/servery-pre-pokrocilych-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="Servery pre pokročilých I.  - Ján Kuna" 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="Servery pre pokročilých I.  - Ján Kuna" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxTmpObU0yVmlNeTAzTW1ZM0xUUTVOVFV0T0RJNVlTMDVOR0l6T1dVM05UaG1NRGNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--409c3c99d434910cc6a00682377d65edc2e3f1bd/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/servery-pre-pokrocilych-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="Servery pre pokročilých I.  - Ján Kuna" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTnpWbU5USXhOUzAzTnpreUxUUmhPV0V0WWpsaU55MDNaVGxpTnpjNU9UUTBZak1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--a9961789267b3b908ee7683bd905f31c976d4577/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/servery-pre-pokrocilich.png" loading="lazy" />
      </div>

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

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

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

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Servery pre pokročilých I. 
        </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="Azure cloud základy" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/azure-cloud-zaklady">
    <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="Azure cloud základy - Roman Zydyk" 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="Azure cloud základy - Roman Zydyk" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6WXpKbFlUVTBOeTFqWVdNd0xUUTVORGt0WVRNeFpTMDBOMlJsTkdWbU5UQTVNVElHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--3e2edc010885e5adfc7f2460c1a1d31e67897d6e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/azure-cloud-zaklady.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Azure cloud základy - Roman Zydyk" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTlRNMk56SXlPQzB6TW1Wa0xUUTBPVFV0WWpNM055MWtaalppTkdReFpUVXhaVFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--65a4e72f3ec1f366fca3ac50e38b791236347093/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--f5c45aeeef55f344da1109b3d2e5495440e99913/azure-cloud-zaklady-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">
            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 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">
          Azure cloud základy
        </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 II." data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/online-kurz-linux-pre-zaciatocnikov-2">
    <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 II. - 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 II. - Ján Kuna" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszWmpnek5UUTFPQzB6WkRNekxUUmpOVGN0WVRJM1lTMWpaRGcxTUdKaU1UQXpPR1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b75835eca95a2765e067dc0b9d59db480d66542f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/online-kurz-linux-pre-zaciatocnikov-2.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 II. - Ján Kuna" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1TnpSak9XTmhNaTAxWVdRMkxUUXlaalF0WW1JNU1DMDJPVGN5T1RZNU5qbGtZV0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--0588b22d7dddf218bce46653f08efc4682228c43/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/linux-pokroc%CC%8Cily%CC%81.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 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">
          Linux pre začiatočníkov II.
        </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="Linux Server 1" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/linux-server-01">
    <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 Server 1 - Anton Krajčí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="Linux Server 1 - Anton Krajčík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TVdReU5URTVPQzFrTWpnNExUUmhaakl0T1dNMVlpMDVPREEwTjJVeE1EUXlaR1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--23294e9e64357718df05afdb88c703b266211547/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/linux-server-01.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 Server 1 - Anton Krajčík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4WXpnMU9XSmlNQzB5TXpnMUxUUTJaRGN0T0RKbU15MDBOalUwWkRJM09XRTNaV0lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--f0fe720fc18c832c1ffb3ebf5b9c53c4bd2e4633/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/linux-server.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 31min
          </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 Server 1
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Anton Krajčík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="React" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/react">
    <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="React - Yablko (Roman Hraška)" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/4-f38e0c7ee818baa5302c0da9744ca9e661ae7fa1d55e788f0657afbc1e046fb4.png" loading="lazy" />

          <img alt="React - Yablko (Roman Hraška)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TUdSaVpUY3pNaTA0T0RoakxUUXhOakF0WWpBNFlTMWxPRFl3TVdKak5EZzNNelVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e6f6d372abff0c68aa3601680941dbbe67395359/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/react.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="React - Yablko (Roman Hraška)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5WVRWallXUXdaaTAxTUdabUxUUXhNakF0T0RWa1lTMWpNRFV4WVRWbVltSXlPRFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d3d03c25726eaff9654cf2971d8472310ec477a9/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/react.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">
            5h 6min
          </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">
          React
        </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="Algoritmizácia v C++" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/algoritmizacia-cpp">
    <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="Algoritmizácia v C++ - Marek Šurka" 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="Algoritmizácia v C++ - Marek Šurka" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://api.skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrWlRReE4yWm1aUzA1TVRKaUxUUXhZbVV0WVdRNFlpMDVabVUyTVdNM05qQmhaRGdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--cdbbe94fac7763ce5a1726ca21725c6aa1f32f32/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/algoritimizacia%20v%20cplusplus%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="Algoritmizácia v C++ - Marek Šurka" data-test-id="course_card_course_image" src="https://api.skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqTlRobFptVmpOQzB3TVdFd0xUUmpNbU10T0RjNVlpMW1ZMlprTURFd1lUUTVPRFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--7ad4af514f9536acd8243ae5b874fba1ca3040dc/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Algoritmiz%C3%A1cia%20v%20C++-01-01.png" loading="lazy" />
      </div>

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

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

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            12h 26min
          </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">
          Algoritmizácia v C++
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Šurka</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Playwright pre pokročilých" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/playwright-pre-pokrocilych">
    <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="Playwright pre pokročilých - Michal Drajna" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/2-b730f55eaf265b78f1f69b6c85c26b4d2d6384b96811dd25855981b6414de390.png" loading="lazy" />

          <img alt="Playwright pre pokročilých - Michal Drajna" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpTldFM1ltSmtaUzFrWVdObUxUUmxNV1F0WVdZMFl5MW1aVFE1WlRBMk5HSTBNMlFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b7d5d1d7d0e22a25d8f3123cf2e485737bddcea0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/test-automatizacia-playwright%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="Playwright pre pokročilých - Michal Drajna" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswTldFMlpERXlOQzFpWlRabExUUTRNR010WW1Fek5pMDRZalE1TW1WbFlUYzFPV1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e0e1ccde321aed7cf9bd38091a6cd587b0c0fb4e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/playwright-pre-pokrocilich.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 34min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Playwright pre pokročilých
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Michal Drajna</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Automatizované testovanie webu - Selenium" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/automatizovane-testovanie-webu-selenium">
    <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="Automatizované testovanie webu - Selenium - Furby (Martin Škarbala)" 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="Automatizované testovanie webu - Selenium - Furby (Martin Škarbala)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4Tm1FMVlqRXhNaTB5TW1Oa0xUUTNPVE10T0RrNFl5MWtOV1ptWWpFNU5URTFZalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--4009b8235d8351e8195f8ef61d0e3f194d83e6ce/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/automatizovane-testovanie-webu-selenium.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="Automatizované testovanie webu - Selenium - Furby (Martin Škarbala)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswTTJJME5EaGhNUzB4TnpFMkxUUmlPVFF0T1dJNE55MDJaalJqT1RGaE1XSTJOV1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2e7876e814cc45b1cca5c9fd6be062cd5c30fcf7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/selenium-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">
            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">
            7h 26min
          </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">
          Automatizované testovanie webu - Selenium
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Furby (Martin Škarbala)</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Medior Android programátor" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/medior-android-programator">
    <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="Medior Android programátor - Ján Kandráč" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/2-b730f55eaf265b78f1f69b6c85c26b4d2d6384b96811dd25855981b6414de390.png" loading="lazy" />

          <img alt="Medior Android programátor - Ján Kandráč" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1TTJRd09EQTVOQzA1TnprNExUUXdPV1F0WVdFd01DMDROek5qTnpZeFpXUTRNek1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8c3f79dddd4aad7d6a54d68917f191df94cf49da/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/medior%20android%20programator%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="Medior Android programátor - Ján Kandráč" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqWmpjelpEYzNOUzB6TnpCakxUUmpPVEF0WWpjNFppMWhZMk5sWkdKaE1ETmhZbU1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8b50be27201b95f737fab01cd0ae9a4b39994d26/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/android%20medior-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">
            -
          </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">
          Medior Android programátor
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ján Kandráč</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Java pre začiatočníkov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/java-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 class="rounded-full text-xs bg-corporate text-white px-3 py-1.5 h-auto  ">
  Free
</div>

        </div>


        <img alt="Java pre začiatočníkov - Jaroslav Beňo" 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="Java pre začiatočníkov - Jaroslav Beňo" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TVRjMVl6UmhNUzB3TW1KakxUUmlPR0l0WVdNellTMW1ORFJpWmprM09UWmhPVElHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2422480ed51ad0f9dcfac79ae643ad6ad5f65a3f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/java-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="Java pre začiatočníkov - Jaroslav Beňo" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpT1RRNE9HTTJOeTB6TUdKaUxUUTNOMkl0T0dVNFlTMDJNRGhpTmpkbU5XRTBOVE1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2d623daf4dc10b8665a9e3e299e2e4648cbfb132/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/java-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.2
          </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 50min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Java pre začiatočníkov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jaroslav Beňo</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="JavaScript Games" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/online-kurz-javascript-games">
    <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="JavaScript Games - Ľuboš Jaroš" 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="JavaScript Games - Ľuboš Jaroš" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3T0dVMVlXSm1OUzFtTlRWaExUUTFOR1V0T1RFd1l5MWlNR0ppTm1NellXRmtPREFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--11e13f0892e8fa39389e51219e195a049d58dc60/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/online-kurz-javascript-games.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="JavaScript Games - Ľuboš Jaroš" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1TWpOak5XTTFaUzFrWWprNExUUmpZamN0WVRZNU5DMWxORE5sWlRJMU5EQTVaR1lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8adcd524a2c18619d80770c7dc2801d551c4101b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/js-games.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">
            2h 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">
          JavaScript Games
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ľuboš Jaroš</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="AWS Certified Developer Associate - praktické príklady" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/aws-certified-developer-associate-prakticke-priklady">
    <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="AWS Certified Developer Associate - praktické príklady - Michal Machovič" 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="AWS Certified Developer Associate - praktické príklady - Michal Machovič" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyTVRFNE5XWXpOQzAyWVRrNUxUUXpPRFF0WVRZMFpDMDRZbVJrWkRBNFl6RmtaRFVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--83fee37df55fe7c412eedfd90f55a9754da9b5fc/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/AWS%20prax%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="AWS Certified Developer Associate - praktické príklady - Michal Machovič" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTjJJMFltSm1OaTFrTW1JNExUUTBPV0l0WWpabE1TMDRNVEl4TVdSaU9HVTNNR1lHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--4cc64cb4bb6937a39a92372ff0201b7946c4ce5c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/awsCertified%20Developer%20-%20Associate%20-%20praktick%C3%A9%20pr%C3%ADklady-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">
            -
          </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 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">
          AWS Certified Developer Associate - praktické príklady
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Michal Machovič</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="JUnit a TDD pre Java programátora" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/junit-a-tdd-pre-java-programatora">
    <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="JUnit a TDD pre Java programátora - Jaroslav Beňo" 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="JUnit a TDD pre Java programátora - Jaroslav Beňo" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTm1SbU5HRXhOaTFrTW1ZMkxUUXlZemt0T1dNNVpDMDBOelZpTTJObU5UTTVNREVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--ee01d9b7afcb0651cc04d0255bb73738a0ba604a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/junit-a-tdd-pre-java-programatora.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="JUnit a TDD pre Java programátora - Jaroslav Beňo" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswWTJNM1pqWTBZUzB4TkRKaExUUTVZV1F0WW1VeE5DMDFPVEEwWlRJeVpqaG1NbU1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d5f897af91795d5171df54a887072ca169c9b715/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/junit-a-tdd.png" loading="lazy" />
      </div>

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

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

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            2h 26min
          </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">
          JUnit a TDD pre Java programátora
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jaroslav Beňo</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Moderný JavaScript (ES2015+)" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/moderny-javascript-pre-react-angular-vue-node-es2015">
    <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="Moderný JavaScript (ES2015+) - Yablko (Roman Hraška)" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/4-f38e0c7ee818baa5302c0da9744ca9e661ae7fa1d55e788f0657afbc1e046fb4.png" loading="lazy" />

          <img alt="Moderný JavaScript (ES2015+) - Yablko (Roman Hraška)" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0WVdSa1pUZ3pZaTA1Wm1FekxUUXdNMll0WVRWaU9TMWxaV1poWm1NMlltTXdPRGdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2d0762742e1f8d5d67ccf841a60f22c55c02e08f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/moderny-javascript-pre-react-angular-vue-node-es2015.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="Moderný JavaScript (ES2015+) - Yablko (Roman Hraška)" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtTWpRd05tUTFNeTA1Wm1Ga0xUUmtaV1V0WW1JNVpTMHlNemsyWWpObVltUTBOV0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--45a04b1ebc47990658b71c476c6b5c430c46baed/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/moderny-js.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">
            4h 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">
          Moderný JavaScript (ES2015+)
        </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="C++ Elementary II. (začiatočník II.)" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/online-kurz-c-plus-plus-elementary-ii">
    <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="C++ Elementary II. (začiatočník II.) - Marek Šurka" 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="C++ Elementary II. (začiatočník II.) - Marek Šurka" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://api.skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyWlRFMk1HUmhOUzFtWm1Ka0xUUXlaalV0WWpRMlpDMDJOR0UxTTJJNE1qZ3dZemdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--436458ccaef0f9ac7567240381aee6eb340b894d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/online-kurz-c-plus-plus-elementary-ii.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="C++ Elementary II. (začiatočník II.) - Marek Šurka" data-test-id="course_card_course_image" src="https://api.skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTjJJMFpEVXdOeTFsT1dJNExUUTFPR1l0WWpabU5DMW1NbVEwTmprd01Ea3dZakVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--a81998d13b7f09bb1183d1223c70eca0f035cd0f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/C++-zaciatocnik-II.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 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">
          C++ Elementary II. (začiatočník II.)
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Šurka</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="C# pre začiatočníkov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/c-sharp-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 " 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="C# pre začiatočníkov - Jaroslav Beňo" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/4-f38e0c7ee818baa5302c0da9744ca9e661ae7fa1d55e788f0657afbc1e046fb4.png" loading="lazy" />

          <img alt="C# pre začiatočníkov - Jaroslav Beňo" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqTnpreVltRTJZUzB3TkdGaExUUm1NelF0T0RRd09TMWlZMk0yWmpCaU1qTmxOemdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--22123ac64b531ffdd5ab1199839c6dd93d11f1e3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/c-sharp-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="C# pre začiatočníkov - Jaroslav Beňo" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqT0RrNFptTTNaQzAxWXpjeUxUUTFPVGd0T0dGbVppMHdOamxrWm1NM1pUQTNZaklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--b894367b9b47df94d3d30a4d5c2913e979ce7aa4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/C-sharp-zaciatocnik.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">
            3h 18min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          C# pre začiatočníkov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jaroslav Beňo</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="JavaScript Dobrodružstvá 2" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/javascript-dobrodruzstva-2">
    <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="JavaScript Dobrodružstvá 2 - Ľuboš Jaroš" 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="JavaScript Dobrodružstvá 2 - Ľuboš Jaroš" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTlRFellqbGpNUzFoWldRMkxUUmtNakV0T1dVeU5DMHpZVEU0WlRObU56bGpOR0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--1cd353bb2e9f5fe9d3b04a6d0e655dcd4196f3ad/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/javascript-dobrodruzstva-2.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="JavaScript Dobrodružstvá 2 - Ľuboš Jaroš" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszTXpCalkyUXpOeTB5WWpVM0xUUmlZelV0WWpJMU1TMHlPRGsxWXpRMFlUQmpOekVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--525ddb6aced590191e3f4481a6f4aac239d0ad30/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/javascript--dobrodrustva-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">
            -
          </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 8min
          </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">
          JavaScript Dobrodružstvá 2
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ľuboš Jaroš</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="AWS Certified Developer - Associate - teória" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/aws-developer-associate-teoria">
    <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="AWS Certified Developer - Associate - teória - Michal Machovič" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/8-2ae6572ab0d4d7f7d39a15be83dcbc34301b699f615917f703250f1fcddd3c5b.png" loading="lazy" />

          <img alt="AWS Certified Developer - Associate - teória - Michal Machovič" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxTnpFNVpUWmhPQzB3TTJSakxUUmxaV010T0RBeU1pMWxOVGcwWlRrMVpHVXlaREVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--02aee2d4bc90a98f02b600352fda4853685bc623/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/aws-developer%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="AWS Certified Developer - Associate - teória - Michal Machovič" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsT0RBeE1HVm1OeTAzWWprMkxUUTVaVEV0T0RCa1lpMHpObVZsTldNek4yVTVORGdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e7a1066922dc962d73996a02b46e60cc845e0c20/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/aws.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 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">
          AWS Certified Developer - Associate - teória
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Michal Machovič</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 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;page&quot;:1,&quot;category&quot;:&quot;programovanie&quot;}" href="/online-kurzy/online/programovanie?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="M11 19l-7-7 7-7m8 14l-7-7 7-7"></path>
</svg>
</a>
</li>

      <li>
  <a rel="prev" 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;page&quot;:&quot;&quot;,&quot;category&quot;:&quot;programovanie&quot;}" href="/online-kurzy/online/programovanie?page=3&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="M15 19l-7-7 7-7"></path>
</svg>

</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 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;page&quot;:&quot;2&quot;,&quot;category&quot;:&quot;programovanie&quot;}" href="/online-kurzy/online/programovanie?page=2&amp;sort=trends">2</a>
  </li>

            <li>
    <a rel="prev" 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;page&quot;:&quot;3&quot;,&quot;category&quot;:&quot;programovanie&quot;}" href="/online-kurzy/online/programovanie?page=3&amp;sort=trends">3</a>
  </li>

            <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;page&quot;:&quot;4&quot;,&quot;category&quot;:&quot;programovanie&quot;}">4</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;page&quot;:&quot;5&quot;,&quot;category&quot;:&quot;programovanie&quot;}" href="/online-kurzy/online/programovanie?page=5&amp;sort=trends">5</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;page&quot;:&quot;6&quot;,&quot;category&quot;:&quot;programovanie&quot;}" href="/online-kurzy/online/programovanie?page=6&amp;sort=trends">6</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;page&quot;:&quot;&quot;,&quot;category&quot;:&quot;programovanie&quot;}" href="/online-kurzy/online/programovanie?page=5&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="5" 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>