FileMaster

Edit File: rb-banner-video-background.php

<?php

/**
 * Title: PRO BLOCK: Banner with Video Background
 * Slug: cozy-essential-addons/rb-banner-video-background
 * Categories: reshape-block-patterns, fotawp-banner
 */
$ct_patterns_media = array(
    COZY_ESSENTIAL_ADDONS_ASSETS_URL . 'admin/images/rb-assets/banner_video.mp4',
    COZY_ESSENTIAL_ADDONS_ASSETS_URL . 'admin/images/rb-assets/video_icon.png',
);
?>

<div class="wp-block-cover" style="min-height:600px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-70 has-background-dim" style="background-color:#04163a"></span><video class="wp-block-cover__video-background intrinsic-ignore" autoplay muted loop playsinline src="<?php echo esc_url($ct_patterns_media[0]) ?>" data-object-fit="cover"></video>
    <div class="wp-block-cover__inner-container">
        <div class="wp-block-group" style="padding-top:20px;padding-right:var(--wp--preset--spacing--50);padding-bottom:20px;padding-left:var(--wp--preset--spacing--50)">
            <div class="wp-block-group">

</div>

<div class="wp-block-group" style="min-height:640px">
                <div class="wp-block-group">
                    <h2 class="wp-block-heading has-text-align-center" style="font-size:74px;line-height:1.5"><?php echo esc_html('Digital Conquest: Unleashing the Power of Ideas', 'cozy-essential-addons') ?></h2>

<p class="has-text-align-center has-medium-font-size"><?php echo esc_html('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.', 'cozy-essential-addons') ?></p>

<div class="wp-block-group" style="padding-top:32px">
                        <figure class="wp-block-image aligncenter size-full is-resized fota-popup-button"><a href="#"><img src="<?php echo esc_url($ct_patterns_media[1]) ?>" alt="" class="wp-image-674" style="object-fit:cover;width:70px;height:70px" /></a></figure>

<div class="wp-block-group fota-popup-modal has-background" style="background-color:#0550e8d9">
                            <div class="wp-block-group fota-popup-content has-foregound-alt-background-color has-background" style="border-radius:6px;padding-top:15px;padding-right:15px;padding-bottom:10px;padding-left:15px">
                                <div class="wp-block-buttons fota-modal-close">
                                    <div class="wp-block-button is-style-button-hover-secondary-bgcolor"><a class="wp-block-button__link has-primary-color has-foregound-alt-background-color has-text-color has-background wp-element-button" style="border-radius:100px;padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px">X</a></div>
                                    
                                </div>

<figure class="wp-block-video"><video autoplay controls src="<?php echo esc_url($ct_patterns_media[0]) ?>"></video></figure>
                                
                            </div>
                            
                        </div>
                        
                    </div>
                    
                </div>
                
            </div>
            
        </div>
        
    </div>
</div>

Back