<?php
/**
 * Title: Home Banner
 * Slug: vet-care-center/home-banner
 * Categories: template
 */

?>

<!-- wp:group {"className":"main-banner-sec","layout":{"type":"constrained","contentSize":"80%","wideSize":"100%"}} -->
<div class="wp-block-group main-banner-sec"><!-- wp:cover {"overlayColor":"white","isUserOverlayColor":true,"isDark":false,"style":{"spacing":{"padding":{"top":"4em","bottom":"4em","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light" style="padding-top:4em;padding-right:0;padding-bottom:4em;padding-left:0"><span aria-hidden="true" class="wp-block-cover__background has-white-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:columns {"className":"slider-content-box","style":{"spacing":{"blockGap":{"left":"1em"}}}} -->
<div class="wp-block-columns slider-content-box"><!-- wp:column {"width":"38%","className":"carousel-captions wow fadeInDown delay-1500"} -->
<div class="wp-block-column carousel-captions wow fadeInDown delay-1500" style="flex-basis:38%"><!-- wp:group {"className":"top-slider-content-box","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"blockGap":"20px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group top-slider-content-box" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"className":"slider-top-text","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"textTransform":"uppercase","fontSize":"19px","letterSpacing":"0.5px","fontStyle":"normal","fontWeight":"400"}},"textColor":"foreground","fontFamily":"Lato"} -->
<p class="slider-top-text has-foreground-color has-text-color has-link-color has-lato-font-family" style="font-size:19px;font-style:normal;font-weight:400;letter-spacing:0.5px;text-transform:uppercase"><?php esc_html_e('WELCOME TO PETS HOME','vet-care-center'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":198,"width":"80px","height":"80px","scale":"contain","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/slider-title.png'); ?>" alt="" class="wp-image-198" style="object-fit:contain;width:80px;height:80px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontSize":"50px","fontStyle":"normal","fontWeight":"400"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"17px","bottom":"0","left":"0","right":"0"}}},"textColor":"foreground","fontFamily":"Quando"} -->
<h2 class="wp-block-heading has-foreground-color has-text-color has-link-color has-quando-font-family" style="margin-top:17px;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:50px;font-style:normal;font-weight:400"><?php esc_html_e('We love pets','vet-care-center'); ?> <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-primary-color"><?php esc_html_e('because they love us too','vet-care-center'); ?></mark></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"banner-content","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"2","fontSize":"19px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"right":"0","left":"0","top":"10px","bottom":"10px"}}},"textColor":"foreground","fontFamily":"Lato"} -->
<p class="banner-content has-foreground-color has-text-color has-link-color has-lato-font-family" style="margin-top:10px;margin-right:0;margin-bottom:10px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:19px;font-style:normal;font-weight:400;line-height:2"><?php esc_html_e('It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.','vet-care-center'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:group {"className":"slider-btn-row","style":{"spacing":{"blockGap":"25px","margin":{"top":"2em"}}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group slider-btn-row" style="margin-top:2em"><!-- wp:buttons {"className":"slider-btn1"} -->
<div class="wp-block-buttons slider-btn1"><!-- wp:button {"backgroundColor":"foreground","textColor":"background","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"typography":{"textTransform":"capitalize","fontSize":"16px"},"border":{"radius":"15px","width":"0px","style":"none"},"spacing":{"padding":{"left":"15px","right":"15px","top":"12px","bottom":"12px"}}},"fontFamily":"Quando"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background-color has-foreground-background-color has-text-color has-background has-link-color has-quando-font-family has-custom-font-size wp-element-button" href="#" style="border-style:none;border-width:0px;border-radius:15px;padding-top:12px;padding-right:15px;padding-bottom:12px;padding-left:15px;font-size:16px;text-transform:capitalize"><?php esc_html_e('Discover More','vet-care-center'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:buttons {"className":"slider-btn2"} -->
<div class="wp-block-buttons slider-btn2"><!-- wp:button {"textColor":"foreground","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"spacing":{"padding":{"left":"0px","right":"0px","top":"5px","bottom":"5px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"capitalize"}},"fontFamily":"Quicksand"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-foreground-color has-text-color has-link-color has-quicksand-font-family has-custom-font-size wp-element-button" href="#" style="padding-top:5px;padding-right:0px;padding-bottom:5px;padding-left:0px;font-size:16px;font-style:normal;font-weight:700;text-transform:capitalize"><?php esc_html_e('Free Consultation','vet-care-center'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"62%","className":"slider-img-box"} -->
<div class="wp-block-column is-vertically-aligned-center slider-img-box" style="flex-basis:62%"><!-- wp:group {"className":"slider-img-group","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"1em"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group slider-img-group" style="margin-top:0;margin-bottom:0;padding-right:1em"><!-- wp:image {"id":194,"width":"450px","height":"auto","aspectRatio":"1","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"right"} -->
<figure class="wp-block-image alignright wow zoomIn delay-1000 size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/banner-img.png'); ?>" alt="" class="wp-image-194" style="aspect-ratio:1;object-fit:contain;width:450px;height:auto"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"vaccine-text","style":{"spacing":{"blockGap":"10px","padding":{"left":"5px","right":"5px","top":"5px","bottom":"5px"},"margin":{"top":"0","bottom":"0"}},"border":{"radius":"15px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group vaccine-text" style="border-radius:15px;margin-top:0;margin-bottom:0;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px"><!-- wp:image {"id":116,"width":"80px","height":"50px","scale":"contain","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/vaccine.png'); ?>" alt="" class="wp-image-116" style="object-fit:contain;width:80px;height:50px"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"style":{"typography":{"textTransform":"capitalize","fontSize":"14px","fontStyle":"normal","fontWeight":"400"}},"fontFamily":"quando"} -->
<p class="has-quando-font-family" style="font-size:14px;font-style:normal;font-weight:400;text-transform:capitalize"><?php esc_html_e('Vaccination Cats &amp; Dogs','vet-care-center'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"play-button-box","style":{"spacing":{"blockGap":"5px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group play-button-box"><!-- wp:group {"className":"play-btn-boxs","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group play-btn-boxs" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"id":195,"width":"110px","height":"110px","scale":"cover","sizeSlug":"full","linkDestination":"none","align":"center"} -->
<figure class="wp-block-image aligncenter size-full is-resized"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/video-img.png'); ?>" alt="" class="wp-image-195" style="object-fit:cover;width:110px;height:110px"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center","className":"play-inner-text","style":{"typography":{"fontSize":"12px"},"spacing":{"margin":{"top":"0","bottom":"0","left":"0","right":"0"},"padding":{"top":"3em","bottom":"10px","right":"4px","left":"4px"}},"border":{"radius":"5px"}},"backgroundColor":"background","fontFamily":"quando"} -->
<p class="has-text-align-center play-inner-text has-background-background-color has-background has-quando-font-family" style="border-radius:5px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:3em;padding-right:4px;padding-bottom:10px;padding-left:4px;font-size:12px"><?php esc_html_e('How to take care of your pets','vet-care-center'); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"play-icon","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group play-icon" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:wpzoom-video-popup-block/block {"url":"#","text":"","popupWidth":"902px","style":{"color":{"text":"#ef3b3b"},"elements":{"link":{"color":{"text":"#ef3b3b"}}},"typography":{"fontSize":"18px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
<a class="wp-block-wpzoom-video-popup-block-block wpzoom-video-popup-block has-text-color has-link-color" style="color:#ef3b3b;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:18px" data-popup-width="902px"><span class="wpzoom-video-popup-block_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="m16 0c-8.8367 0-16 7.1633-16 16 0 8.8367 7.1633 16 16 16s16-7.1633 16-16c0-8.8367-7.2449-16-16-16zm-4.0816 23.918v-15.837l11.878 7.8571z" fill="currentColor"></path></svg></span></a>
<!-- /wp:wpzoom-video-popup-block/block --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"small-img-1","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group small-img-1" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"id":20,"width":"50px","height":"50px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/small-img-1.png'); ?>" alt="" class="wp-image-20" style="border-radius:50%;object-fit:cover;width:50px;height:50px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"small-img-2","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group small-img-2" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"id":20,"width":"50px","height":"50px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/small-img-2.png'); ?>" alt="" class="wp-image-20" style="border-radius:50%;object-fit:cover;width:50px;height:50px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"small-img-3","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group small-img-3" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:image {"id":20,"width":"50px","height":"50px","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"border":{"radius":"50%"}}} -->
<figure class="wp-block-image size-full is-resized has-custom-border"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/small-img-3.png'); ?>" alt="" class="wp-image-20" style="border-radius:50%;object-fit:cover;width:50px;height:50px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

