<!-- *** Matrix Widget youtube popup *** -->
<div class="hs-thumbnail">
    <img src="https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/popup-banner.jpg?t=1634195427" alt="Matrix Themes" />
    <div class="thumbnail-hover">
        <a class="popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs"></a>
    </div>
</div>

<div class="hs-description">
    <h3>
        New youtube video
    </h3>

    <p>
        Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
    </p>
</div>

<!-- *** Matrix Widget youtube popup *** -->
<div class="hs-thumbnail">
    <img src="https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/popup-banner.jpg?t=1634195427" alt="Matrix Themes" />
</div>

<div class="hs-description">
    <h3>
        New youtube video
    </h3>

    <p>
        Proin viverra, ligula sit amet ultrices semper, ligula arcu tristique sapien, a accumsan nisi mauris ac eros.
    </p>

    <div class="hs-button rel ghost-dark">
        <div class="fa fa-play add-right-5">
        </div>
        Watch video <a class="div-link popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs" target="_top"></a>
    </div>
</div>

<!-- *** Matrix Widget youtub popup *** -->
<div class="is-fullwidth bg-section rel is-parallax" style="background: url('https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/matrix-parallax01.jpg?t=1633166280') no-repeat center;">
    <div class="hs-overlay opacity-8">
    </div>

    <div class="inner rel color-white m-padding cc-clearover cc-box" style="padding:250px 0;">
        <div class="col-6 left-align">
            <h3 class="has-large-text">
                Make it stand out
            </h3>

            <p>
                Unleash your creativity and enjoy endless possibilities with full control over skins, colors and layout With Matrix themes you can build your unique online presence
            </p>
            <br />

            <div class="hs-button rel bg-red bg-round">
                <div class="fa fa-play add-right-5">
                </div>
                Watch video <a class="div-link popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs" target="_top"></a>
            </div>
        </div>
    </div>
</div>

<!-- *** Matrix Widget youtube popup *** -->
<div class="is-matrix bg-dark">
    <div class="is-flex is-flex-block mobile-auto cc-clearover">
        <div class="col-6">
            <img class="is-img mobile-medium rel-mobile-only" srcset="https://u.jimcdn.com/cms/o/s1aeecbbb2a5865b1/userlayout/img/popup-banner.jpg?t=1634195427" />
        </div>

        <div class="mobile-auto col-6 m-padding cc-box" style="padding:5%;">
            <div class="color-white" style="max-width:800px; margin:0 auto;">
                <h3 style="font-size:50px;">
                    Make it stand out
                </h3>
                <br />

                <p>
                    Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum.
                </p>
                <br />
                
                <div class="hs-button rel bg-red mid-round">
                    <div class="fa fa-play add-right-5">
                    </div>
                    Watch video <a class="div-link popup-youtube" href="https://www.youtube.com/watch?v=h2caT4q4Nbs" target="_top"></a>
                </div>
            </div>
        </div>
    </div>
</div>