Skip to content

Instantly share code, notes, and snippets.

@webplantmedia
Last active November 7, 2019 21:21
Show Gist options
  • Save webplantmedia/94c40ccd3e2d4281e7848eead5222349 to your computer and use it in GitHub Desktop.
Save webplantmedia/94c40ccd3e2d4281e7848eead5222349 to your computer and use it in GitHub Desktop.
<!-- wp:spacer {"height":25} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:shortcode -->
[soliloquy slug="home-page-slider"]
<!-- /wp:shortcode -->
<!-- wp:atomic-blocks/ab-columns {"columns":3,"layout":"ab-3-col-equal","columnsGap":1,"align":"wide","marginTop":15} -->
<div class="wp-block-atomic-blocks-ab-columns ab-layout-columns-3 ab-3-col-equal alignwide" style="margin-top:15px"><div class="ab-layout-column-wrap ab-block-layout-column-gap-1 ab-is-responsive-column"><!-- wp:atomic-blocks/ab-column -->
<div class="wp-block-atomic-blocks-ab-column ab-block-layout-column"><div class="ab-block-layout-column-inner"><!-- wp:atomic-blocks/ab-cta {"buttonText":"Shop","buttonBackgroundColor":"#ffffff","buttonTextColor":"#464646","buttonShape":"ab-button-shape-square","imgID":30,"dimRatio":80,"className":"image-link"} -->
<div style="text-align:center" class="wp-block-atomic-blocks-ab-cta image-link ab-block-cta"><div class="ab-cta-image-wrap"><img class="ab-cta-image has-background-dim-80 has-background-dim" src="https://demo.webplantmedia.com/hallie-pro/wp-content/uploads/sites/4/2019/08/TwigyPostsFloralFarmhouse-8126.jpg" alt=""/></div><div class="ab-cta-content"><h2 class="ab-cta-title ab-font-size-32" style="color:#32373c">Hello</h2><div class="ab-cta-text ab-font-size-32" style="color:#32373c"><p>fadsfsdf</p><p>fdsfdsdf</p></div></div><div class="ab-cta-button"><a href="#" target="_self" rel="noopener noreferrer" class="ab-button ab-button-shape-square ab-button-size-medium" style="color:#464646;background-color:#ffffff">Shop</a></div></div>
<!-- /wp:atomic-blocks/ab-cta --></div></div>
<!-- /wp:atomic-blocks/ab-column -->
<!-- wp:atomic-blocks/ab-column -->
<div class="wp-block-atomic-blocks-ab-column ab-block-layout-column"><div class="ab-block-layout-column-inner"><!-- wp:atomic-blocks/ab-cta {"buttonText":"About","buttonBackgroundColor":"#ffffff","buttonTextColor":"#464646","buttonShape":"ab-button-shape-square","imgID":29,"dimRatio":80,"className":"image-link"} -->
<div style="text-align:center" class="wp-block-atomic-blocks-ab-cta image-link ab-block-cta"><div class="ab-cta-image-wrap"><img class="ab-cta-image has-background-dim-80 has-background-dim" src="https://demo.webplantmedia.com/hallie-pro/wp-content/uploads/sites/4/2019/08/TwigyPostsFloralFarmhouse-7926.jpg" alt=""/></div><div class="ab-cta-content"><h2 class="ab-cta-title ab-font-size-32" style="color:#32373c">Testing Heading</h2><div class="ab-cta-text ab-font-size-32" style="color:#32373c"><p></p></div></div><div class="ab-cta-button"><a href="#" target="_self" rel="noopener noreferrer" class="ab-button ab-button-shape-square ab-button-size-medium" style="color:#464646;background-color:#ffffff">About</a></div></div>
<!-- /wp:atomic-blocks/ab-cta -->
<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:atomic-blocks/ab-column -->
<!-- wp:atomic-blocks/ab-column -->
<div class="wp-block-atomic-blocks-ab-column ab-block-layout-column"><div class="ab-block-layout-column-inner"><!-- wp:atomic-blocks/ab-cta {"buttonText":"Contact","buttonBackgroundColor":"#ffffff","buttonTextColor":"#464646","buttonShape":"ab-button-shape-square","imgID":28,"dimRatio":80,"className":"image-link"} -->
<div style="text-align:center" class="wp-block-atomic-blocks-ab-cta image-link ab-block-cta"><div class="ab-cta-image-wrap"><img class="ab-cta-image has-background-dim-80 has-background-dim" src="https://demo.webplantmedia.com/hallie-pro/wp-content/uploads/sites/4/2019/08/TwigyPostsFloralFarmhouse-0082-804x1024.jpg" alt=""/></div><div class="ab-cta-content"><h2 class="ab-cta-title ab-font-size-32" style="color:#32373c"></h2><div class="ab-cta-text ab-font-size-32" style="color:#32373c"><p></p></div></div><div class="ab-cta-button"><a href="#" target="_self" rel="noopener noreferrer" class="ab-button ab-button-shape-square ab-button-size-medium" style="color:#464646;background-color:#ffffff">Contact</a></div></div>
<!-- /wp:atomic-blocks/ab-cta --></div></div>
<!-- /wp:atomic-blocks/ab-column --></div></div>
<!-- /wp:atomic-blocks/ab-columns -->
<!-- wp:spacer {"height":30} -->
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Hello and Welcome!</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>You’re viewing the Hallie Pro child theme for the Genesis Framework designed by Angie Makes. This theme features a totally customizable homepage, various blog post layouts, advanced WooCommerce support, and more. Install this theme quickly with our demo data using Genesis' new one-click onboarding feature.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Make the site 100% you by customizing all the blocks, widgets, colors, and more. Oh, and the best news? This site runs on the Genesis Framework, giving you security, theme updates, and a long website life.</p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":50} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:atomic-blocks/ab-container {"containerPaddingTop":0,"containerPaddingRight":5,"containerPaddingBottom":0,"containerPaddingLeft":5,"containerMarginTop":0,"containerMarginBottom":0,"containerWidth":"full","containerMaxWidth":1120,"containerBackgroundColor":"#f7f7f7"} -->
<div style="background-color:#f7f7f7;padding-left:5%;padding-right:5%" class="wp-block-atomic-blocks-ab-container ab-block-container alignfull"><div class="ab-container-inside"><div class="ab-container-content" style="max-width:1120px"><!-- wp:spacer {"height":60} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Featured Products</h2>
<!-- /wp:heading -->
<!-- wp:woocommerce/product-new {"columns":4} /-->
<!-- wp:spacer {"height":20} -->
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div></div></div>
<!-- /wp:atomic-blocks/ab-container -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"align":"center"} -->
<p style="text-align:center">So. Much. Flexibility. You can literally customize every element on this your page using both Gutenberg blocks and widgets to look however you like. Use the ease of the visual editor to drag, drop, and edit the sections on this page. Make your homepage work for you.</p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":50} -->
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"align":"center"} -->
<h2 style="text-align:center">Latest Posts</h2>
<!-- /wp:heading -->
<!-- wp:atomic-blocks/ab-post-grid {"postsToShow":3,"columns":3,"align":"wide","readMoreText":"Continue Reading →","excerptLength":37,"imageSize":"ab-block-post-grid-square"} /-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment