????
Current Path : C:/inetpub/vhost/webkt.nextform.vn/wp-content/themes/wira-business/patterns/ |
Current File : C:/inetpub/vhost/webkt.nextform.vn/wp-content/themes/wira-business/patterns/hero-block.php |
<?php /** * Title: Hero Block * Slug: wira-business/hero-block * Categories: header, wira_business_theme */ ?> <!-- wp:group {"metadata":{"name":"Hero Block"},"layout":{"type":"default"}} --> <div class="wp-block-group"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/computer-working-person-group-people-meeting-559565-pxhere.webp","dimRatio":90,"isUserOverlayColor":true,"gradient":"custom-tertiary-overlay","style":{"spacing":{"padding":{"top":"100px","bottom":"200px","left":"15px","right":"15px"}},"dimensions":{"aspectRatio":"auto"}},"className":"wirawp-section-resp","layout":{"type":"constrained"}} --> <div class="wp-block-cover wirawp-section-resp" style="padding-top:100px;padding-right:15px;padding-bottom:200px;padding-left:15px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim wp-block-cover__gradient-background has-background-gradient has-custom-tertiary-overlay-gradient-background"></span><img class="wp-block-cover__image-background" alt="<?php esc_attr_e('', 'wira-business');?>" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/computer-working-person-group-people-meeting-559565-pxhere.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"50px","left":"60px"}}}} --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"constrained"}} --> <div class="wp-block-group"><!-- wp:group {"metadata":{"name":"Subheading"},"style":{"spacing":{"blockGap":"10px"},"elements":{"heading":{"color":{"text":"var:preset|color|custom-fourth"}}}},"layout":{"type":"flex","flexWrap":"nowrap"}} --> <div class="wp-block-group"><!-- wp:separator {"style":{"layout":{"selfStretch":"fixed","flexSize":"50px"}},"backgroundColor":"custom-fourth","className":"is-style-default"} --> <hr class="wp-block-separator has-text-color has-custom-fourth-color has-alpha-channel-opacity has-custom-fourth-background-color has-background is-style-default"/> <!-- /wp:separator --> <!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-fourth"}}}},"textColor":"custom-fourth","className":"is-style-subheading"} --> <h2 class="wp-block-heading is-style-subheading has-custom-fourth-color has-text-color has-link-color"><?php esc_html_e('Lets Get Started', 'wira-business');?></h2> <!-- /wp:heading --></div> <!-- /wp:group --> <!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-white"}}}},"textColor":"custom-white","fontSize":"heading-xl"} --> <h1 class="wp-block-heading has-custom-white-color has-text-color has-link-color has-heading-xl-font-size"><?php esc_html_e('Welcome to our Business Multipurpose WordPress Block Theme.', 'wira-business');?></h1> <!-- /wp:heading --> <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-white-overlay"}}}},"textColor":"custom-white-overlay"} --> <p class="has-custom-white-overlay-color has-text-color has-link-color"><?php esc_html_e('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.', 'wira-business');?></p> <!-- /wp:paragraph --></div> <!-- /wp:group --> <!-- wp:buttons --> <div class="wp-block-buttons"><!-- wp:button {"className":"is-style-btn-secondary"} --> <div class="wp-block-button is-style-btn-secondary"><a class="wp-block-button__link wp-element-button" href="#"><?php esc_html_e('Our Services', 'wira-business');?></a></div> <!-- /wp:button --></div> <!-- /wp:buttons --></div> <!-- /wp:column --> <!-- wp:column {"width":"40%"} --> <div class="wp-block-column" style="flex-basis:40%"><!-- wp:spacer {"height":"50px"} --> <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div></div> <!-- /wp:cover --></div> <!-- /wp:group -->