<iframe src=”https://www.kroobannok.com/edunews.php” frameborder=”2″ width=”100%” height=”600″></iframe>

<div style=”position: relative; width: 100%; height: 0; padding-top: 35.0877%;  padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;  border-radius: 8px; will-change: transform;”>
  <iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”     src=”https://www.canva.com/design/DAGpNs907aA/awbF6vQ8f6GZ0STVEsxoow/view?embed” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
  </iframe>
</div>

<div style=”position: relative; width: 100%; height: ; padding-top: 50%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://gd.games/kittisak2522/spaceshooter01” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: ; padding-top: 50%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://flet.app/gallery/run/apps/flet_animation/” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 26.3158%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://kittisak2522.pyscriptapps.com/frosty-salad/latest/test.html” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 50%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://ambv.pyscriptapps.com/streamline/latest/” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 100%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://pyscript.github.io/ltk/?tab=0” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

https://pyscript.com/@ambv/
<div style=”position: relative; width: 100%; height: 0; padding-top: 100%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://examples.pyscriptapps.com/webgl-icosahedron/latest/” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 100%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://www.nakam.ac.th/ltk-0.2.2/” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 100%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://www.nakam.ac.th/สื่อการเรียนรู้/เกมทายคำศัพท์.html” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 100%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://www.nakam.ac.th/bakmee/testphp.php” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 100%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://www.nakam.ac.th/test-gdevelop/index.html” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 100%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://www.nakam.ac.th/webgl-pyscript/index.html” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>

<div style=”position: relative; width: 100%; height: 0; padding-top: 50%;
padding-bottom: 0; box-shadow: 0 2px 8px 0 rgba(63,69,81,0.16); margin-top: 1.6em; margin-bottom: 0.9em; overflow: hidden;
border-radius: 8px; will-change: transform;”>
<iframe loading=”lazy” style=”position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; padding: 0;margin: 0;”
src=”https://www.nakam.ac.th/SummerWood/index.html” allowfullscreen=”allowfullscreen” allow=”fullscreen”>
</iframe>
</div>