<div class="sw_panel">
    <div class="sw_panel-wrapper">
        <p class="font_xd-2">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque fugiat id nobis
            officiis pariatur quidem quisquam soluta, veniam.
            Accusantium cum dignissimos doloremque eius eum hic impedit in nihil qui quidem!
        </p>
    </div>
</div>

<div class="sw_panel sw_panel-outline sw_mt-4">
    <div class="sw_panel-wrapper">
        <p class="font_xd-2">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque fugiat id nobis
            officiis pariatur quidem quisquam soluta, veniam.
            Accusantium cum dignissimos doloremque eius eum hic impedit in nihil qui quidem!
        </p>
    </div>
</div>


                

                    
<div class="sw_panel">
    <div class="sw_panel-wrapper">
        <p class="font_xd-2">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque fugiat id nobis
            officiis pariatur quidem quisquam soluta, veniam.
            Accusantium cum dignissimos doloremque eius eum hic impedit in nihil qui quidem!
        </p>
    </div>
</div>

<div class="sw_panel sw_panel-outline sw_mt-4">
    <div class="sw_panel-wrapper">
        <p class="font_xd-2">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque fugiat id nobis
            officiis pariatur quidem quisquam soluta, veniam.
            Accusantium cum dignissimos doloremque eius eum hic impedit in nihil qui quidem!
        </p>
    </div>
</div>

                

                    
<div class="sw_panel sw_panel-outline">
    <div class="sw_panel-header"><p>Header goes here...</p></div>
    <div class="sw_panel-wrapper">
        <h3 class="sw_panel-title">Swavy UI Panel Title</h3>
        <h4 class="sw_panel-subtitle st-mute">Swavy UI Panel Subtitle</h4>
        <p class="font_xd-2">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque fugiat id nobis
            officiis pariatur quidem quisquam soluta, veniam.
            Accusantium cum dignissimos doloremque eius eum hic impedit in nihil qui quidem!
        </p>
        <button class="sw_btn sw_rsq-1 sw_mt-3 bg-prussian_blue st-white">Panel Button</button>
    </div>
    <div class="sw_panel-footer"><p>Footer goes here...</p></div>
</div>

<div class="sw_panel bg-xanadu st-white sw_rsq-2 sw_mt-4">
    <div class="sw_panel-header sw_no-br bg-xanadu">
        Header goes here...
        <button class="sw_close st-white" data-close="panel"></button>
    </div>
    <div class="sw_panel-wrapper">
        <h3 class="sw_panel-title">Swavy UI Panel Title</h3>
        <p class="font_xd-2">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque fugiat id nobis
            officiis pariatur quidem quisquam soluta, veniam.
            Accusantium cum dignissimos doloremque eius eum hic impedit in nihil qui quidem!
        </p>
        <button class="sw_btn sw_rsq-1 sw_mt-3">Panel Button</button>
    </div>
    <div class="sw_panel-footer bg-xanadu sw_no-br"><p>Footer goes here...</p></div>
</div>

                

                    
<div class="sw_grid-row">
    <div class="sw_grid sw_grid-third">
        <div class="sw_panel">
            <img src="<?=$url?>/assets/img/bg1.jpg" class="sw_img sw_img-top" alt="" />

            <div class="sw_panel-wrapper">
                <h1 class="sw_panel-title">Swift Panel Title</h1>
                <h5 class="sw_panel-subtitle">Swift Panel Subitle</h5>
                <p class="font_xd-2">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit.
                    Debitis, earum facilis quasi recusandae hic rem.
                </p>
            </div>
        </div>
    </div>
    <div class="sw_grid sw_grid-third">
        <div class="sw_panel sw_panel-styled sw_rsq-2">
            <div class="sw_panel-wrapper">
                <h1 class="sw_panel-title">Swift Panel Title</h1>
                <h5 class="sw_panel-subtitle">Swift Panel Subitle</h5>
                <p class="font_xd-2">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit.
                    Debitis, earum facilis quasi recusandae hic rem.
                </p>
            </div>
            <img src="<?=$url?>/assets/img/bg1.jpg" class="sw_img sw_img-bottom" alt="" />
        </div>
    </div>
    <div class="sw_grid sw_grid-third">
        <div class="sw_panel">
            <img src="<?=$url?>/assets/img/bg4.jpg" class="sw_img" alt="">
            <div class="sw_panel-overlay sw_overlay-1 st-white">
                <h1 class="sw_panel-title">Swift Panel Title</h1>
                <p class="font_xd-2">
                    Lorem, ipsum dolor sit amet consectetur adipisicing elit.
                    Debitis, earum facilis quasi recusandae hic rem.
                </p>
            </div>
        </div>
    </div>
</div>