Skip to content

Instantly share code, notes, and snippets.

@webmandesign
Created November 29, 2021 14:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save webmandesign/0baabc047d7f5199362e197956c83a5a to your computer and use it in GitHub Desktop.
Save webmandesign/0baabc047d7f5199362e197956c83a5a to your computer and use it in GitHub Desktop.
Eimear theme demo page content
<!-- wp:cover {"url":"https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_lauren-fleischmann-ul3oHG_LzcE-unsplash.jpg","id":211,"hasParallax":true,"dimRatio":0,"align":"full","className":"has-no-margin-bottom"} -->
<div class="wp-block-cover alignfull has-parallax has-no-margin-bottom" style="background-image:url(https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_lauren-fleischmann-ul3oHG_LzcE-unsplash.jpg)"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":120} -->
<div style="height:120px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"verticalAlignment":"bottom","align":"wide","className":"has-phi-screen-min-height"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-bottom has-phi-screen-min-height"><!-- wp:column {"verticalAlignment":"bottom","className":"has-no-margin"} -->
<div class="wp-block-column is-vertically-aligned-bottom has-no-margin"></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","className":"has-no-margin"} -->
<div class="wp-block-column is-vertically-aligned-bottom has-no-margin"><!-- wp:group {"backgroundColor":"palette-1","textColor":"palette-5","className":"has-extra-large-padding"} -->
<div class="wp-block-group has-extra-large-padding has-palette-5-color has-palette-1-background-color has-text-color has-background"><!-- wp:heading {"level":1} -->
<h1>Eimear Theme</h1>
<!-- /wp:heading -->
<!-- wp:separator {"className":"alignleft"} -->
<hr class="wp-block-separator alignleft"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">Irish name <strong>Eimear</strong> means "Swift". In a legend she was the wife of Cuchulainn possessing the six gifts of womanhood: beauty, voice, speech, needlework, wisdom and chastity.<br>This is a demo of <strong>Eimear</strong> WordPress theme for creating beautiful, modern, inclusive e-shop websites.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div></div>
<!-- /wp:cover -->
<!-- wp:heading {"className":"screen-reader-text"} -->
<h2 class="screen-reader-text">Featured products</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"background":"#a30000","text":"#ebcdcd"}}} -->
<p class="has-text-color has-background" style="background-color:#a30000;color:#ebcdcd"><strong>TIP</strong>:<br>Depending on what product you want to display below, choose the right WooCommerce block.<br>For example, if you would like to display featured products, create a "Featured" product tag, assign some products to this tag and then add a "Products by Tag" block here.<br>Choose the tag for the block, set it to display full width, set it to display 4 columns in 1 row, turn off "Add to cart" button display and set <code>has-no-gaps has-info-overlay</code> as block CSS classes.</p>
<!-- /wp:paragraph -->
<!-- wp:woocommerce/product-tag {"columns":4,"rows":1,"contentVisibility":{"title":true,"price":true,"rating":true,"button":false},"tags":[245],"align":"full","className":"has-no-gaps has-info-overlay"} /-->
<!-- wp:group {"align":"full","backgroundColor":"palette-1","textColor":"palette-5"} -->
<div class="wp-block-group alignfull has-palette-5-color has-palette-1-background-color has-text-color has-background"><!-- wp:spacer {"height":30} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"has-regular-padding"} -->
<div class="wp-block-group has-regular-padding"><!-- wp:heading {"textAlign":"center","textColor":"palette-5","className":"h4"} -->
<h2 class="has-text-align-center h4 has-palette-5-color has-text-color">Free shipping</h2>
<!-- /wp:heading -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center","textColor":"palette-4"} -->
<p class="has-text-align-center has-palette-4-color has-text-color">You can do anything here. So don't worry about it. In your world you can create anything.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"has-regular-padding"} -->
<div class="wp-block-group has-regular-padding"><!-- wp:heading {"textAlign":"center","textColor":"palette-5","className":"h4"} -->
<h2 class="has-text-align-center h4 has-palette-5-color has-text-color">Free support</h2>
<!-- /wp:heading -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center","textColor":"palette-4"} -->
<p class="has-text-align-center has-palette-4-color has-text-color">You can do anything here. So don't worry about it. In your world you can create anything.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"className":"has-regular-padding"} -->
<div class="wp-block-group has-regular-padding"><!-- wp:heading {"textAlign":"center","textColor":"palette-5","className":"h4"} -->
<h2 class="has-text-align-center h4 has-palette-5-color has-text-color">Free updates</h2>
<!-- /wp:heading -->
<!-- wp:separator -->
<hr class="wp-block-separator"/>
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center","textColor":"palette-4"} -->
<p class="has-text-align-center has-palette-4-color has-text-color">You can do anything here. So don't worry about it. In your world you can create anything.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":120} -->
<div style="height:120px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:group {"className":"is-sticky-within-container"} -->
<div class="wp-block-group is-sticky-within-container"><!-- wp:heading -->
<h2>Latest<br>in stock</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"has-no-margin-bottom"} -->
<p class="has-no-margin-bottom">You can do anything here. So don't worry about it. In your world you can create anything you desire.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"accent","fontSize":"huge"} -->
<p class="has-accent-color has-text-color has-huge-font-size">→</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:woocommerce/product-new {"columns":2,"rows":1,"contentVisibility":{"title":true,"price":true,"rating":true,"button":false},"className":"has-no-gaps has-info-overlay"} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":90} -->
<div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:group {"className":"is-sticky-within-container"} -->
<div class="wp-block-group is-sticky-within-container"><!-- wp:heading -->
<h2>Top<br>sales</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"className":"has-no-margin-bottom"} -->
<p class="has-no-margin-bottom">You can do anything here. So don't worry about it. In your world you can create anything you desire.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"accent","fontSize":"huge"} -->
<p class="has-accent-color has-text-color has-huge-font-size">→</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:woocommerce/product-best-sellers {"columns":2,"rows":1,"contentVisibility":{"title":true,"price":true,"rating":true,"button":false},"className":"has-no-gaps has-info-overlay"} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":90} -->
<div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:cover {"url":"https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_lauren-fleischmann-ul3oHG_LzcE-unsplash.jpg","id":211,"hasParallax":true,"dimRatio":70,"overlayColor":"palette-1","align":"full","className":"has-no-margin-bottom"} -->
<div class="wp-block-cover alignfull has-background-dim-70 has-palette-1-background-color has-background-dim has-parallax has-no-margin-bottom" style="background-image:url(https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_lauren-fleischmann-ul3oHG_LzcE-unsplash.jpg)"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":120} -->
<div style="height:120px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"textColor":"palette-5","className":"has-huge-font-size has-no-margin-top"} -->
<h2 class="has-huge-font-size has-no-margin-top has-palette-5-color has-text-color">Discover<br>More</h2>
<!-- /wp:heading -->
<!-- wp:separator {"className":"is-style-default alignleft"} -->
<hr class="wp-block-separator is-style-default alignleft"/>
<!-- /wp:separator --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"background":"#a30000","text":"#ebcdcd"}}} -->
<p class="has-text-color has-background" style="background-color:#a30000;color:#ebcdcd"><strong>TIP</strong>:<br>If you get <code>Invalid category ID.</code> error here, remove the erroneous block and add a new "Featured Category" block here and configure it to your needs.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:woocommerce/featured-category {"dimRatio":100,"editMode":false,"overlayColor":"palette-1","categoryId":23} -->
<!-- wp:button {"align":"center"} -->
<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://themedemos.webmandesign.eu/eimear/product-category/handbags/">Shop now</a></div>
<!-- /wp:button -->
<!-- /wp:woocommerce/featured-category --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":70} -->
<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div>
<!-- /wp:cover -->
<!-- wp:group {"align":"full"} -->
<div class="wp-block-group alignfull"><!-- wp:spacer {"height":120} -->
<div style="height:120px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading -->
<h2>Our clients</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">You don't have to be crazy to do this but it does help. I guess that would be considered a UFO. A big cotton ball in the sky.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:gallery {"ids":[482,475,481,476,480],"columns":5,"linkTo":"none","align":"wide"} -->
<figure class="wp-block-gallery alignwide columns-5 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-9.jpg" alt="Don't forget to set alt text." data-id="482" data-full-url="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-9.jpg" data-link="http://themedemos.webmandesign.eu/eimear/sample/_logo-9/" class="wp-image-482"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-2.jpg" alt="Don't forget to set alt text." data-id="475" data-full-url="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-2.jpg" data-link="http://themedemos.webmandesign.eu/eimear/sample/_logo-2/" class="wp-image-475"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-8.jpg" alt="Don't forget to set alt text." data-id="481" data-full-url="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-8.jpg" data-link="http://themedemos.webmandesign.eu/eimear/sample/_logo-8/" class="wp-image-481"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-3.jpg" alt="Don't forget to set alt text." data-id="476" data-full-url="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-3.jpg" data-link="http://themedemos.webmandesign.eu/eimear/sample/_logo-3/" class="wp-image-476"/></figure></li><li class="blocks-gallery-item"><figure><img src="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-7.jpg" alt="Don't forget to set alt text." data-id="480" data-full-url="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_logo-7.jpg" data-link="http://themedemos.webmandesign.eu/eimear/sample/_logo-7/" class="wp-image-480"/></figure></li></ul></figure>
<!-- /wp:gallery -->
<!-- wp:spacer {"height":80} -->
<div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","backgroundColor":"palette-1","className":"has-no-padding-vertical"} -->
<div class="wp-block-group alignfull has-no-padding-vertical has-palette-1-background-color has-background"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"top","width":"50%","className":"has-no-margin-vertical"} -->
<div class="wp-block-column is-vertically-aligned-top has-no-margin-vertical" style="flex-basis:50%"><!-- wp:group {"backgroundColor":"palette-3","className":"has-no-padding has-decorative-overlay"} -->
<div class="wp-block-group has-no-padding has-decorative-overlay has-palette-3-background-color has-background"><!-- wp:image {"align":"center","id":332,"sizeSlug":"large"} -->
<div class="wp-block-image"><figure class="aligncenter size-large"><img src="https://themedemos.webmandesign.eu/eimear/wp-content/uploads/sites/27/SAMPLE/_jean-philippe-delberghe-Ry9WBo3qmoc-unsplash.png" alt="Don't forget to set alt text." class="wp-image-332"/></figure></div>
<!-- /wp:image -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"5%","className":"has-no-margin-vertical"} -->
<div class="wp-block-column has-no-margin-vertical" style="flex-basis:5%"></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"45%","className":"has-no-margin-vertical"} -->
<div class="wp-block-column is-vertically-aligned-center has-no-margin-vertical" style="flex-basis:45%"><!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textColor":"palette-5"} -->
<h2 class="has-palette-5-color has-text-color">Contact<br>us now</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"palette-4","fontSize":"large"} -->
<p class="has-palette-4-color has-text-color has-large-font-size">Don't be bashful drop me a line. The very fact that you're aware of suffering is enough reason to be overjoyed that you're alive and can experience it.</p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"className":"has-large-font-size is-style-fill"} -->
<div class="wp-block-button has-large-font-size is-style-fill"><a class="wp-block-button__link" href="https://themedemos.webmandesign.eu/eimear/contact-1/">Contact Us</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment