<turbo-stream action="append" target="courses"><template>
    <a class="h-full isolate" title="Google Search Console" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/google-search-console">
    <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="Google Search Console - Filip Škultéty" 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="Google Search Console - Filip Škultéty" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5TWpNeVpqZzFNeTB3T0dFM0xUUTVObVl0T1RRMVlpMWxNREEzTjJJeU1EazNaalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--05fe1b73efc7ee77803574b8847a7876496ee22e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/googel%20search%20console%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="Google Search Console - Filip Škultéty" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswWWpVMU9EUmtNUzB5WldRMkxUUXdOMll0WVdReU1TMWxOR0UwTVRZMU16VTVZek1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2867f67f67c5a4aadf0b7f3f5789a9d85eae5a98/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/google%20search%20console-01.png" loading="lazy" />
      </div>

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

          <span class="text-sm -translate-y-0.5 font-semibold">
            4.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">
            1h 22min
          </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">
          Google Search Console
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Filip Škultéty</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Microsoft OneDrive pre firmy" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/microsoft-onedrive-pre-firmy">
    <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="Microsoft OneDrive pre firmy - Petr Kohoutek" 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="Microsoft OneDrive pre firmy - Petr Kohoutek" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpTTJWbFlUYzBaaTB4TkRNeExUUmhNMkV0T0RnM05DMWtNbVJtTVRFd09UTmpZelFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--944c908f7f2d5128e0fb0fc3650d0be8b3f005a6/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/onedrive%20pre%20firmy%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="Microsoft OneDrive pre firmy - Petr Kohoutek" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyT1RZeU1qQmtPUzFpWXpWbExUUXpNemt0WWprMlppMDBZamRpTURabFlXUmtZbUlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--9b6448e1618a99a74044718b2fa14b9e5161e8b6/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/OneDrive%20pro%20firmy-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 5min
          </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">
          Microsoft OneDrive pre firmy
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Petr Kohoutek</span></span>
      </div>

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


        <img alt="Change Management: zmena ako príležitosť k rastu - Jitka Ševčíková" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Change Management: zmena ako príležitosť k rastu - Jitka Ševčíková" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TnpnME16STVOaTFoT1dJM0xUUmxaVFV0WWpRek1DMHpaVEk1WkRrd05XSmlOelFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--a37de76a61609a8a1248f12dce53476a5ab1ae5a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/change%20management%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Change Management: zmena ako príležitosť k rastu - Jitka Ševčíková" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6TWpJek5XWTVOUzB6TkRoa0xUUTNZelF0T0RCa1pDMDRZbVl3TlROak5EVTRZMkVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--23d381abc9cadb17b567bc488dd2e895c8a2da1f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/change%20managment-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 21min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Change Management: zmena ako príležitosť k rastu
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jitka Ševčíková</span></span>
      </div>

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


        <img alt="Ako vytvoriť úspešný podcast za 2 hodiny - Dan Tržil" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Ako vytvoriť úspešný podcast za 2 hodiny - Dan Tržil" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTlRneU5EZ3hZeTB6WldVNExUUmpNVGt0WVRka1l5MDNPR0UyTWpZd1kyWXpaVE1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d498b4d7d1b04a5490139ce3134a826f0028caab/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/podcast%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Ako vytvoriť úspešný podcast za 2 hodiny - Dan Tržil" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyWkRsa04yTTNOaTFqTkRoa0xUUTBNR0l0WVdFNE9TMWtNalZoT1dGaU5UazJZbUlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--48a4d78b979d330e90bca31172fda7724b84b60e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/ako%20tocit%20podcasty-01.png" loading="lazy" />
      </div>

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

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

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

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Ako vytvoriť úspešný podcast za 2 hodiny
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Dan Tržil</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Branding - budovanie úspešnej značky" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/branding-budovanie-uspesnej-znacky">
    <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="Branding - budovanie úspešnej značky - Jakub Čech" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Branding - budovanie úspešnej značky - Jakub Čech" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4Wm1ReE1ERmpZUzFtTXpkbExUUTNZemt0T0dOak9DMWhOMlEwWkRrelpEUTBNMlVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--f7d4d980aba5e164773901669fc1efb775936df2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/branding-budovanie-uspesnej-znacky.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="Branding - budovanie úspešnej značky - Jakub Čech" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6WkdZelpEQXpNUzB3WVdJNUxUUTRPRGd0T0RBek1pMHdaamt4WVRNMU4yTXlZbVFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--6b7d91068e97c29dcde98fb5101f32b5ac1392d2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/branding-budovanie-znacky.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 52min
          </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">
          Branding - budovanie úspešnej značky
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Čech</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Digitálna bezpečnosť a súkromie" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/digitalna-bezpecnost-a-sukromie">
    <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="Digitálna bezpečnosť a súkromie - Juraj Bednár" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Digitálna bezpečnosť a súkromie - Juraj Bednár" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpWXpWaVpETXpOQzB4WkRCbUxUUTBZakl0WW1FNFlpMDFOMlUwTVRaak1EaG1OalVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--fe4d21472c07a2da3d8166802c16448f7d462ce7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/digitalna-bezpecnost-a-sukromie.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Digitálna bezpečnosť a súkromie - Juraj Bednár" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyTnpWaE5HSXhPUzAzT1RrM0xUUTFNMkV0WWpoak55MDRNall5TmprNVlqbGtZallHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--0ecff1183b840e28b36499305a05d1918c80824b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/digitalna-bezpecnost.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">
            10h 37min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Digitálna bezpečnosť a súkromie
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Juraj Bednár</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Obchodná etiketa z praxe" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/obchodna-etiketa-z-praxe">
    <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="Obchodná etiketa z praxe - Daniel Šmíd" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Obchodná etiketa z praxe - Daniel Šmíd" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszWTJFNU5tRTBNQzFtTmpNeUxUUXhPREV0WVROaU55MHdNekExTURjME1HVTFZbUlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8eb7c68d84da40fb311e0bbdf393b5d2bee32a79/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/obchodna-etiketa-z-praxe.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="Obchodná etiketa z praxe - Daniel Šmíd" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxtTm1WbU5qVXlNeTAzT1RabExUUm1OakF0T0RVMFppMWtPVFF5TTJRd09HRmpaR1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--89bff5ab023bb0e53097cb6703691306be194128/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/obchodni-etiketa-z-praxe.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.4
          </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 4min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Obchodná etiketa z praxe
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Daniel Šmíd</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="React 19: Deep Dives" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/react-deep-dives">
    <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 19: Deep Dives - Martin Krištof" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/1-55a12ef4b7fa1908b9eb611045c9fc4a76d929ba5e598348598ee29ceecc904d.png" loading="lazy" />

          <img alt="React 19: Deep Dives - Martin Krištof" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxTURCaVptTmpNUzB3Tm1Nd0xUUmhZalV0WVRabVpTMWhZVEkwTTJaaE1tWTFOallHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--607af728798c1d17c1a5ade8eda5e70c27ae917c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/React%203-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="React 19: Deep Dives - Martin Krištof" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrWXpFME0yTmtPQzA0TW1ReExUUTNZV1l0WVRnNE9TMHlPRE5pTnpKbFlqSmhabUVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--16f0a39e448e624c7eef7a70ea7c992ee5f93887/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/react%20deep%20dive-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">
            24min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          React 19: Deep Dives
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Martin Krištof</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Google Business Profile" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/google-business-profile">
    <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="Google Business Profile - Ján Laurenčí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="Google Business Profile - Ján Laurenčík" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1TTJGa01HVmhaQzAyTnpZeUxUUmhNekF0T1dVMU5DMHhNREU1TVRWbE5UUTRZMlVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e46f223453743522046d4c643a5b95f274ddf6b4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/google%20business%20profile%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="Google Business Profile - Ján Laurenčík" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5TkRBeU5qaGtNQzB4TW1ZNExUUmhOemd0T0RoaE9DMWhZelF4TldSaFltVmhZV01HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e0c5b957eb6b097eeb4a28cd4138d078c73f17ce/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/google%20business-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">
          Google Business Profile
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Ján Laurenčík</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="JavaScript - začiatok dobrodružstva" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/javascript-zaciatok-dobrodruzstva">
    <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 - začiatok dobrodružstva - Ľ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 - začiatok dobrodružstva - Ľuboš Jaroš" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5WXpFd09UZ3lNUzFoTW1JeExUUTNaR1l0T0RnNFl5MDVNelU1TVRrM01ETXlZMk1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--53ae4e4b0501e547a0e2dc65582ca087b02760f2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/javascript-zaciatok-dobrodruzstva.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 - začiatok dobrodružstva - Ľuboš Jaroš" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpWldJM04yTmhNaTA0WlRJd0xUUmpOVFF0T1dObE5TMHpOR0ZoTWpFd09EWXdabU1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--92234047a28756c73d4d79784b2bdfc7597ec1e3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/javascript-zaciatok-dobrodrustva.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">
            3h 45min
          </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 - začiatok dobrodružstva
        </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="Microsoft PowerPoint" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/microsoft-powerpoint">
    <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="Microsoft PowerPoint - Peter Hanuštiak" 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="Microsoft PowerPoint - Peter Hanuštiak" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5TlRObVpUUTBaaTAxTldKa0xUUTNNamN0WW1OaU5DMHlZMkV6WkdWaU5qSXpZaklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2b9253897a2c2f98f50ad22ae3a2d2137b7b4e2f/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/microsoft-powerpoint.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="Microsoft PowerPoint - Peter Hanuštiak" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5WW1GbVkyRmtPUzAwWVRFNExUUmxNemd0WVRBME9TMWhZakZrT0dVME5qSmhOVEFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d00155cb373df3459713a13393367abd3dbad271/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/PowerPoint-Hanustiak.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 16min
          </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">
          Microsoft PowerPoint
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Peter Hanuštiak</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Leadership Espresso" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/leadership-espresso">
    <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="Leadership Espresso - Marek Marušinec" 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="Leadership Espresso - Marek Marušinec" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1WVRVeE5HTTVOUzFpTXpjNUxUUTRNV1V0T0dJNVl5MDFZalV5TkdRMk1EZGtZaklHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--fd49e9ac3dc317420b8e807996930b22d164d30c/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Leadership%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="Leadership Espresso - Marek Marušinec" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTkdVMk1UWXhZeTFpTVRBeExUUTRZVFl0T1dVeVlpMHlaVEV3TXpNd1pXRXhabU1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--6ac3dab181a1798f45e8cdf32b5b3285589784a7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/leadership.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 33min
          </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">
          Leadership Espresso
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Marek Marušinec</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="6 najefektívnejších obchodných modelov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/6-najefektivnejsich-obchodnych-modelov">
    <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="6 najefektívnejších obchodných modelov - Filip Novák" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/7-cfa636aad6d758af36bc71455661b9c8d8526e341baf8f7236441f4d1878c2c3.png" loading="lazy" />

          <img alt="6 najefektívnejších obchodných modelov - Filip Novák" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWszWXpjNVpXUXlaQzAxTlRrMUxUUXlNbVl0WVRka05TMHlZbVE1TkRNd05ERXpOakFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--c3487d123d59c8eab1e06dd8a491261f120a1c6a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/obchodne%20modely%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="6 najefektívnejších obchodných modelov - Filip Novák" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1WTJVNU1tWXlZeTFtTmpVeExUUmhNalF0T1RkaU1pMHlNekZpWldaaE5EWmtaVGdHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8c55836b5c847d8330fc743dc45f765297840b36/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--f5c45aeeef55f344da1109b3d2e5495440e99913/6-efektivnich-obchodnich-model-(1).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">
            1.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">
            19min
          </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">
          6 najefektívnejších obchodných modelov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Filip Novák</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="HR minimum pre majiteľov a lídrov" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/hr-minimum-pre-majitelov-a-lidrov">
    <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="HR minimum pre majiteľov a lídrov - Hana Březinová" 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="HR minimum pre majiteľov a lídrov - Hana Březinová" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TWpOak1HRm1ZeTFtWldZeExUUTRORFF0WVRnMVpTMDNPV0ZrTURVeVpqUTRZbU1HT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--25c1c3a049fb3a3ab7df97580a1c1fef3c0c7f7a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/hr-minimum-pre-majitelov-a-lidrov.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="HR minimum pre majiteľov a lídrov - Hana Březinová" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxrTURVMk16UmhPQzA1TVdZMkxUUTBPRGd0WW1JM1pDMDJOVFl6Tm1aa1pESTVOekFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--9e7a926c3717def2d9876bc46ecb322f2afc48b2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--f5c45aeeef55f344da1109b3d2e5495440e99913/HR-minimum-pro-majitele-a-leadery.jpg" loading="lazy" />
      </div>

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

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

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            2h 14min
          </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">
          HR minimum pre majiteľov a lídrov
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Hana Březinová</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Finančná sebaobrana" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/financna-sebaobrana">
    <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="Finančná sebaobrana - Bibiana Fafráková" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Finančná sebaobrana - Bibiana Fafráková" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6Tm1NMFpETTBZaTFrTkRkakxUUTROVE10WW1ObFl5MWtPR0l5WWpJM05ETXdOVGtHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--4bf01f5a7aeb91d10bfa9e27196e518067b62631/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/financna%20sebaoobrana%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="Finančná sebaobrana - Bibiana Fafráková" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt6Tm1ZeFl6TmlNeTA1TkROakxUUXhOR0l0T1dabVl5MDVPR00wTnpoa056azRZV0VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--df963a1e4061f5f0113d6405e8d115ec7768d047/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/finacna%20gramotnost-01.png" loading="lazy" />
      </div>

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

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

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

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Finančná sebaobrana
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Bibiana Fafráková</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Úvod do Design Thinking" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/uvod-do-design-thinking">
    <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="Úvod do Design Thinking - Martin Puš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="Úvod do Design Thinking - Martin Puškáč" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxoTldGak1XTTJPUzAyTkRkbExUUXlZamd0WVRkaU55MHhZek0yWmpJd1ltUXpPRElHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--89d6ecfb1b3c78143019e0223dfba9b199fb2504/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/uvod-do-design-thinking.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 Design Thinking - Martin Puškáč" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpTW1JNU5tUTVOaTFtTnpjekxUUTVabVF0WWpCaVpDMW1ZMkptTjJGaU9HSmtZamNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--6fcd34aa548955cb3bf96c284d084aef5820b265/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--f5c45aeeef55f344da1109b3d2e5495440e99913/design-thinking.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.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">
            1h 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">
          Úvod do Design Thinking
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Martin Puškáč</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Úvod do IT bezpečnosti" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/uvod-do-it-bezpecnosti">
    <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 IT bezpečnosti - Pavel Matějíček" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/1-55a12ef4b7fa1908b9eb611045c9fc4a76d929ba5e598348598ee29ceecc904d.png" loading="lazy" />

          <img alt="Úvod do IT bezpečnosti - Pavel Matějíček" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TjJSa00yUmhNeTAyWXpSaUxUUTFNamt0T0RNd01DMDVaalkzWkRObU1URTFOMllHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--e72964227e15e67bba8c827180a39a8f63f3fbd7/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/uvod-do-it-bezpecnosti.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 IT bezpečnosti - Pavel Matějíček" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt3TnpVME5tUXlNaTB4TVRReExUUXdaalF0T1dGaU5TMDBNVEEwWVRrNFlUSTNZamNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--567a6b97e1e67bbd48c7f5daa3880afec628824d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/uvod-do-it-bezpecnosti.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 58min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Úvod do IT bezpečnosti
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Pavel Matějíček</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="E-shop bez pokuty" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/e-shop-bez-pokuty">
    <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="E-shop bez pokuty - Barbora Lániková" 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="E-shop bez pokuty - Barbora Lániková" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxoTlRWbE5tSXhZUzA0TmpObExUUmpOamt0WVdGa055MDJNVFU1TXprM01EUXdZV1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--d7fa211dfd8151401b36952ef6e0d6881040b176/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/e-shop-bez-pokuty.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="E-shop bez pokuty - Barbora Lániková" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsT1RBMVlUQm1NQzAxWkdZMExUUXdORGd0WVRJMFlTMWhaVGt3TVdWa01tRTBPR1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--8cf78bc33078d2c60c4654c59f4f3eeafb78e8e2/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/eshop-bez-pokuty.png" loading="lazy" />
      </div>

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

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

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

</div>
</a>
  <a class="h-full isolate" title="Sales Academy: Psychológia v obchode" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/sales-academy-psychologia-v-obchode">
    <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="Sales Academy: Psychológia v obchode - Jakub Macoun" 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="Sales Academy: Psychológia v obchode - Jakub Macoun" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsxWkRKaU1tRmpOaTAyTkRFMExUUm1ZalF0T1dOa1ppMWtNVEUyTVRCbVl6UTRPVFVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--2196f5902f3e0b47b06dda1d292c381a86683722/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/rozhodovani%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="Sales Academy: Psychológia v obchode - Jakub Macoun" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs1TnpBNVltUXlOQzAyTURNMkxUUTRPVGt0T1dFM09DMHhObVkwWVRWa1lqZzJaV1FHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--86e1d71bc3be62af611a239239671e6dc8ce3a65/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/sales-academy4.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">
            2.5
          </span>
        </div>

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            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">
          Sales Academy: Psychológia v obchode
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Jakub Macoun</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Talianske prídavné mená a ich použitie" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/talianske-pridavne-mena">
    <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="Talianske prídavné mená a ich použitie - Adriána Tišťanová" 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="Talianske prídavné mená a ich použitie - Adriána Tišťanová" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TVdFeVpEWmlOUzB5WkRVekxUUmlZbVF0T1Rrek1DMHlNell6Wmpoa05qRTVPRFFHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--039aa22135e358760e8d41689e71079418f0c09d/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Talianske%20pridavne%20mena%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="Talianske prídavné mená a ich použitie - Adriána Tišťanová" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxpWWpreVlXVXpOUzFtTXpsbUxUUmtNMll0T0RjeE5DMDNNamxqWXpjME1qaG1PR1VHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--bf8fb79b2aca4b495047d47f2b6d262249f17f4b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/tliancina%20pridavne%20mena-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">
            23min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Talianske prídavné mená a ich použitie
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Adriána Tišťanová</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Storytelling v marketingu, reklame a budovaní značky" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/storytelling-v-marketingu">
    <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="Storytelling v marketingu, reklame a budovaní značky - Dr. Pavol Minár" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Storytelling v marketingu, reklame a budovaní značky - Dr. Pavol Minár" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWsyTXpBMU1qZzFaaTB6WXpjMUxUUmhOVGd0WVRnM09DMHdPV0psWW1ReU9XRTRPVEVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--79a8929ea7df3cd40e5f00d50f29b8651678309e/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/storytelling%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="Storytelling v marketingu, reklame a budovaní značky - Dr. Pavol Minár" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt5WWpaaFpXSTNOeTAzT1dRMkxUUXdZVEl0WVdaa1lTMDBOMlF3T0dJelpUVTRNamNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--fffb99d125ddc9ef50ff6ffef68b44485c77d515/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/storyteling-01.png" loading="lazy" />
      </div>

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

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

        <div class="flex gap-1 items-center text-xs">
          <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewbox="0 0 24 24" stroke="currentColor" stroke-width="2">
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
          <span class="text-sm -translate-y-0.5 font-semibold">
            2h 25min
          </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">
          Storytelling v marketingu, reklame a budovaní značky
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Dr. Pavol Minár</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Cenová stratégia - kedy ukazovať a kedy neukazovať cenu na webe?" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/cenova-strategia">
    <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="Cenová stratégia - kedy ukazovať a kedy neukazovať cenu na webe? - Filip Novák" 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="Cenová stratégia - kedy ukazovať a kedy neukazovať cenu na webe? - Filip Novák" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4TnpobFl6Wm1OaTB3TnpFd0xUUmhaR1l0T1dVME9DMWxOekkwWkdRNU5UUmpNbUlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--07f51c085b3e6b380f5705e1e5d653a596701b0a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/cenove%20strategie%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="Cenová stratégia - kedy ukazovať a kedy neukazovať cenu na webe? - Filip Novák" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWswWlRObE5tRmhaaTFoWW1NekxUUmhPVEl0WW1JMFlpMWpaRGRpWkRBNE9UZGlaamNHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--22def9ea1570dbe9cecf5614e4afb250a7dd39e0/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/cenova%20strategia-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">
            32min
          </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">
          Cenová stratégia - kedy ukazovať a kedy neukazovať cenu na webe?
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Filip Novák</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Úvod do agilného riadenia" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/uvod-do-agilneho-riadenia">
    <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 agilného riadenia - Lukáš Barda" class="w-full h-full object-cover rounded-t-3xl absolute" src="https://cdn.skillmea.sk/assets/bg-course-card/0-e1f7ce7f07672e4a995b4c50f78b1549d84abec6a80dbaad002b301dc812cbb7.png" loading="lazy" />

          <img alt="Úvod do agilného riadenia - Lukáš Barda" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWt4WlRSak5EbGtNaTB3T1RNMkxUUXpOR0V0WVRWbVpTMW1OV0ZtWlRkbU56bG1aRFlHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--64d62961667bca55987bbfa5ebf5b98738819dae/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/uvod-do-agilneho-riadenia.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 agilného riadenia - Lukáš Barda" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxsWkRFMU5XTXhZUzA0T1RZMExUUmpZMk10T0RobVlTMHlaR014TlRaaU5XRmlZakVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--bb23382da62c5b1f95098465514c82043dbe16e4/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--f5c45aeeef55f344da1109b3d2e5495440e99913/agile-logo.jpg" loading="lazy" />
      </div>

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

          <span class="text-sm -translate-y-0.5 font-semibold">
            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 7min
          </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 agilného riadenia
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Lukáš Barda</span></span>
      </div>

</div>
</a>
  <a class="h-full isolate" title="Microsoft Loop v praxi" data-turbo="false" data-test-id="course_card_course_link" href="/online-kurzy/microsoft-loop-v-praxi">
    <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="Microsoft Loop v praxi - Petr Kohoutek" 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="Microsoft Loop v praxi - Petr Kohoutek" class="w-full h-full rounded-t-3xl object-contain absolute" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWs0TVRrNU16Y3dOQzB5TmprM0xUUXhNV1l0T0RkalpDMHpZV1l6WkdaallqSmpZVFVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--9b0b75fe18bc362b775a9a61ee78d87341d170c8/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RkhKbGMybDZaVjkwYjE5c2FXMXBkRnNIYVFJc0FXa0Jwdz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--1f8f55a2556140473b100956f39c0b0224bca55d/Microsoft%20Loop%20v%20praxi%202.png" loading="lazy" />

        <img width="96" height="96" class="absolute bottom-0 left-6 translate-y-1/2 w-14 h-14 rounded-xl shadow-xl  border-4 border-white z-20" alt="Microsoft Loop v praxi - Petr Kohoutek" data-test-id="course_card_course_image" src="https://skillmea.sk/rails/active_storage/representations/proxy/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaEpJaWxqWmpjMk5qbGhOeTFsWVRJeUxUUTJNbU10WVRNNU1DMWpOelV4Tm1WaU1tRmtaakVHT2daRlZBPT0iLCJleHAiOm51bGwsInB1ciI6ImJsb2JfaWQifX0=--f38c1fc3af2241f2c46d2c8ad192fe84d989920b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwWldsbCIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--99d81b4414601e1d56c36eddb75c4f7987731909/Loop%20icon.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">
            54min
          </span>
        </div>
      </div>

      <div class="mb-2 text-xs flex flex-col">
        <h3 class="text-base font-semibold leading-tight line-clamp-2 mb-2 h-10" data-test-id="course_card_course_title">
          Microsoft Loop v praxi
        </h3>
        <span class="text-slate-400 mt-auto">od <span class="text-slate-500">Petr Kohoutek</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;jazyky&quot;}" href="/online-kurzy/online/jazyky?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;jazyky&quot;}" href="/online-kurzy/online/jazyky?page=13&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;12&quot;,&quot;category&quot;:&quot;jazyky&quot;}" href="/online-kurzy/online/jazyky?page=12&amp;sort=trends">12</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;13&quot;,&quot;category&quot;:&quot;jazyky&quot;}" href="/online-kurzy/online/jazyky?page=13&amp;sort=trends">13</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;14&quot;,&quot;category&quot;:&quot;jazyky&quot;}">14</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;15&quot;,&quot;category&quot;:&quot;jazyky&quot;}" href="/online-kurzy/online/jazyky?page=15&amp;sort=trends">15</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;16&quot;,&quot;category&quot;:&quot;jazyky&quot;}" href="/online-kurzy/online/jazyky?page=16&amp;sort=trends">16</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;jazyky&quot;}" href="/online-kurzy/online/jazyky?page=15&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/jazyky?page=26&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">
  
</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 bg-skillmea-green-200 text-corporate">
            <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M17.1522 6H8.02174C7.18131 6 6.5 6.68131 6.5 7.52174V16.6522C6.5 17.4926 7.18131 18.1739 8.02174 18.1739H17.1522C17.9926 18.1739 18.6739 17.4926 18.6739 16.6522V7.52174C18.6739 6.68131 17.9926 6 17.1522 6Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M32.9783 6H23.8478C23.0074 6 22.3261 6.68131 22.3261 7.52174V16.6522C22.3261 17.4926 23.0074 18.1739 23.8478 18.1739H32.9783C33.8187 18.1739 34.5 17.4926 34.5 16.6522V7.52174C34.5 6.68131 33.8187 6 32.9783 6Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M17.1522 21.8261H8.02174C7.18131 21.8261 6.5 22.5074 6.5 23.3478V32.4783C6.5 33.3187 7.18131 34 8.02174 34H17.1522C17.9926 34 18.6739 33.3187 18.6739 32.4783V23.3478C18.6739 22.5074 17.9926 21.8261 17.1522 21.8261Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M25.9212 21.8261H22.8397C22.556 21.8261 22.3261 22.056 22.3261 22.3397V25.4212C22.3261 25.7048 22.556 25.9348 22.8397 25.9348H25.9212C26.2048 25.9348 26.4348 25.7048 26.4348 25.4212V22.3397C26.4348 22.056 26.2048 21.8261 25.9212 21.8261Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M33.6821 21.8261H30.6005C30.3169 21.8261 30.087 22.056 30.087 22.3397V25.4212C30.087 25.7048 30.3169 25.9348 30.6005 25.9348H33.6821C33.9657 25.9348 34.1956 25.7048 34.1956 25.4212V22.3397C34.1956 22.056 33.9657 21.8261 33.6821 21.8261Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M25.9212 29.587H22.8397C22.556 29.587 22.3261 29.8169 22.3261 30.1005V33.1821C22.3261 33.4657 22.556 33.6956 22.8397 33.6956H25.9212C26.2048 33.6956 26.4348 33.4657 26.4348 33.1821V30.1005C26.4348 29.8169 26.2048 29.587 25.9212 29.587Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M33.6821 29.587H30.6005C30.3169 29.587 30.087 29.8169 30.087 30.1005V33.1821C30.087 33.4657 30.3169 33.6956 30.6005 33.6956H33.6821C33.9657 33.6956 34.1956 33.4657 34.1956 33.1821V30.1005C34.1956 29.8169 33.9657 29.587 33.6821 29.587Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

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

      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/programovanie">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M10.2705 18.0294C9.82121 17.5053 9.03208 17.4446 8.50792 17.8938C7.98377 18.3431 7.92306 19.1322 8.37234 19.6564L9.32141 18.8429L10.2705 18.0294ZM12.4835 22.532L13.4326 23.3455C13.8338 22.8774 13.8338 22.1866 13.4326 21.7185L12.4835 22.532ZM8.37234 25.4076C7.92306 25.9318 7.98377 26.7209 8.50792 27.1702C9.03208 27.6195 9.82121 27.5588 10.2705 27.0346L9.32141 26.2211L8.37234 25.4076ZM15.3255 24.93C14.6353 24.9128 14.0619 25.4583 14.0447 26.1485C14.0275 26.8386 14.573 27.412 15.2632 27.4292L15.2943 26.1796L15.3255 24.93ZM19.8303 27.5431C20.5204 27.5603 21.0938 27.0147 21.111 26.3246C21.1282 25.6345 20.5827 25.061 19.8926 25.0438L19.8614 26.2935L19.8303 27.5431ZM35.6717 12.5184H34.4217V27.2748H35.6717H36.9217V12.5184H35.6717ZM35.6717 27.2748H34.4217C34.4217 30.0743 32.1471 32.349 29.3475 32.349V33.599V34.849C33.5278 34.849 36.9217 31.455 36.9217 27.2748H35.6717ZM29.3475 33.599V32.349H10.375V33.599V34.849H29.3475V33.599ZM10.375 33.599V32.349C7.57548 32.349 5.30084 30.0743 5.30084 27.2748H4.05084H2.80084C2.80084 31.455 6.19477 34.849 10.375 34.849V33.599ZM4.05084 27.2748H5.30084V12.5184H4.05084H2.80084V27.2748H4.05084ZM4.05084 12.5184H5.30084C5.30084 9.71885 7.57548 7.44421 10.375 7.44421V6.19421V4.94421C6.19477 4.94421 2.80084 8.33814 2.80084 12.5184H4.05084ZM10.375 6.19421V7.44421H29.3475V6.19421V4.94421H10.375V6.19421ZM29.3475 6.19421V7.44421C32.1471 7.44421 34.4217 9.71885 34.4217 12.5184H35.6717H36.9217C36.9217 8.33814 33.5278 4.94421 29.3475 4.94421V6.19421ZM4.1309 12.518V13.768H35.5939V12.518V11.268H4.1309V12.518ZM9.32141 18.8429L8.37234 19.6564L11.5344 23.3455L12.4835 22.532L13.4326 21.7185L10.2705 18.0294L9.32141 18.8429ZM12.4835 22.532L11.5344 21.7185L8.37234 25.4076L9.32141 26.2211L10.2705 27.0346L13.4326 23.3455L12.4835 22.532ZM15.2943 26.1796L15.2632 27.4292L19.8303 27.5431L19.8614 26.2935L19.8926 25.0438L15.3255 24.93L15.2943 26.1796Z" fill="currentColor"></path>
</svg>

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

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

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

          <div x-show="submenuOpen && sidebarOpen" x-collapse>
            <div class="text-sm text-slate-500 overflow-hidden">
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/front-end">Front-end</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/back-end">Back-end</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/mobile">Mobile</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/data-science">Data Science</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/testovanie">Testovanie softwaru</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/javascript">JavaScript</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/java">Java</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/c-sharp-c-plus-plus">C# a C++</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/python">Python</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/devops">DevOps</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/machine-learning-ai">Machine Learning a AI</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/game-development">Game Development</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/no-code">No-Code</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/linux-servery">Linux a Servery</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/security">Security</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/programovanie-pre-deti">Pre deti</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/devtools">DevTools</a>
                <a class="flex items-center whitespace-nowrap will-change-transform h-8 pl-16 ml-2 transition duration-300 hover:translate-x-1 " data-turbo-frame="_top" href="/online-kurzy/online/databazy">Databázy</a>
            </div>
          </div>
      </div>
      <div x-data="{submenuOpen: false}">
          <div class="flex items-center gap-4">
            <a class="flex items-center gap-4 group w-full relative" data-turbo-frame="_top" href="/online-kurzy/online/dizajn-video">
              <div class="category-icon flex-none flex items-center justify-center w-14 rounded-lg aspect-square transition duration-300 group-hover:bg-skillmea-green-200/50 text-corporate">
                <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M19.9287 11.7157V19.9222M8.26306 17.3379C8.26306 10.8977 13.4804 5.67126 19.9297 5.67126C26.379 5.67126 31.5964 10.8977 31.5964 17.3379M17.0494 27.0294H22.8103C23.4456 27.0294 23.9606 27.5445 23.9606 28.1798V32.9715C23.9606 33.6068 23.4456 34.1218 22.8103 34.1218H17.0494C16.4141 34.1218 15.899 33.6068 15.899 32.9715V28.1798C15.899 27.5445 16.4141 27.0294 17.0494 27.0294ZM25.4293 20.9592C25.0126 22.0371 22.3405 24.6639 22.2318 26.8378C22.2318 26.8741 22.1956 26.9012 22.1684 26.9012C20.4021 26.9012 19.3604 26.9103 17.422 26.9103C17.3858 24.2472 14.8586 22.0462 14.4239 20.9411L19.8224 10.8324L25.4293 20.9592ZM5.75433 17.7446H10.7362V22.7264H5.75433V17.7446ZM28.9863 17.7446H33.9682V22.7264H28.9863V17.7446Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M30.5076 16.0671C31.1754 17.6412 31.538 19.368 31.538 21.1901C31.538 28.4597 25.6517 34.3459 18.3821 34.3459C11.1126 34.3459 5.23587 28.4597 5.23587 21.1901C5.23587 13.9206 11.1221 8.03432 18.3917 8.03432C20.0517 8.03432 21.6449 8.3396 23.114 8.90247M25.0982 21.1879C25.0982 24.8895 22.093 27.8946 18.3915 27.8946C14.6899 27.8946 11.6848 24.8895 11.6848 21.1879C11.6848 17.4864 14.6899 14.4812 18.3915 14.4812M19.2129 20.3202L28.9725 10.8564L30.6992 5.44714L34.4866 9.22503L29.23 10.7991" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M11.245 19.8977H11.2594M28.4773 19.8977H28.4916M8.3731 11.2804H31.3494C32.9356 11.2804 34.2214 12.5662 34.2214 14.1524V25.6406C34.2214 27.2268 32.9356 28.5126 31.3494 28.5126H8.3731C6.78692 28.5126 5.50107 27.2268 5.50107 25.6406V14.1524C5.50107 12.5662 6.78692 11.2804 8.3731 11.2804ZM22.7331 19.8977C22.7331 21.4839 21.4472 22.7697 19.861 22.7697C18.2749 22.7697 16.989 21.4839 16.989 19.8977C16.989 18.3115 18.2749 17.0257 19.861 17.0257C21.4472 17.0257 22.7331 18.3115 22.7331 19.8977Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M7.39969 26.5759V12.4693C7.39969 11.7821 7.82011 11.1648 8.45962 10.913L22.8 5.26854C23.1497 5.13089 23.5356 5.11504 23.8954 5.22354L31.1332 7.40609C31.8395 7.61907 32.3229 8.26965 32.3229 9.00736V30.639C32.3229 31.3582 31.8631 31.9968 31.1812 32.225L23.6756 34.7369L11.4744 30.6622L22.4987 29.7579C23.3664 29.6867 24.0344 28.9617 24.0344 28.091V13.4666C24.0344 12.3281 22.9215 11.5223 21.8398 11.8777L13.8056 14.5176C13.1192 14.7432 12.6552 15.384 12.6552 16.1066V24.2028L7.39969 26.5759Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M19.8613 29.266V8.9731M19.8613 29.266C19.8622 30.1195 20.0381 30.9637 20.378 31.7465C20.718 32.5293 21.2148 33.2342 21.8379 33.8174C22.4609 34.4007 23.1969 34.8501 24.0004 35.1378C24.8039 35.4255 25.6579 35.5454 26.5096 35.4902C27.3612 35.4349 28.1925 35.2056 28.9521 34.8165C29.7117 34.4273 30.3835 33.8866 30.9259 33.2277C31.4683 32.5688 31.8699 31.8056 32.1059 30.9854C32.3418 30.1652 32.4071 29.3054 32.2977 28.4589M19.8613 29.266C19.8604 30.1195 19.6845 30.9637 19.3445 31.7465C19.0046 32.5293 18.5077 33.2342 17.8847 33.8174C17.2616 34.4007 16.5256 34.8501 15.7221 35.1378C14.9186 35.4255 14.0647 35.5454 13.213 35.4902C12.3613 35.4349 11.53 35.2056 10.7704 34.8165C10.0108 34.4273 9.33906 33.8866 8.79663 33.2277C8.2542 32.5688 7.85262 31.8056 7.61668 30.9854C7.38074 30.1652 7.31546 29.3054 7.42486 28.4589M19.8613 8.9731C19.8612 8.25477 20.0265 7.54606 20.3441 6.9018C20.6618 6.25754 21.1235 5.695 21.6933 5.2577C22.2632 4.82039 22.9261 4.52005 23.6306 4.37991C24.3351 4.23976 25.0624 4.26357 25.7563 4.44949C26.4501 4.63541 27.0919 4.97846 27.632 5.45209C28.1721 5.92573 28.5959 6.51726 28.8708 7.18091C29.1457 7.84457 29.2642 8.56257 29.2172 9.27935C29.1702 9.99614 28.9589 10.6925 28.5997 11.3146M19.8613 8.9731C19.8613 8.25477 19.6961 7.54606 19.3784 6.9018C19.0607 6.25754 18.5991 5.695 18.0292 5.2577C17.4593 4.82039 16.7965 4.52005 16.0919 4.37991C15.3874 4.23976 14.6601 4.26357 13.9662 4.44949C13.2724 4.63541 12.6306 4.97846 12.0905 5.45209C11.5505 5.92573 11.1266 6.51726 10.8517 7.18091C10.5769 7.84457 10.4583 8.56257 10.5054 9.27935C10.5524 9.99614 10.7636 10.6925 11.1228 11.3146M24.5442 21.461C23.1937 21.0663 22.0074 20.2445 21.1631 19.1188C20.3189 17.9931 19.8621 16.6242 19.8613 15.2171C19.8604 16.6242 19.4036 17.9931 18.5594 19.1188C17.7151 20.2445 16.5289 21.0663 15.1783 21.461M29.2225 9.16826C30.1401 9.40419 30.9919 9.84581 31.7135 10.4597C32.4351 11.0736 33.0076 11.8436 33.3875 12.7115C33.7674 13.5793 33.9449 14.5223 33.9065 15.4689C33.868 16.4155 33.6147 17.341 33.1656 18.1752M29.2272 29.266C30.6017 29.2659 31.9377 28.8123 33.0281 27.9756C34.1186 27.1389 34.9024 25.9657 35.2582 24.6381C35.6139 23.3105 35.5216 21.9025 34.9957 20.6327C34.4697 19.3628 33.5395 18.302 32.3492 17.6147M10.4953 29.266C9.12085 29.2659 7.78481 28.8123 6.6944 27.9756C5.60398 27.1389 4.82012 25.9657 4.46438 24.6381C4.10864 23.3105 4.2009 21.9025 4.72685 20.6327C5.2528 19.3628 6.18305 18.302 7.37333 17.6147M10.5 9.16826C9.58246 9.40419 8.73063 9.84581 8.00903 10.4597C7.28743 11.0736 6.71498 11.8436 6.33504 12.7115C5.9551 13.5793 5.77764 14.5223 5.81608 15.4689C5.85453 16.4155 6.10788 17.341 6.55695 18.1752" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M20.1153 30.9296C27.618 32.2522 29.4708 21.7493 21.9681 20.4252M20.1153 30.9296L11.1148 29.3419M20.1153 30.9296L19.5881 33.9313M15.9662 19.3678L21.9696 20.4252C29.4723 21.7493 31.3251 11.2449 23.8209 9.92235L14.8174 8.33466M23.8194 9.92235L24.3496 6.92067M13.5832 32.8723L18.3463 5.86169" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M7.6142 12.8562L19.861 19.8946M19.861 19.8946L32.1078 12.8562M19.861 19.8946L19.8613 33.9718M32.5304 14.2645C32.5299 13.7708 32.3995 13.2859 32.1525 12.8584C31.9054 12.431 31.5503 12.076 31.1227 11.8292L21.2689 6.19848C20.8409 5.95138 20.3555 5.82129 19.8613 5.82129C19.3671 5.82129 18.8816 5.95138 18.4536 6.19848L8.59982 11.8292C8.17225 12.076 7.81712 12.431 7.57005 12.8584C7.32297 13.2859 7.19265 13.7708 7.19214 14.2645V25.5259C7.19265 26.0196 7.32297 26.5045 7.57005 26.932C7.81712 27.3594 8.17225 27.7143 8.59982 27.9612L18.4536 33.5919C18.8816 33.839 19.3671 33.9691 19.8613 33.9691C20.3555 33.9691 20.8409 33.839 21.2689 33.5919L31.1227 27.9612C31.5503 27.7143 31.9054 27.3594 32.1525 26.932C32.3995 26.5045 32.5299 26.0196 32.5304 25.5259V14.2645Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></path>
</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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M10.7272 14.6773L18.5553 22.5054M9.42317 22.5047L17.2513 14.6766L19.8606 10.7625M6.81512 10.7625H22.4713M13.3379 6.85046H14.6425M32.9074 32.9428L26.384 19.896L19.8606 32.9428M22.4686 27.7252H30.2967" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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 width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-8">
<path d="M7.3176 13.6248V26.1684M12.3351 11.116V28.6771M19.8613 8.6073H29.8962C31.2818 8.6073 32.405 9.7305 32.405 11.116V28.6772C32.405 30.0627 31.2818 31.1859 29.8962 31.1859H19.8613C18.4757 31.1859 17.3525 30.0627 17.3525 28.6772V11.116C17.3525 9.7305 18.4757 8.6073 19.8613 8.6073Z" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"></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>