single-oik-themes.html

Björk

15 patterns
Blog posts shown as excerpts.

bjork/blog-excerpt

Categories: bjork-blog

<!-- wp:query {"queryId":1,"query":{"perPage":"10","pages":"100","offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true}} -->
<div class="wp-block-query">

<!-- wp:post-template -->

<!-- wp:group {"style":{"spacing":{"blockGap":".25em"}},"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:post-date {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"textColor":"primary","fontSize":"heading-5"} /-->

<!-- wp:post-title {"textAlign":"left","level":1,"isLink":true} /-->
</div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"inherit":false}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"margin":{"bottom":"64px"}}}} /-->
</div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"32px"}}} -->
<div class="wp-block-group">
<!-- wp:post-content {"layout":{"inherit":true}} /-->

<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"textColor":"primary","spacing":{"blockGap":"0.5em"}},"textColor":"secondary","className":"has-primary-color has-text-color","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"nowrap"},"fontSize":"small"} -->
<div
class="wp-block-group has-primary-color has-text-color has-secondary-color has-small-font-size">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p>In</p>
<!-- /wp:paragraph -->

<!-- wp:post-terms {"term":"category"} /-->
</div>
<!-- /wp:group -->

<!-- wp:post-terms {"term":"post_tag"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"5vh","bottom":"5vh"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:5vh;padding-bottom:5vh">
<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-bjork-angled-separator-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-bjork-angled-separator-wide"/>
<!-- /wp:separator -->
</div>
<!-- /wp:group -->

<!-- /wp:post-template -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"8vh"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:8vh">
<!-- wp:query-pagination {"paginationArrow":"arrow","textColor":"primary","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"label":"Previous","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-numbers {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-next {"label":"Next","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->

</div>
<!-- /wp:query -->
Two column blog post grid with featured image, post date, and title.

bjork/blog-grid-cols-2

Categories: bjork-blog

<!-- wp:query {"queryId":1,"query":{"perPage":"10","pages":"100","offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":2}} -->
<div class="wp-block-query">

<!-- wp:post-template -->

<!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"1em"}}}} /-->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","padding":{"bottom":"1em"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-bottom:1em">

<!-- wp:post-date {"isLink":"true","textColor":"primary","style":{"typography":{"fontWeight":"600"}}} /-->

<!-- wp:post-title {"isLink":true,"fontSize":"heading-5"} /-->

</div>
<!-- /wp:group -->

<!-- /wp:post-template -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"8vh"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:8vh">
<!-- wp:query-pagination {"paginationArrow":"arrow","textColor":"primary","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"label":"Previous","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-numbers {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-next {"label":"Next","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->

</div>
<!-- /wp:query -->
Three column blog post grid with featured image, post date, and title.

bjork/blog-grid-cols-3

Categories: bjork-blog

<!-- wp:query {"queryId":1,"query":{"perPage":"9","pages":"100","offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3}} -->
<div class="wp-block-query">

<!-- wp:post-template -->

<!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"1em"}}}} /-->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","padding":{"bottom":"1em"},"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-bottom:1em">

<!-- wp:post-date {"isLink":"true","textColor":"primary","style":{"typography":{"fontWeight":"600"}}} /-->

<!-- wp:post-title {"isLink":true,"fontSize":"heading-6"} /-->

</div>
<!-- /wp:group -->

<!-- /wp:post-template -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"8vh"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:8vh">
<!-- wp:query-pagination {"paginationArrow":"arrow","textColor":"primary","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"label":"Previous","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-numbers {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-next {"label":"Next","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->

</div>
<!-- /wp:query -->
Blog post list with featured image, post date, and title.

bjork/blog-list

Categories: bjork-blog

<!-- wp:query {"queryId":1,"query":{"perPage":"9","pages":"100","offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":1}} -->
<div class="wp-block-query">

<!-- wp:post-template -->
<!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-columns are-vertically-aligned-center" style="margin-top:0px;margin-bottom:0px">
<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%">
<!-- wp:post-featured-image {"isLink":true} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:post-date {"isLink":true,"style":{"typography":{"fontWeight":"600"}},"textColor":"primary"} /-->

<!-- wp:post-title {"isLink":true,"fontSize":"heading-5"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:post-template -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"top":"8vh"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px;padding-top:8vh">
<!-- wp:query-pagination {"paginationArrow":"arrow","textColor":"primary","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"label":"Previous","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-numbers {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->

<!-- wp:query-pagination-next {"label":"Next","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->

</div>
<!-- /wp:query -->
Horizontal call to action.

bjork/cta-horizontal

Categories: bjork-cta

<!-- wp:group {"align":"wide","style":{"border":{"radius":"8px"}},"backgroundColor":"primary","textColor":"background"} -->
<div class="wp-block-group alignwide has-background-color has-primary-background-color has-text-color has-background"
style="border-radius:8px">
<!-- wp:columns {"className":"is-style-default"} -->
<div class="wp-block-columns is-style-default">
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading {"textAlign":"left","level":3} -->
<h3 class="has-text-align-left">Work With Us!</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"foreground","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a
class="wp-block-button__link has-foreground-background-color has-background">Send us an
email</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
Vertical call to action.

bjork/cta-vertical

Categories: bjork-cta

<!-- wp:group {"style":{"border":{"radius":"8px"},"spacing":{"blockGap":"1.5rem"}},"backgroundColor":"primary","textColor":"background","layout":{"inherit":true}} -->
<div class="wp-block-group has-background-color has-primary-background-color has-text-color has-background"
style="border-radius:8px">
<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Work With Us!</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"foreground","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a
class="wp-block-button__link has-foreground-background-color has-background">Send us an email</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
Columns with paragraphs of text.

bjork/general-columns-with-paragraphs

Categories: bjork-general

<!-- wp:columns {"align":"wide","style":{"spacing":{"padding":{"top":"5vh","bottom":"5vh"}}}} -->
<div class="wp-block-columns alignwide" style="padding-top:5vh;padding-bottom:5vh">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"blockGap":"1em"}}} -->
<div class="wp-block-column">
<!-- wp:paragraph -->
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem
aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
Demo content for the theme, and default content for the Home template.

bjork/general-demo-content

Categories: bjork-general

<!-- wp:pattern {"slug":"bjork/general-hero-full-height"} /-->

<!-- wp:separator {"backgroundColor":"tertiary","className":"is-style-bjork-angled-separator-wide"} -->
<hr class="wp-block-separator has-text-color has-tertiary-color has-alpha-channel-opacity has-tertiary-background-color has-background is-style-bjork-angled-separator-wide"/>
<!-- /wp:separator -->

<!-- wp:pattern {"slug":"bjork/general-columns-with-paragraphs"} /-->
<!-- wp:pattern {"slug":"bjork/general-featured-items"} /-->

Featured items with a image, heading, paragraph and button.

bjork/general-featured-items

Categories: bjork-general

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"backgroundColor":"quaternary","textColor":"foreground"} -->
<div class="wp-block-column has-foreground-color has-quaternary-background-color has-text-color has-background">
<!-- wp:image {"linkDestination":"none","style":{"border":{"radius":"0px"}}} -->
<figure class="wp-block-image" style="border-radius:0px"><img
src="https://blocks.wp-a2z.org/wp-content/themes/bjork/assets/images/illustrations/feature-1.png"
alt="" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"1.5rem"}},"backgroundColor":"quaternary"} -->
<div class="wp-block-group has-quaternary-background-color has-background"
style="margin-top:0px;margin-bottom:0px">
<!-- wp:heading {"textAlign":"left","level":6,"style":{"typography":{"lineHeight":"1"}}} -->
<h6 class="has-text-align-left" id="my-story" style="line-height:1">My Story</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Learn how I became an artist, and how I developed this
particular style.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"foreground","fontSize":"tiny"} -->
<div class="wp-block-button has-custom-font-size has-tiny-font-size"><a
class="wp-block-button__link has-foreground-background-color has-background" href="#">Read
More</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"quaternary","textColor":"foreground"} -->
<div class="wp-block-column has-foreground-color has-quaternary-background-color has-text-color has-background">
<!-- wp:image {"linkDestination":"none","style":{"border":{"radius":"0px"}}} -->
<figure class="wp-block-image" style="border-radius:0px"><img
src="https://blocks.wp-a2z.org/wp-content/themes/bjork/assets/images/illustrations/feature-2.png"
alt="" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"1.5rem","margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"quaternary"} -->
<div class="wp-block-group has-quaternary-background-color has-background"
style="margin-top:0px;margin-bottom:0px">
<!-- wp:heading {"textAlign":"left","level":6,"style":{"typography":{"lineHeight":"1"}}} -->
<h6 class="has-text-align-left" id="my-story" style="line-height:1">Reach Out</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Want to show my art in your gallery? Send me an email and
we'll chat.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"foreground","fontSize":"tiny"} -->
<div class="wp-block-button has-custom-font-size has-tiny-font-size"><a
class="wp-block-button__link has-foreground-background-color has-background" href="#">Contact
Me</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"quaternary","textColor":"foreground"} -->
<div class="wp-block-column has-foreground-color has-quaternary-background-color has-text-color has-background">
<!-- wp:image {"linkDestination":"none","style":{"border":{"radius":"0px"}}} -->
<figure class="wp-block-image" style="border-radius:0px"><img
src="https://blocks.wp-a2z.org/wp-content/themes/bjork/assets/images/illustrations/feature-3.png"
alt="" /></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"1.5rem","margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"quaternary"} -->
<div class="wp-block-group has-quaternary-background-color has-background"
style="margin-top:0px;margin-bottom:0px">
<!-- wp:heading {"textAlign":"left","level":6,"style":{"typography":{"lineHeight":"1"}}} -->
<h6 class="has-text-align-left" id="my-story" style="line-height:1">Get Social</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"left","fontSize":"small"} -->
<p class="has-text-align-left has-small-font-size">Love my work? Follow me online to see new paintings
first.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"foreground","fontSize":"tiny"} -->
<div class="wp-block-button has-custom-font-size has-tiny-font-size"><a
class="wp-block-button__link has-foreground-background-color has-background" href="#">Follow
Me</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
Follow us section with a horizontal layout.

bjork/general-follow-us-horizontal

Categories: bjork-general

<!-- wp:group {"align":"wide","style":{"border":{"radius":"8px"}},"backgroundColor":"primary","textColor":"background","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide has-background-color has-primary-background-color has-text-color has-background"
style="border-radius:8px">
<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Follow Us!</h3>
<!-- /wp:heading -->

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"inherit","className":"items-justified-center is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
<ul class="wp-block-social-links has-icon-color items-justified-center is-style-logos-only">
<!-- wp:social-link {"url":"https://facebook.com","service":"facebook"} /-->

<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->

<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
Follow us section with a vertical layout.

bjork/general-follow-us-vertical

Categories: bjork-general

<!-- wp:group {"style":{"border":{"radius":"8px"}},"backgroundColor":"primary","textColor":"background"} -->
<div class="wp-block-group has-background-color has-primary-background-color has-text-color has-background"
style="border-radius:8px">
<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Follow Us!</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Stay up to date with the latest at the agency.</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"backgroundColor":"background"} -->
<hr
class="wp-block-separator has-text-color has-background-color has-alpha-channel-opacity has-background-background-color has-background" />
<!-- /wp:separator -->

<!-- wp:social-links {"iconColor":"background","iconColorValue":"#FFFFFF","className":"items-justified-center is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
<ul class="wp-block-social-links has-icon-color items-justified-center is-style-logos-only">
<!-- wp:social-link {"url":"https://facebook.com","service":"facebook"} /-->

<!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->

<!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
Wide and full height hero with headings and buttons.

bjork/general-hero-full-height

Categories: bjork-general

<!-- wp:cover {"dimRatio":0,"overlayColor":"quaternary","minHeight":90,"minHeightUnit":"vh","isDark":false,"align":"wide","style":{"spacing":{"padding":{"top":"0vh","right":"0vh","bottom":"0vh","left":"0vh"}}}} -->
<div class="wp-block-cover alignwide is-light"
style="padding-top:0vh;padding-right:0vh;padding-bottom:0vh;padding-left:0vh;min-height:90vh"><span
aria-hidden="true"
class="wp-block-cover__background has-quaternary-background-color has-background-dim-0 has-background-dim"></span>
<div class="wp-block-cover__inner-container">
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0vh","top":"0vh"},"blockGap":"2rem"}},"textColor":"foreground"} -->
<div class="wp-block-group alignwide has-foreground-color has-text-color" style="padding-top:0vh;padding-bottom:0vh">
<!-- wp:heading {"level":1,"style":{"spacing":{"margin":{"top":"0px"}}},"textColor":"secondary","fontSize":"extra-large"} -->
<h1 class="has-secondary-color has-text-color has-extra-large-font-size" style="margin-top:0px">Hi there!
</h1>
<!-- /wp:heading -->

<!-- wp:heading {"level":1} -->
<h1>My name is Björk, and I am a podcaster and writer. This is my little corner on the web.</h1>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"1em"}}} -->
<div class="wp-block-buttons">
<!-- wp:button {"style":{"color":{}}} -->
<div class="wp-block-button"><a class="wp-block-button__link">Get In Touch</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"primary","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-primary-color has-text-color">About Me</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
Wide hero with headings and buttons.

bjork/general-hero-wide

Categories: bjork-general

<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"5vh","top":"0vh"}}},"textColor":"foreground"} -->
<div class="wp-block-group alignwide has-foreground-color has-text-color" style="padding-top:0vh;padding-bottom:5vh">
<!-- wp:heading {"level":1,"style":{"spacing":{"margin":{"top":"0px"}}},"textColor":"secondary","fontSize":"extra-large"} -->
<h1 class="has-secondary-color has-text-color has-extra-large-font-size" style="margin-top:0px">Hi there!</h1>
<!-- /wp:heading -->

<!-- wp:heading {"level":1} -->
<h1>I’m Björk, and I’m a writer and podcaster. This is my little corner on the web.</h1>
<!-- /wp:heading -->

<!-- wp:buttons {"style":{"spacing":{"blockGap":"1em"}}} -->
<div class="wp-block-buttons">
<!-- wp:button {"style":{"color":{}}} -->
<div class="wp-block-button"><a class="wp-block-button__link">Get In Touch</a></div>
<!-- /wp:button -->

<!-- wp:button {"textColor":"primary","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-primary-color has-text-color">About Me</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
Section with recent posts displayed horizontally.

bjork/general-recent-posts

Categories: bjork-general

<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"3em","bottom":"0em"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:3em;margin-bottom:0em">
<!-- wp:heading {"fontSize":"extra-large"} -->
<h2 class="has-extra-large-font-size">Recent Posts</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":6,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} -->
<div class="wp-block-query">
<!-- wp:post-template -->
<!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center">
<!-- wp:column {"verticalAlignment":"center","width":"33.33%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33.33%">
<!-- wp:post-featured-image {"isLink":true} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.25em","margin":{"top":"0px","bottom":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px">
<!-- wp:post-date {"isLink":true,"style":{"typography":{"fontWeight":"600"}},"textColor":"primary"} /-->

<!-- wp:post-title {"isLink":true,"fontSize":"heading-5"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Testimonials section.

bjork/general-testimonials

Categories: bjork-general

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"backgroundColor":"foreground"} -->
<div class="wp-block-column has-foreground-background-color has-background">
<!-- wp:group {"style":{"border":{"radius":"0px"},"spacing":{"blockGap":"2.5rem","padding":{"top":"2.5em","bottom":"2.5em"}}},"backgroundColor":"foreground","textColor":"background"} -->
<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background"
style="border-radius:0px;padding-top:2.5em;padding-bottom:2.5em">
<!-- wp:image {"align":"center","width":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded">
<figure class="aligncenter size-full is-resized"><img
src="https://blocks.wp-a2z.org/wp-content/themes/bjork/assets/images/illustrations/avatar.png"
alt="" width="100" /></figure>
</div>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">“Poe guided us through the rebranding with a steady hand and a keen eye for
detail.”</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group">
<!-- wp:separator {"backgroundColor":"secondary","className":"is-style-bjork-angled-separator"} -->
<hr
class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-bjork-angled-separator" />
<!-- /wp:separator -->
</div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"medium"} -->
<h3 class="has-text-align-center has-medium-font-size" style="font-style:normal;font-weight:400">
<strong>H.P. Lovecraft<br></strong>Author</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"foreground"} -->
<div class="wp-block-column has-foreground-background-color has-background">
<!-- wp:group {"style":{"border":{"radius":"0px"},"spacing":{"blockGap":"2.5rem","padding":{"top":"2.5em","bottom":"2.5em"}}},"backgroundColor":"foreground","textColor":"background"} -->
<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background"
style="border-radius:0px;padding-top:2.5em;padding-bottom:2.5em">
<!-- wp:image {"align":"center","width":100,"sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<div class="wp-block-image is-style-rounded">
<figure class="aligncenter size-full is-resized"><img
src="https://blocks.wp-a2z.org/wp-content/themes/bjork/assets/images/illustrations/avatar.png"
alt="" width="100" /></figure>
</div>
<!-- /wp:image -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">“Poe helped breath new life into our business with the launch of our online
shop.”</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group">
<!-- wp:separator {"backgroundColor":"secondary","className":"is-style-bjork-angled-separator"} -->
<hr
class="wp-block-separator has-text-color has-secondary-color has-alpha-channel-opacity has-secondary-background-color has-background is-style-bjork-angled-separator" />
<!-- /wp:separator -->
</div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"medium"} -->
<h3 class="has-text-align-center has-medium-font-size" style="font-style:normal;font-weight:400">
<strong>Mary Shelley<br></strong>Author</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

Published:

Last updated:

October 18, 2022

Information

Letters:

Summary file