FileMaster

Edit File: lavisto-banner-with-videobg.php

<?php

/**
 * Title: PRO: Banner With Video Background
 * Slug: cozy-essential-addons/lavisto-banner-with-videobg
 * Categories: lavisto
 */
$ct_patterns_media = array(
    'https://videos.pexels.com/video-files/2711221/2711221-uhd_2560_1440_24fps.mp4',
);
?>

<div class="wp-block-group lavisto-header has-light-color-background-color has-background" style="border-bottom-style:none;border-bottom-width:0px;padding-top:0px;padding-right:0;padding-bottom:0px;padding-left:0">
    <div class="wp-block-cover has-light-color-color has-text-color has-link-color" style="padding-top:30px;padding-right:var(--wp--preset--spacing--60);padding-bottom:30px;padding-left:var(--wp--preset--spacing--60);min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient has-primary-gradient-gradient-background"></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-columns are-vertically-aligned-center">
                <div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%"></div>

<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:20%">
                    <div class="wp-block-group">

<div class="wp-block-group" style="margin-top:0;margin-bottom:0">
                            <hr class="wp-block-separator has-alpha-channel-opacity" />

<h5 class="wp-block-heading has-small-font-size"><?php esc_html_e('Luxury Hotel', 'cozy-essential-addons') ?></h5>

<hr class="wp-block-separator has-alpha-channel-opacity" />
                            
                        </div>
                        
                    </div>
                    
                </div>

<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:40%">
                    <div class="wp-block-group has-light-color-color has-text-color has-link-color">
                        <h5 class="wp-block-heading has-normal-font-size" style="font-style:normal;font-weight:500"><?php esc_html_e('+1 (012) 345-6789', 'cozy-essential-addons') ?></h5>

<div class="wp-block-buttons">
                            <div class="wp-block-button has-custom-font-size is-style-button-hover-hard-black-shadow has-montagu-slab-font-family" style="font-size:18px"><a class="wp-block-button__link has-light-color-color has-transparent-background-color has-text-color has-background has-link-color wp-element-button" style="border-width:1px;border-radius:0px;padding-top:16px;padding-right:32px;padding-bottom:16px;padding-left:32px"><?php esc_html_e('Booking Enquiry', 'cozy-essential-addons') ?></a></div>
                            
                        </div>
                        
                    </div>
                    
                </div>
                
            </div>

<div class="wp-block-cover is-light" style="min-height:700px"><span aria-hidden="true" class="wp-block-cover__background has-transparent-background-color has-background-dim-100 has-background-dim"></span>
                <div class="wp-block-cover__inner-container">
                    <h1 class="wp-block-heading has-text-align-center has-light-color-color has-text-color has-link-color" style="margin-top:10px;margin-bottom:24px;font-size:120px;text-transform:uppercase"><?php esc_html_e('Lavisto for Luxury', 'cozy-essential-addons') ?></h1>
                    
                </div>
            </div>
            
        </div>
    </div>
    
</div>

Back