<?php
 /**
  * Title: Hero Section #3
  * Slug: patterns-kit/hero-3
  * Categories: patterns-kit, patterns-kit-hero
  * Keywords: hero, banner, slider, cover
  */
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"}}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:cover {"url":"<?php echo esc_url( PATTERNS_KIT_PLUGIN_URL );?>assets/images/hero/image-hammer.png","id":673,"dimRatio":30,"minHeight":513,"minHeightUnit":"px","isDark":false,"align":"full"} -->
<div class="wp-block-cover alignfull is-light" style="min-height:513px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-673" alt="" src="<?php echo esc_url( PATTERNS_KIT_PLUGIN_URL );?>assets/images/hero/image-hammer.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"padding":{"top":"50px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group" style="padding-top:50px"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","right":"80px","bottom":"80px","left":"80px"}},"border":{"color":"#ffffff63","width":"10px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffffff63;border-width:10px;padding-top:80px;padding-right:80px;padding-bottom:80px;padding-left:80px"></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"has-margin-top","layout":{"type":"constrained"}} -->
<div class="wp-block-group has-margin-top"><!-- wp:heading {"textColor":"background","fontFamily":"poppins"} -->
<h2 class="has-background-color has-text-color has-poppins-font-family">Top Flooring Ideas</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"100px","right":"0px","left":"0px","bottom":"50px"},"blockGap":"0"}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignfull" id="progress-1" style="padding-top:100px;padding-right:0px;padding-bottom:50px;padding-left:0px"><!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|70"}}}} -->
<div class="wp-block-columns alignwide" style="padding-top:var(--wp--preset--spacing--70)"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"background","fontFamily":"poppins"} -->
<h2 class="has-background-color has-text-color has-poppins-font-family" style="font-style:normal;font-weight:500">Popular Types of Flooring</h2>
<!-- /wp:heading -->

<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"background","fontFamily":"poppins"} -->
<h2 class="has-background-color has-text-color has-poppins-font-family" style="font-style:normal;font-weight:500"> Materials for Your House</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"textColor":"background","fontSize":"normal","fontFamily":"poppins"} -->
<p class="has-background-color has-text-color has-poppins-font-family has-normal-font-size" style="font-style:normal;font-weight:300">Orci a scelerisque purus semper eget duis. Orci porta non pulvinar ne laoreet suspendisse interdum consectetur. Nunc consequat interdum varius sit amet mattis vulputate enim. Potenti nullam ac tortor vitae. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"bottom":"var:preset|spacing|50"}},"border":{"radius":"5px"},"color":{"background":"#787878a1"}},"className":"progress skill-bar","layout":{"type":"constrained"}} -->
<div class="wp-block-group progress skill-bar has-background" style="border-radius:5px;background-color:#787878a1;margin-bottom:var(--wp--preset--spacing--50);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|20","bottom":"0","left":"var:preset|spacing|40"}},"color":{"background":"#bdbcbc"}},"textColor":"background","className":"space-between progress-bar progress-percent-99","fontSize":"small","fontFamily":"poppins"} -->
<p class="space-between progress-bar progress-percent-99 has-background-color has-text-color has-background has-poppins-font-family has-small-font-size" style="background-color:#bdbcbc;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)">Stone Tile Flooring</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"bottom":"var:preset|spacing|50"}},"border":{"radius":"5px"},"color":{"background":"#787878a1"}},"className":"progress skill-bar","layout":{"type":"constrained"}} -->
<div class="wp-block-group progress skill-bar has-background" style="border-radius:5px;background-color:#787878a1;margin-bottom:var(--wp--preset--spacing--50);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|20","bottom":"0","left":"var:preset|spacing|40"}},"color":{"background":"#bdbcbc"}},"textColor":"background","className":"space-between progress-bar progress-percent-90","fontSize":"small","fontFamily":"poppins"} -->
<p class="space-between progress-bar progress-percent-90 has-background-color has-text-color has-background has-poppins-font-family has-small-font-size" style="background-color:#bdbcbc;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)">Wooden Tile Flooring</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"bottom":"var:preset|spacing|50"}},"border":{"radius":"5px"},"color":{"background":"#787878a1"}},"className":"progress skill-bar","layout":{"type":"constrained"}} -->
<div class="wp-block-group progress skill-bar has-background" style="border-radius:5px;background-color:#787878a1;margin-bottom:var(--wp--preset--spacing--50);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|20","bottom":"0","left":"var:preset|spacing|40"}},"color":{"background":"#bdbcbc"}},"textColor":"background","className":"space-between progress-bar progress-percent-83","fontSize":"small","fontFamily":"poppins"} -->
<p class="space-between progress-bar progress-percent-83 has-background-color has-text-color has-background has-poppins-font-family has-small-font-size" style="background-color:#bdbcbc;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)">Hardwood Flooring</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"},"margin":{"bottom":"var:preset|spacing|50"}},"border":{"radius":"5px"},"color":{"background":"#787878a1"}},"className":"progress skill-bar","layout":{"type":"constrained"}} -->
<div class="wp-block-group progress skill-bar has-background" style="border-radius:5px;background-color:#787878a1;margin-bottom:var(--wp--preset--spacing--50);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|20","bottom":"0","left":"var:preset|spacing|40"}},"color":{"background":"#bdbcbc"}},"textColor":"background","className":"space-between progress-bar progress-percent-92","fontSize":"small","fontFamily":"poppins"} -->
<p class="space-between progress-bar progress-percent-92 has-background-color has-text-color has-background has-poppins-font-family has-small-font-size" style="background-color:#bdbcbc;padding-top:0;padding-right:var(--wp--preset--spacing--20);padding-bottom:0;padding-left:var(--wp--preset--spacing--40)">Laminate</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->