Skip to content

Instantly share code, notes, and snippets.

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 kimcoleman/8afadde6701878b65b4a60a4263909f0 to your computer and use it in GitHub Desktop.
Save kimcoleman/8afadde6701878b65b4a60a4263909f0 to your computer and use it in GitHub Desktop.
Landing Page Demo: Black Friday 2022 - Category 15% Off
<!-- wp:swsales/sale-content {"period":"pre-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:group {"align":"full","gradient":"pale-ocean"} -->
<div class="wp-block-group alignfull has-pale-ocean-gradient-background has-background"><!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong><mark style="background-color:var(--paletteColor2, #F74D67)" class="has-inline-color has-palette-color-8-color">SUPER SECRET SAVINGS</mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:heading {"textAlign":"center","level":1,"textColor":"palette-color-4","className":"no-margin"} -->
<h1 class="has-text-align-center no-margin has-palette-color-4-color has-text-color">Save On Personalized Consultations This Black Friday</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Sale runs November 25 — 30, 2022</strong></p>
<!-- /wp:paragraph -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"80%"} -->
<div class="wp-block-column" style="flex-basis:80%"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-angela-roma-7480272-1-scaled.jpeg","id":62,"dimRatio":50,"minHeight":300,"isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-62" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-angela-roma-7480272-1-scaled.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>Anti-Aging Consultation</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/friends.jpg","id":59,"dimRatio":50,"minHeight":300,"isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-59" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/friends.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>General Beauty Consultation</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-anna-shvets-5069432-1-scaled.jpeg","id":63,"dimRatio":50,"minHeight":300,"isDark":false} -->
<div class="wp-block-cover is-light" style="min-height:300px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-63" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-anna-shvets-5069432-1-scaled.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>Teen Skincare Consultation</strong></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->
<!-- wp:group -->
<div class="wp-block-group"><!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Subscribe to our email list to get notified when the sale starts.</strong></p>
<!-- /wp:paragraph -->
<!-- wp:shortcode -->
[convertkit form=3724454]
<!-- /wp:shortcode --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"10%"} -->
<div class="wp-block-column" style="flex-basis:10%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->
<!-- wp:group {"style":{"color":{"background":"#2a9898"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group has-background" style="background-color:#2a9898"><!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Can't wait for the sale?</strong></p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"palette-color-5","textColor":"palette-color-4","style":{"border":{"radius":"62px"}},"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link has-palette-color-4-color has-palette-color-5-background-color has-text-color has-background" style="border-radius:62px"><strong>Shop Consultation Packages Now »</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:swsales/sale-content -->
<!-- wp:swsales/sale-content {"period":"sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:group {"align":"full","gradient":"pale-ocean"} -->
<div class="wp-block-group alignfull has-pale-ocean-gradient-background has-background"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong><mark style="background-color:var(--paletteColor2, #F74D67)" class="has-inline-color has-palette-color-8-color">BLACK FRIDAY 2022—OH YEAH!</mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:heading {"textAlign":"center","level":1,"textColor":"palette-color-4","className":"no-margin"} -->
<h1 class="has-text-align-center no-margin has-palette-color-4-color has-text-color">Save 15% On All Personalized Consults</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Select a consultation now through November 28 and save 15%. Hurry—this deal ends soon!</strong></p>
<!-- /wp:paragraph -->
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:swsales/countdown-timer {"backgroundColor":"palette-color-2","textColor":"palette-color-8"} -->
<div class="wp-block-swsales-countdown-timer has-palette-color-8-color has-palette-color-2-background-color has-text-color has-background"></div>
<!-- /wp:swsales/countdown-timer --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"12.5%"} -->
<div class="wp-block-column" style="flex-basis:12.5%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-angela-roma-7480272-1-scaled.jpeg","id":62,"dimRatio":50,"isDark":false} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-62" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-angela-roma-7480272-1-scaled.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>Anti-Aging Consultation</strong></p>
<!-- /wp:paragraph -->
<!-- wp:woocommerce/handpicked-products {"columns":1,"contentVisibility":{"image":false,"title":false,"price":true,"rating":true,"button":true},"products":[60]} /--></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/friends.jpg","id":59,"dimRatio":50,"isDark":false} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-59" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/friends.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>General Beauty Consultation</strong></p>
<!-- /wp:paragraph -->
<!-- wp:woocommerce/handpicked-products {"columns":1,"contentVisibility":{"image":false,"title":false,"price":true,"rating":true,"button":true},"products":[58]} /--></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-anna-shvets-5069432-1-scaled.jpeg","id":63,"dimRatio":50,"isDark":false} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-63" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-anna-shvets-5069432-1-scaled.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>Teen Skincare Consultation</strong></p>
<!-- /wp:paragraph -->
<!-- wp:woocommerce/handpicked-products {"columns":1,"contentVisibility":{"image":false,"title":false,"price":true,"rating":true,"button":true},"products":[61]} /--></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"12.5%"} -->
<div class="wp-block-column" style="flex-basis:12.5%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:html -->
<br>
<!-- /wp:html --></div>
<!-- /wp:swsales/sale-content -->
<!-- wp:swsales/sale-content {"period":"post-sale"} -->
<div class="wp-block-swsales-sale-content"><!-- wp:group {"align":"full","gradient":"pale-ocean"} -->
<div class="wp-block-group alignfull has-pale-ocean-gradient-background has-background"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong><mark style="background-color:var(--paletteColor2, #F74D67)" class="has-inline-color has-palette-color-8-color">THIS SALE HAS ENDED</mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:heading {"textAlign":"center","level":1,"textColor":"palette-color-4","className":"no-margin"} -->
<h1 class="has-text-align-center no-margin has-palette-color-4-color has-text-color">Shop Personalized Consults</h1>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","textColor":"palette-color-4","fontSize":"medium"} -->
<p class="has-text-align-center has-palette-color-4-color has-text-color has-medium-font-size"><strong>Our Black Friday sale on consultations is over, but you can still grab this exclusive package.</strong></p>
<!-- /wp:paragraph -->
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"12.5%"} -->
<div class="wp-block-column" style="flex-basis:12.5%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-angela-roma-7480272-1-scaled.jpeg","id":62,"dimRatio":50,"isDark":false} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-62" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-angela-roma-7480272-1-scaled.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>Anti-Aging Consultation</strong></p>
<!-- /wp:paragraph -->
<!-- wp:woocommerce/handpicked-products {"columns":1,"contentVisibility":{"image":false,"title":false,"price":true,"rating":true,"button":true},"products":[60]} /--></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/friends.jpg","id":59,"dimRatio":50,"isDark":false} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-59" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/friends.jpg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>General Beauty Consultation</strong></p>
<!-- /wp:paragraph -->
<!-- wp:woocommerce/handpicked-products {"columns":1,"contentVisibility":{"image":false,"title":false,"price":true,"rating":true,"button":true},"products":[58]} /--></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis:25%"><!-- wp:cover {"url":"http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-anna-shvets-5069432-1-scaled.jpeg","id":63,"dimRatio":50,"isDark":false} -->
<div class="wp-block-cover is-light"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img class="wp-block-cover__image-background wp-image-63" alt="" src="http://sitewide-sales-woocommerce.local/wp-content/uploads/2022/10/pexels-anna-shvets-5069432-1-scaled.jpeg" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","textColor":"palette-color-8","fontSize":"large"} -->
<p class="has-text-align-center has-palette-color-8-color has-text-color has-large-font-size"><strong>Teen Skincare Consultation</strong></p>
<!-- /wp:paragraph -->
<!-- wp:woocommerce/handpicked-products {"columns":1,"contentVisibility":{"image":false,"title":false,"price":true,"rating":true,"button":true},"products":[61]} /--></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"12.5%"} -->
<div class="wp-block-column" style="flex-basis:12.5%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:html -->
<br>
<!-- /wp:html --></div>
<!-- /wp:swsales/sale-content -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment