<div class="grid grid-cols-1 2xl:grid-cols-2 gap-2"><a class="flex flex-col items-start lg:flex-row gap-6 transition-all rounded-lg px-10 py-6 bg-light-gray bg-opacity-30 border-light-gray border-[0.1875rem] cursor-pointer relative hover:border-white hover:shadow-[0_0_16px_white] " href="/cs/energetika-interaktivne/3d-modely"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" alt="" aria-hidden="true" /></span><img style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" src="/ver/21730809757000/api/stages/files?variant=next-fe&amp;file=/se/media/icons/ikonka_3d-sceny.svg&amp;width=256" alt="ikonka_3d-sceny.svg" data-nimg="intrinsic" /></span></a>
<div class="flex-1">
<h3 class="text-body-xl mb-4 flex flex-col lg:flex-row gap-[0.625rem] items-start"><span class="flex-1">3D modely</span></h3>
<div>Interaktivní 3D modely energetických zařízení.</div>
</div>
<a class="flex flex-col items-start lg:flex-row gap-6 transition-all rounded-lg px-10 py-6 bg-light-gray bg-opacity-30 border-light-gray border-[0.1875rem] cursor-pointer relative hover:border-white hover:shadow-[0_0_16px_white] " href="/cs/energetika-interaktivne/videa-filmy-a-dokumenty"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" alt="" aria-hidden="true" /></span><img style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" src="/ver/21730810502000/api/stages/files?variant=next-fe&amp;file=/se/media/icons/ikonka_video.svg&amp;width=256" alt="ikonka_video.svg" data-nimg="intrinsic" /></span></a>
<div class="flex-1">
<h3 class="text-body-xl mb-4 flex flex-col lg:flex-row gap-[0.625rem] items-start"><span class="flex-1">Videa, filmy a dokumenty</span></h3>
<div>Videobanka volně použitá k nekomerčním vzdělávacím účelům.</div>
</div>
<a class="flex flex-col items-start lg:flex-row gap-6 transition-all rounded-lg px-10 py-6 bg-light-gray bg-opacity-30 border-light-gray border-[0.1875rem] cursor-pointer relative hover:border-white hover:shadow-[0_0_16px_white] " href="/cs/energetika-interaktivne/do-vyuky"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" alt="" aria-hidden="true" /></span><img style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" src="/ver/21729690877000/api/stages/files?variant=next-fe&amp;file=/se/media/icons/ico-hat.svg&amp;width=256" alt="ico-hat.svg" data-nimg="intrinsic" /></span></a>
<div class="flex-1">
<h3 class="text-body-xl mb-4 flex flex-col lg:flex-row gap-[0.625rem] items-start"><span class="flex-1">Do výuky</span></h3>
<div>Zajímavé materiály o energetice plné obrázků a užitečných informací.</div>
</div>
<a class="flex flex-col items-start lg:flex-row gap-6 transition-all rounded-lg px-10 py-6 bg-light-gray bg-opacity-30 border-light-gray border-[0.1875rem] cursor-pointer relative hover:border-white hover:shadow-[0_0_16px_white] " href="/cs/energetika-interaktivne/pro-nejmensi"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" alt="" aria-hidden="true" /></span><img style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" src="/ver/21730794075000/api/stages/files?variant=next-fe&amp;file=/se/media/icons/cez_ikona_negativ_rgb_191.svg&amp;width=256" alt="cez_ikona_negativ_rgb_191.svg" data-nimg="intrinsic" /></span></a>
<div class="flex-1">
<h3 class="text-body-xl mb-4 flex flex-col lg:flex-row gap-[0.625rem] items-start"><span class="flex-1">Pro nejmenší</span></h3>
<div>Aplikace a videa pro nejmenší energetiky.</div>
</div>
<a class="flex flex-col items-start lg:flex-row gap-6 transition-all rounded-lg px-10 py-6 bg-light-gray bg-opacity-30 border-light-gray border-[0.1875rem] cursor-pointer relative hover:border-white hover:shadow-[0_0_16px_white] " href="/cs/3d-modely"><span style="box-sizing: border-box; display: inline-block; overflow: hidden; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; position: relative; max-width: 100%;"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px; max-width: 100%;"><img style="display: block; max-width: 100%; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px;" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIi8+" alt="" aria-hidden="true" /></span><img style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border: none; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%;" src="/ver/21730809103000/api/stages/files?variant=next-fe&amp;file=/se/media/icons/ikonka_3d-modely.svg&amp;width=256" alt="ikonka_3d-modely.svg" data-nimg="intrinsic" /></span></a>
<div class="flex-1">
<h3 class="text-body-xl mb-4 flex flex-col lg:flex-row gap-[0.625rem] items-start"><span class="flex-1">Modely na 3D tisk</span></h3>
<div>Modely ke stažení zdarma.</div>
</div>
</div>
<p>&nbsp;</p>