<div class="sfe-content">
    <div class="container">
        <div class="row">

            <div class="col-8" style="margin-top: 30px;">
                <p>
                    <strong>What's new to <?php echo OoohBoi_Steroids::VERSION; ?>?</strong>
                </p>
                <h3>Compatibility</h3>
                <ul>
                    <li>Compatibility : Compatibility with WordPress 6.8.0</li>
                </ul>

                <h3>Fixed</h3>
                <ul>
                    <li>Fix : Minor Bug Fixes & Performance Improvements</li>
                </ul>

                <hr>

                <h3 style="margin-top: 15px;">Videos</h3>
                <ul>
                    <li>BETTER TEMPLATES LIBRARY - <a href="https://www.youtube.com/watch?v=A4lFYsk5TLs" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>HARAKIRI - <a href="https://www.youtube.com/watch?v=_jvsCCmFWJ0" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>POOPART - <a href="https://www.youtube.com/watch?v=GIVQw331860" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>PAGININI - <a href="https://www.youtube.com/watch?v=f6YO8jMAlMc" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>OVERLAIZ - <a href="https://www.youtube.com/watch?v=iMm9MI120e8" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>VIDEOMASQ - <a href="https://www.youtube.com/watch?v=6es-E_xjXSE" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>BUTTER BUTTON - <a href="https://www.youtube.com/watch?v=7fjREuvM0YY" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>BREAKING BAD - <a href="https://www.youtube.com/watch?v=DHjd_cOwRIg" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>SHADOUGH - <a href="https://www.youtube.com/watch?v=biZpCZIFts8" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>SPACERAT - <a href="https://www.youtube.com/watch?v=P8xBP3TkvDM" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>HOVERANIMATOR - <a href="https://www.youtube.com/watch?v=uPB0W5OV0sc" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>COUNTERZ - <a href="https://www.youtube.com/watch?v=Q9gJ7b-tcJA" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>IMBOX - <a href="https://www.youtube.com/watch?v=qCnalXujsKI" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>KONTROLZ - <a href="https://www.youtube.com/watch?v=3y72JAvYAp4" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>PHOTOMORPH - <a href="https://www.youtube.com/watch?v=h2tSgoahK7s" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>WIDGET STALKER - <a href="https://www.youtube.com/watch?v=lkUoiiQQSk4" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                    <li>CONTAINER EXTRAS - <a href="https://www.youtube.com/watch?v=sCrg7Clp-Ow" target="_blank" rel="noopener noreferrer">Explanation Video</a></li>
                </ul>

            </div>

            <div class="col-4">

                <h3>Resources</h3>
                <p>Want to learn more about this plugin? Here's a list of tutorials on YouTube:</p>
                <ul>
                    <li><a href="https://youtu.be/ccGpcvi-t4A" title="GSAP + Scroll Trigger + Locomotive Scroll" target="_blank">GSAP + Scroll Trigger + Locomotive Scroll</a></li>
                    <li><a href="https://youtu.be/dG2uumcwX7s" title="The Smooth, Locomotive Scroll" target="_blank">The Smooth, Locomotive Scrolld</a></li>
                    <li><a href="https://youtu.be/Vp8O_uVWD-c" title="The Hover Animator explained" target="_blank">The Hover Animator explained</a></li>
                    <li><a href="https://youtu.be/JpRTDaJQQvE" title="Widget Stalker" target="_blank">How to optimize the layout in Elementor - Widget Stalker</a></li>
                    <li><a href="https://youtu.be/WRPu1v4Kh9g" title="Masked Video Background" target="_blank">Masked Video Background - Videomasq</a></li>
                    <li><a href="https://youtu.be/qS8lCzNhTbE" title="Teleporter Hero" target="_blank">Teleporter Hero</a></li>
                    <li><a href="https://youtu.be/9t4vugF2Lok" title="Glider" target="_blank">Glider - Custom Content Slider for Elementor</a></li>
                </ul>

            </div>

            <div class="col-12">
                <hr />
                <p class="small-text">Current version: <?php echo OoohBoi_VERSION; ?></p>
            </div>

        </div>

    </div>

</div>