2023-05-03 13:44:05 +00:00
< ? php
/**
* Title : Hero Product 3 Split
* Slug : woocommerce - blocks / hero - product - 3 - split
* Categories : WooCommerce
*/
?>
<!-- wp : columns { " align " : " wide " , " style " : { " spacing " : { " padding " : { " top " : " 0 " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }, " blockGap " : { " top " : " 0 " , " left " : " 0 " }}}} -->
< div class = " wp-block-columns alignwide " style = " padding-top:0;padding-right:0;padding-bottom:0;padding-left:0 " >
<!-- wp : column { " width " : " 66.66% " } -->
< div class = " wp-block-column " style = " flex-basis:66.66% " >
2023-06-20 13:09:12 +00:00
<!-- wp : media - text { " mediaPosition " : " right " , " mediaId " : 1 , " mediaLink " : " <?php echo esc_url( plugins_url( 'images/pattern-placeholders/hand-guitar-finger-tshirt-clothing-rack.png', dirname( __FILE__ ) ) ); ?> " , " mediaType " : " image " , " style " : { " color " : { " background " : " #000000 " , " text " : " #ffffff " }}} -->
2023-05-03 13:44:05 +00:00
< div class = " wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile has-text-color has-background " style = " color:#ffffff;background-color:#000000 " >
< div class = " wp-block-media-text__content " >
2023-06-20 13:09:12 +00:00
<!-- wp : group { " style " : { " spacing " : { " padding " : { " top " : " 0 " , " left " : " 20px " , " right " : " 20px " }, " margin " : { " top " : " 20px " , " bottom " : " 20px " }}}, " layout " : { " type " : " flex " , " orientation " : " vertical " }} -->
< div class = " wp-block-group " style = " margin-top:20px;margin-bottom:20px;padding-top:0;padding-right:20px;padding-left:20px " >
2023-05-03 13:44:05 +00:00
<!-- wp : heading { " style " : { " typography " : { " fontStyle " : " normal " , " fontWeight " : " 700 " }}, " fontSize " : " large " } -->
2023-06-09 07:18:30 +00:00
< h2 class = " wp-block-heading has-large-font-size " style = " font-style:normal;font-weight:700 " > Endless Tee ' s </ h2 >
2023-05-03 13:44:05 +00:00
<!-- / wp : heading -->
<!-- wp : paragraph { " fontSize " : " small " } -->
< p class = " has-small-font-size " > With high - quality materials and expert craftsmanship , our products are built to last and exceed your expectations .</ p >
<!-- / wp : paragraph -->
<!-- wp : buttons -->
< div class = " wp-block-buttons " >
2023-06-20 13:09:12 +00:00
<!-- wp : button { " textAlign " : " left " , " style " : { " typography " : { " fontSize " : " 16px " }, " color " : { " background " : " #ffffff " , " text " : " #000000 " }}} -->
< div class = " wp-block-button has-custom-font-size " style = " font-size:16px " >
< a class = " wp-block-button__link has-text-color has-background has-text-align-left wp-element-button " href = " <?php echo esc_url( get_permalink( wc_get_page_id( 'shop' ) ) ); ?> " style = " color:#000000;background-color:#ffffff " > Shop now </ a >
2023-05-03 13:44:05 +00:00
</ div >
<!-- / wp : button -->
</ div >
<!-- / wp : buttons -->
</ div >
<!-- / wp : group -->
</ div >
< figure class = " wp-block-media-text__media " >
2023-06-20 13:09:12 +00:00
< img src = " <?php echo esc_url( plugins_url( 'images/pattern-placeholders/hand-guitar-finger-tshirt-clothing-rack.png', dirname( __FILE__ ) ) ); ?> " alt = " <?php esc_attr_e( 'Placeholder image used to represent a product being showcased in a hero section.', 'woo-gutenberg-products-block' ); ?> " class = " wp-image-1 size-full " />
2023-05-03 13:44:05 +00:00
</ figure >
</ div >
<!-- / wp : media - text -->
</ div >
<!-- / wp : column -->
<!-- wp : column { " verticalAlignment " : " center " , " width " : " 25% " , " style " : { " spacing " : { " padding " : { " top " : " 40px " , " right " : " 40px " , " bottom " : " 40px " , " left " : " 40px " }}}} -->
< div class = " wp-block-column is-vertically-aligned-center " style = " padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px;flex-basis:25% " >
<!-- wp : heading { " style " : { " typography " : { " fontStyle " : " normal " , " fontWeight " : " 700 " , " fontSize " : " 15px " }, " spacing " : { " margin " : { " top " : " 0 " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< h2 class = " wp-block-heading " style = " margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:15px;font-style:normal;font-weight:700 " > Waterproof Membrane </ h2 >
<!-- / wp : heading -->
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 12px " }, " spacing " : { " margin " : { " top " : " 10px " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< p style = " margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0;font-size:12px " > Never worry about the weather again . Keep yourself dry , warm , and looking stylish .</ p >
<!-- / wp : paragraph -->
<!-- wp : separator { " style " : { " spacing " : { " margin " : { " top " : " 20px " , " bottom " : " 20px " }}}, " className " : " is-style-wide " } -->
< hr class = " wp-block-separator has-alpha-channel-opacity is-style-wide " style = " margin-top:20px;margin-bottom:20px " />
<!-- / wp : separator -->
<!-- wp : heading { " style " : { " typography " : { " fontStyle " : " normal " , " fontWeight " : " 700 " , " fontSize " : " 15px " }, " spacing " : { " margin " : { " top " : " 0 " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< h2 class = " wp-block-heading " style = " margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:15px;font-style:normal;font-weight:700 " > Expert Craftsmanship </ h2 >
<!-- / wp : heading -->
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 12px " }, " spacing " : { " margin " : { " top " : " 10px " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< p style = " margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0;font-size:12px " > Our products are made with expert craftsmanship and attention to detail , ensuring that every stitch and seam is perfect .</ p >
<!-- / wp : paragraph -->
<!-- wp : separator { " style " : { " spacing " : { " margin " : { " top " : " 20px " , " bottom " : " 20px " }}}, " className " : " is-style-wide " } -->
< hr class = " wp-block-separator has-alpha-channel-opacity is-style-wide " style = " margin-top:20px;margin-bottom:20px " />
<!-- / wp : separator -->
<!-- wp : heading { " style " : { " typography " : { " fontStyle " : " normal " , " fontWeight " : " 700 " , " fontSize " : " 15px " }, " spacing " : { " margin " : { " top " : " 0 " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< h2 class = " wp-block-heading " style = " margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:15px;font-style:normal;font-weight:700 " > Durable Fabric </ h2 >
<!-- / wp : heading -->
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 12px " }, " spacing " : { " margin " : { " top " : " 10px " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< p style = " margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0;font-size:12px " > We use only the highest - quality materials in our products , ensuring that they look great and last for years to come .</ p >
<!-- / wp : paragraph -->
<!-- wp : separator { " style " : { " spacing " : { " margin " : { " top " : " 20px " , " bottom " : " 20px " }}}, " className " : " is-style-wide " } -->
< hr class = " wp-block-separator has-alpha-channel-opacity is-style-wide " style = " margin-top:20px;margin-bottom:20px " />
<!-- / wp : separator -->
<!-- wp : heading { " style " : { " typography " : { " fontStyle " : " normal " , " fontWeight " : " 700 " , " fontSize " : " 15px " }, " spacing " : { " margin " : { " top " : " 0 " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< h2 class = " wp-block-heading " style = " margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;font-size:15px;font-style:normal;font-weight:700 " > Sustainable Dyes </ h2 >
<!-- / wp : heading -->
<!-- wp : paragraph { " style " : { " typography " : { " fontSize " : " 12px " }, " spacing " : { " margin " : { " top " : " 10px " , " right " : " 0 " , " bottom " : " 0 " , " left " : " 0 " }}}} -->
< p style = " margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0;font-size:12px " > From bold prints and colors to intricate details and textures , our products are a perfect combination of style and function .</ p >
<!-- / wp : paragraph -->
</ div >
<!-- / wp : column -->
</ div >
<!-- / wp : columns -->
