single-oik-themes.html

Tove

42 patterns
Two column grid with featured image, title, and post date

tove/blog-grid-cols-2

Categories: tove-blog

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:query {"queryId":1,"query":{"perPage":"10","pages":"100","offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":2},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"margin":{"bottom":"1em"}}}} /-->

<!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"0.33em","top":"0em"}}},"fontSize":"large"} /-->

<!-- wp:post-date {"isLink":true} /-->
<!-- /wp:post-template -->

<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","className":"alignwide is-style-tove-vertical-separators","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"fontSize":"large"} /-->

<!-- wp:query-pagination-next {"fontSize":"large"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Three column grid with featured image, title, and post date

tove/blog-grid-cols-3

Categories: tove-blog

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:query {"queryId":1,"query":{"perPage":"10","pages":"100","offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:post-featured-image {"isLink":true,"style":{"spacing":{"margin":{"bottom":"1em"}}}} /-->

<!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"0.33em","top":"0em"}}},"fontSize":"large"} /-->

<!-- wp:post-date {"isLink":true} /-->
<!-- /wp:post-template -->

<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","className":"alignwide is-style-tove-vertical-separators","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"fontSize":"large"} /-->

<!-- wp:query-pagination-next {"fontSize":"large"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Compact list with featured image, title, and post date.

tove/blog-list-compact-media

Categories: tove-blog

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:query {"queryId":1,"query":{"perPage":"3","pages":"100","offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"list","columns":3},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"margin":{"top":"2rem","bottom":"2rem"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-top:2rem;margin-bottom:2rem">
<!-- wp:column {"width":"150px"} -->
<div class="wp-block-column" style="flex-basis:150px">
<!-- wp:post-featured-image {"isLink":true,"width":"","height":"150px"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:post-title {"isLink":true,"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:post-date {"textAlign":"left","isLink":true,"fontSize":"large"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:separator {"align":"wide","className":"no-margin-vertical is-style-wide"} -->
<hr class="wp-block-separator alignwide no-margin-vertical is-style-wide" />
<!-- /wp:separator -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group" style="padding-top:2rem">
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","className":"alignwide","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"fontSize":"large"} /-->

<!-- wp:query-pagination-next {"fontSize":"large"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Compact list with title and post date.

tove/blog-list-compact

Categories: tove-blog

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:query {"queryId":1,"query":{"perPage":"3","pages":"100","offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"list","columns":3},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"margin":{"bottom":"2rem","top":"2rem"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center" style="margin-top:2rem;margin-bottom:2rem">
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:post-title {"isLink":true,"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:post-date {"textAlign":"right","isLink":true,"fontSize":"large"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:separator {"className":"is-style-wide no-margin-vertical"} -->
<hr class="wp-block-separator is-style-wide no-margin-vertical" />
<!-- /wp:separator -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"2rem"}}},"layout":{"inherit":true}} -->
<div class="wp-block-group" style="padding-top:2rem">
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","className":"alignwide","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"fontSize":"large"} /-->

<!-- wp:query-pagination-next {"fontSize":"large"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
List with featured image, title, excerpt, and post date.

tove/blog-list

Categories: tove-blog

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:query {"queryId":1,"query":{"perPage":"3","pages":"100","offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":true},"displayLayout":{"type":"list","columns":3},"align":"wide"} -->
<div class="wp-block-query alignwide">
<!-- wp:post-template -->
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:post-featured-image {"isLink":true} /-->

<!-- wp:post-title {"isLink":true} /-->

<!-- wp:post-excerpt {"showMoreOnNewLine":false} /-->

<!-- wp:post-date {"isLink":true,"fontSize":"small"} /-->

<!-- wp:spacer {"height":16} -->
<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->

<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","className":"alignwide is-style-tove-vertical-separators","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"fontSize":"large"} /-->

<!-- wp:query-pagination-next {"fontSize":"large"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Horizontal call to action.

tove/cta-horizontal

Categories: tove-cta

<!-- wp:group {"align":"wide","backgroundColor":"senary","className":"is-style-tove-shaded","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide is-style-tove-shaded has-senary-background-color has-background">
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Be Our Guest!</h2>
<!-- /wp:heading -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a
class="wp-block-button__link has-primary-background-color has-background wp-element-button">Make a
Reservation</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
Vertical call to action.

tove/cta-vertical

Categories: tove-cta

<!-- wp:group {"align":"wide","backgroundColor":"senary","className":"is-style-tove-shaded"} -->
<div class="wp-block-group alignwide is-style-tove-shaded has-senary-background-color has-background">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Be Our Guest!</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Book a table and experience our award-winning seasonal menu with meat and
vegetables sourced from local farms!</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--40)">
<!-- wp:button {"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Make a
Reservation</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
Footer with site title, menu, opening hours and contact information in four columns.

tove/footer-horizontal-columns-1

Categories: tove-footer

<!-- wp:group {"align":"wide","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:spacer {"height":"1px","className":"hide-mobile"} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer hide-mobile"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:site-title {"level":0,"textAlign":"left","fontSize":"large"} /-->

<!-- wp:spacer {"height":"1px"} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<h6 style="margin-bottom:var(--wp--preset--spacing--30)">Navigation</h6>
<!-- /wp:heading -->

<!-- wp:navigation {"ref":25660,"overlayMenu":"never","__unstableLocation":"primary","className":"no-margin-top","layout":{"type":"flex","setCascadingProperties":"true","orientation":"vertical","justifyContent":"left","flexWrap":"wrap"},"style":{"spacing":{"blockGap":"0.5em"}}} /-->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<h6 style="margin-bottom:var(--wp--preset--spacing--30)">Our Hours</h6>
<!-- /wp:heading -->

<!-- wp:columns {"isStackedOnMobile":false,"className":"no-margin-top"} -->
<div class="wp-block-columns is-not-stacked-on-mobile no-margin-top"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Mon–Fri<br>Saturday<br>Sunday</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>07 – 18<br>08 – 19<br>08 – 19</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<h6 style="margin-bottom:var(--wp--preset--spacing--30)">Contact</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<p style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">hi@niofika.se<br>08-123 45 67</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"32px"} -->
<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"className":"theme-credits-row","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-group theme-credits-row"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>© 2023</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny"} /-->

<!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size">— Theme by <a href="https://andersnoren.se">Anders Norén</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
Footer with site title, menu, opening hours, contact information and social icons in two columns.

tove/footer-horizontal-columns-2

Categories: tove-footer

<!-- wp:group {"align":"wide","layout":{"inherit":true,"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:spacer {"height":"1px","className":"hide-mobile"} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer hide-mobile"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:site-title {"level":0,"textAlign":"left","fontSize":"large"} /-->

<!-- wp:spacer {"height":"1px"} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<h6 style="margin-bottom:var(--wp--preset--spacing--30)">Navigation</h6>
<!-- /wp:heading -->

<!-- wp:navigation {"ref":25660,"overlayMenu":"never","__unstableLocation":"primary","className":"no-margin-top","layout":{"type":"flex","setCascadingProperties":"true","orientation":"vertical","justifyContent":"left","flexWrap":"wrap"},"style":{"spacing":{"blockGap":"0.5em"}}} /-->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<h6 style="margin-bottom:var(--wp--preset--spacing--30)">Our Hours</h6>
<!-- /wp:heading -->

<!-- wp:columns {"isStackedOnMobile":false,"className":"no-margin-top"} -->
<div class="wp-block-columns is-not-stacked-on-mobile no-margin-top"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Mon–Fri<br>Saturday<br>Sunday</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>07 – 18<br>08 – 19<br>08 – 19</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"1px","className":"hide-mobile"} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer hide-mobile"></div>
<!-- /wp:spacer -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<h6 style="margin-bottom:var(--wp--preset--spacing--30)">Contact</h6>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<p style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">hi@niofika.se<br>08-123 45
67</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|30"}}}} -->
<h6 style="margin-bottom:var(--wp--preset--spacing--30)">Follow Us</h6>
<!-- /wp:heading -->

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","className":"items-justified-left is-style-logos-only no-margin-top"} -->
<ul
class="wp-block-social-links has-icon-color items-justified-left is-style-logos-only no-margin-top">
<!-- 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:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:spacer {"height":"16px"} -->
<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"className":"theme-credits-row","layout":{"type":"flex"}} -->
<div class="wp-block-group theme-credits-row"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>© 2023</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"className":"hide-mobile"} -->
<div class="wp-block-column hide-mobile"><!-- wp:paragraph {"align":"right","fontSize":"tiny"} -->
<p class="has-text-align-right has-tiny-font-size">Theme by <a href="https://andersnoren.se">Anders
Norén</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
Footer with site title, information blocks for two business locations, menu and social icons.

tove/footer-horizontal-columns-3

Categories: tove-footer

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">

<!-- wp:separator {"className":"is-style-wide","align":"wide"} -->
<hr class="wp-block-separator is-style-wide alignwide" />
<!-- /wp:separator -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:site-title {"level":5,"textAlign":"left","style":{"typography":{"lineHeight":"2","fontStyle":"normal","fontWeight":"700"}},"fontSize":"large"} /-->

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

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:columns -->
<div class="wp-block-columns">

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:heading {"level":5,"style":{"typography":{"lineHeight":"2"},"spacing":{"margin":{"bottom":"0"}}}} -->
<h5 style="line-height:2;margin-bottom:0;">Hammarby Kaj 10</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><a href="#">Show On Map →</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>hammarby@niofika.se<br />08-123 45 67</p>
<!-- /wp:paragraph -->

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

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:heading {"level":5,"style":{"typography":{"lineHeight":"2"},"spacing":{"margin":{"bottom":"0"}}}} -->
<h5 style="line-height:2;margin-bottom:0;">Odengatan 80</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><a href="#">Show On Map →</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>odengatan@niofika.se<br />08-123 45 67</p>
<!-- /wp:paragraph -->

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

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

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

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

<!-- wp:separator {"className":"is-style-wide","align":"wide"} -->
<hr class="wp-block-separator is-style-wide alignwide" />
<!-- /wp:separator -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:navigation {"overlayMenu":"never","__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","orientation":"horizontal"}} /-->

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

<!-- wp:column -->
<div class="wp-block-column">

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","className":"items-justified-left is-style-logos-only"} -->
<ul class="wp-block-social-links has-icon-color items-justified-left 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:column -->

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

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

</div>
<!-- /wp:group -->
Footer with site title, contact information, and two menus.

tove/footer-horizontal-columns-4

Categories: tove-footer

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">
<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns {"className":"is-style-tove-horizontal-separators"} -->
<div class="wp-block-columns is-style-tove-horizontal-separators">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Hammarby Kaj 10<br>120 32 Stockholm</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">hej@niofika.se<br>08-123 45 67</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"typography":{"lineHeight":"2"}}} -->
<h6 style="line-height:2">Info</h6>
<!-- /wp:heading -->

<!-- wp:navigation {"overlayMenu":"never","__unstableLocation":"primary","className":"no-margin-top","layout":{"type":"flex","setCascadingProperties":"true","orientation":"vertical","justifyContent":"left","flexWrap":"wrap"},"style":{"spacing":{"blockGap":"0.5em"}}} /-->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"typography":{"lineHeight":"2"}}} -->
<h6 style="line-height:2">Follow us</h6>
<!-- /wp:heading -->

<!-- wp:navigation {"overlayMenu":"never","className":"no-margin-top","layout":{"type":"flex","setCascadingProperties":"true","orientation":"vertical"},"fontSize":"small"} /-->
<!-- wp:navigation-link {"label":"Twitter","url":"https://twitter.com","kind":"custom","isTopLevelLink":true} /-->
<!-- wp:navigation-link {"label":"Facebook","url":"https://facebook.com","kind":"custom","isTopLevelLink":true} /-->
<!-- wp:navigation-link {"label":"Instagram","url":"https://instagram.com","kind":"custom","isTopLevelLink":true} /-->
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

<!-- wp:separator {"align":"wide","className":"is-style-wide"} -->
<hr class="wp-block-separator alignwide is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"className":"theme-credits-row","layout":{"type":"flex"}} -->
<div class="wp-block-group theme-credits-row">
<!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>© 2023</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size">Theme by <a href="https://andersnoren.se">Anders Norén</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
Footer with site title, theme credit and social icons.

tove/footer-horizontal-social

Categories: tove-footer

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">

<!-- wp:columns {"verticalAlignment":null,"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">

<!-- wp:group {"className":"theme-credits-row","layout":{"type":"flex"}} -->
<div class="wp-block-group theme-credits-row">
<!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>© 2023</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny"} /-->
</div>
<!-- /wp:group -->

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

<!-- wp:column {"className":"hide-tablet-portrait"} -->
<div class="wp-block-column hide-tablet-portrait">

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Theme by <a href="https://andersnoren.se">Anders Norén</a></p>
<!-- /wp:paragraph -->

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

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-icon-color items-justified-right 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:column -->

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

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

</div>
<!-- /wp:group -->
Footer with site title and theme credit in a centered paragraph. This is the default footer in the theme.

tove/footer-horizontal

Categories: tove-footer

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"className":"theme-credits-row","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center"}} -->
<div class="wp-block-group theme-credits-row"><!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size"><strong>© 2023</strong></p>
<!-- /wp:paragraph -->

<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny"} /-->

<!-- wp:paragraph {"fontSize":"tiny"} -->
<p class="has-tiny-font-size">— Theme by <a href="https://andersnoren.se">Anders Norén</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Footer with site title, theme credit and social icons stacked and centered.

tove/footer-stacked-centered

Categories: tove-footer

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">

<!-- wp:group {"className":"theme-credits-row no-margin-bottom","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-group theme-credits-row no-margin-bottom">
<!-- wp:paragraph -->
<p><strong>© 2023</strong> </p>
<!-- /wp:paragraph -->

<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
</div>
<!-- /wp:group -->

<!-- wp:spacer {"height":12} -->
<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph {"align":"center","fontSize":"tiny"} -->
<p class="has-text-align-center has-tiny-font-size">Theme by <a href="https://andersnoren.se">Anders Norén</a></p>
<!-- /wp:paragraph -->

<!-- wp:separator {"align":"center"} -->
<hr class="wp-block-separator aligncenter" />
<!-- /wp:separator -->

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","className":"items-justified-center is-style-logos-only"} -->
<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 -->

</div>
<!-- /wp:group -->
Frequently Asked Questions (FAQ) section.

tove/general-faq

Categories: tove-general

<!-- wp:group {"align":"full","backgroundColor":"secondary","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-secondary-background-color has-background">
<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:columns {"verticalAlignment":"bottom","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-bottom">
<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:heading {"level":1} -->
<h1>FAQ</h1>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:heading {"level":5} -->
<h5><strong>Can’t find your question? <a href="#">Email us</a>!</strong></h5>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":5} -->
<h5>When is your coffee roasted?</h5>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>The beans used to brew the coffee in our cafe is never older than three weeks. As for the beans
we sell, you can always find the roast date on our packaging, along with a recommended “best
brewed before” date. As a general rule, you want as little time as possible to pass between the
harvest, the roast, the grind, and the brewing. If you’re looking for a deal, we sometimes
discount beans based on how much time has passed since the roast date.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":5} -->
<h5>Can I learn more about your environmental work?</h5>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>Of course! You can read about it on <a href="#">this page</a>, talk to any of our cafe employees,
or <a href="#">send us an email</a> with more in-depth questions. We’re always happy to talk
about the steps we take to reduce our environmental footprint.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide"><!-- wp:separator {"opacity":"css","className":"is-style-wide"} -->
<hr class="wp-block-separator has-css-opacity is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:heading {"level":5} -->
<h5>What’s your laptop policy?</h5>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph -->
<p>You are free to bring your laptop to our cafes, of course. We provide free and fast Wi-Fi and
many of our tables have outlets within charging cable distance. We only hope that you agree that
buying a cup of coffee at nine in the morning and occupying a table until five in the afternoon
is not very cool behavior.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
Full-width feature section with headings, text, and buttons.

tove/general-feature-large

Categories: tove-general

<!-- wp:cover {"overlayColor":"secondary","align":"full"} -->
<div class="wp-block-cover alignfull has-secondary-background-color has-background-dim">
<div class="wp-block-cover__inner-container">
<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"align":"wide","textColor":"foreground"} -->
<div class="wp-block-columns alignwide has-foreground-color has-text-color">
<!-- wp:column {"width":"560px"} -->
<div class="wp-block-column" style="flex-basis:560px">
<!-- wp:heading {"level":6,"backgroundColor":"senary"} -->
<h6 class="has-senary-background-color has-background">Coffee on the quick</h6>
<!-- /wp:heading -->

<!-- wp:heading {"level":1,"style":{"typography":{"fontWeight":"500"}}} -->
<h1 style="font-weight:500">Say Hi to the New Niofika Café App</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">It's Monday morning, you're running late to the office, but you need your morning cup of coffee to wake up before the first meeting, and the line at Niofika is loooong. Sounds familiar?</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">With the new <strong>Niofika Café app</strong>, you can preorder your coffee and have it ready by a time of your choosing. Pay directly in the app and skip the lines. Download it now!</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">For iPhone</a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">For Android</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:image {"align":"center","width":256,"height":308,"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->
<div class="wp-block-image is-style-default">
<figure class="aligncenter size-large is-resized"><img src="https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/logo.png" alt="" width="256" height="308" /></figure>
</div>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
Follow us section with a horizontal layout.

tove/general-follow-us-horizontal

Categories: tove-general

<!-- wp:group {"align":"wide","backgroundColor":"senary","className":"is-style-tove-shaded"} -->
<div class="wp-block-group alignwide is-style-tove-shaded has-senary-background-color has-background">
<!-- wp:columns {"verticalAlignment":null} -->
<div class="wp-block-columns">
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:heading {"textAlign":"left"} -->
<h2 class="has-text-align-left">Follow Us!</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","iconBackgroundColor":"primary","iconBackgroundColorValue":"#FFC3CF","size":"has-normal-icon-size","className":"items-justified-center is-style-pill-shape"} -->
<ul class="wp-block-social-links has-normal-icon-size has-icon-color has-icon-background-color items-justified-right items-justified-center is-style-pill-shape">
<!-- 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:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
Follow us section with a vertical layout.

tove/general-follow-us-vertical

Categories: tove-general

<!-- wp:group {"backgroundColor":"senary","className":"is-style-tove-shaded"} -->
<div class="wp-block-group is-style-tove-shaded has-senary-background-color has-background">
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Follow Us!</h2>
<!-- /wp:heading -->

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

<!-- wp:separator -->
<hr class="wp-block-separator" />
<!-- /wp:separator -->

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","iconBackgroundColor":"primary","iconBackgroundColorValue":"#FFC3CF","size":"has-normal-icon-size","className":"is-style-pill-shape"} -->
<ul class="wp-block-social-links has-normal-icon-size has-icon-color has-icon-background-color items-justified-center is-style-pill-shape">
<!-- 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 -->
Information banner

tove/general-information-banner

Categories: tove-general

<!-- wp:group {"align":"wide","backgroundColor":"senary"} -->
<div class="wp-block-group alignwide has-senary-background-color has-background">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:paragraph -->
<p>Note! We switch to our fall opening hours on September 1.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"width":"175px"} -->
<div class="wp-block-column" style="flex-basis:175px">
<!-- wp:paragraph {"align":"right"} -->
<p class="has-text-align-right"><a href="#">Read More →</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
Media and text with button.

tove/general-media-text-button

Categories: tove-general

<!-- wp:media-text {"mediaPosition":"right","mediaLink":"https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png","mediaType":"image","mediaSizeSlug":"full","imageFill":true,"focalPoint":{"x":0,"y":"0.50"},"backgroundColor":"senary","className":"is-style-default"} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill is-style-default has-senary-background-color has-background">
<figure class="wp-block-media-text__media" style="background-image:url(https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png);background-position:0% 50%"><img src="https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png" alt="" /></figure>
<div class="wp-block-media-text__content">
<!-- wp:heading {"level":6,"style":{"spacing":{"margin":{"bottom":"0","top":"0"}}},"backgroundColor":"secondary"} -->
<h6 class="has-secondary-background-color has-background" style="margin-top:0;margin-bottom:0">Hammarby Kaj 10</h6>
<!-- /wp:heading -->

<!-- wp:heading {"level":1,"style":{"typography":{"fontWeight":"500"},"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
<h1 style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);font-weight:500">Our Specials</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">See our recommendations for the best experiences at Niofika in Hammarby Sjöstad.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Discover →</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
</div>
<!-- /wp:media-text -->
Compact latest news section with three posts.

tove/general-previews-columns-small

Categories: tove-general

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}},"typography":{"textTransform":"uppercase"}},"fontSize":"tiny"} -->
<h2 class="has-tiny-font-size" style="margin-bottom:var(--wp--preset--spacing--40);text-transform:uppercase">Latest
News</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":27,"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide","className":"no-margin-top"} -->
<div class="wp-block-query alignwide no-margin-top"><!-- wp:post-template -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"border":{"radius":"16px"}},"backgroundColor":"senary"} -->
<div class="wp-block-group alignwide has-senary-background-color has-background"
style="border-radius:16px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%">
<!-- wp:post-featured-image {"isLink":true,"width":"","height":"170px"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column">
<!-- wp:post-date {"style":{"typography":{"fontWeight":"700"}},"fontSize":"heading-6"} /-->

<!-- wp:post-title {"level":3,"isLink":true,"fontSize":"large"} /-->

<!-- wp:post-excerpt {"className":"no-margin","fontSize":"small"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Latest news section with three posts.

tove/general-previews-columns

Categories: tove-general

<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|10"}}}} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:heading -->
<h2>Latest News</h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">Stay up to date with the latest news at Niofika Café.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:query {"queryId":21,"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
<div class="wp-block-query alignwide"><!-- wp:post-template -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true} /-->

<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:post-date {"style":{"typography":{"fontWeight":"700"}},"fontSize":"heading-6"} /-->

<!-- wp:post-title {"level":3,"isLink":true} /-->

<!-- wp:post-excerpt {"moreText":"","className":"no-margin"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Large featured section for the latest sticky post on the site.

tove/general-previews-featured

Categories: tove-general

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|40"}},"typography":{"textTransform":"uppercase"}},"fontSize":"tiny"} -->
<h2 class="has-tiny-font-size" style="margin-bottom:var(--wp--preset--spacing--40);text-transform:uppercase">
Featured Post</h2>
<!-- /wp:heading -->

<!-- wp:query {"queryId":27,"query":{"perPage":"1","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"displayLayout":{"type":"list","columns":2},"align":"wide","className":"no-margin-top"} -->
<div class="wp-block-query alignwide no-margin-top"><!-- wp:post-template -->
<!-- wp:group {"align":"wide","style":{"border":{"radius":"16px"}},"backgroundColor":"senary"} -->
<div class="wp-block-group alignwide has-senary-background-color has-background" style="border-radius:16px">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:post-featured-image {"isLink":true,"width":"","height":""} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:post-date {"style":{"typography":{"fontWeight":"700"}},"fontSize":"heading-6"} /-->

<!-- wp:post-title {"level":3,"isLink":true,"style":{"spacing":{"margin":{"bottom":"0.75em","top":"0.75em"}}}} /-->

<!-- wp:post-excerpt {"moreText":"Read More →","className":"no-margin"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:group -->
Pricing table with three tiers.

tove/general-pricing-table

Categories: tove-general

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}},"className":"is-style-default"} -->
<div class="wp-block-columns alignwide is-style-default"><!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"tertiary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-tertiary-background-color has-background">
<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"bottom":"0em","top":"0em"}}}} -->
<h3 class="has-text-align-center" style="margin-top:0em;margin-bottom:0em">Basic</h3>
<!-- /wp:heading -->

<!-- wp:separator {"opacity":"css","className":"aligncenter"} -->
<hr class="wp-block-separator has-css-opacity aligncenter" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">499 SEK / year</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

<!-- wp:group {"backgroundColor":"senary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-senary-background-color has-background"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li><span
style="color: var(--wp--preset--color--foreground); font-size: var(--wp--preset--font-size--normal);">5
percent discount on everything</span></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Free shipping in the online store</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Invitations to special events</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0"}}},"backgroundColor":"senary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-senary-background-color has-background" style="padding-top:0">
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"tertiary","width":100,"style":{"typography":{"fontSize":"1em"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size"
style="font-size:1em"><a
class="wp-block-button__link has-tertiary-background-color has-background wp-element-button">Buy
Now</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"primary","textColor":"foreground","className":"no-margin"} -->
<div
class="wp-block-group no-margin has-foreground-color has-primary-background-color has-text-color has-background">
<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"bottom":"0em","top":"0em"}}}} -->
<h3 class="has-text-align-center" style="margin-top:0em;margin-bottom:0em">Premium</h3>
<!-- /wp:heading -->

<!-- wp:separator {"opacity":"css","className":"aligncenter"} -->
<hr class="wp-block-separator has-css-opacity aligncenter" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">999 SEK / year</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

<!-- wp:group {"backgroundColor":"senary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-senary-background-color has-background"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>Everything in basic, plus:</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>10 percent discount on everything</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Invitation to our annual barista class</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0"}}},"backgroundColor":"senary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-senary-background-color has-background" style="padding-top:0">
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"primary","width":100,"style":{"typography":{"fontSize":"1em"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size"
style="font-size:1em"><a
class="wp-block-button__link has-primary-background-color has-background wp-element-button">Buy
Now</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"secondary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-secondary-background-color has-background">
<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"bottom":"0em","top":"0em"}}}} -->
<h3 class="has-text-align-center" style="margin-top:0em;margin-bottom:0em">Deluxe</h3>
<!-- /wp:heading -->

<!-- wp:separator {"opacity":"css","className":"aligncenter"} -->
<hr class="wp-block-separator has-css-opacity aligncenter" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">1 999 SEK / year</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

<!-- wp:group {"backgroundColor":"senary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-senary-background-color has-background"><!-- wp:list -->
<ul><!-- wp:list-item -->
<li>Everything in basic and premium, plus:</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>One free cup of pour over per day</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>One bag of coffee per month</li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
</div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0"}}},"backgroundColor":"senary","className":"no-margin"} -->
<div class="wp-block-group no-margin has-senary-background-color has-background" style="padding-top:0">
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"secondary","width":100,"style":{"typography":{"fontSize":"1em"}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size"
style="font-size:1em"><a
class="wp-block-button__link has-secondary-background-color has-background wp-element-button">Buy
Now</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
Testimonials section with three quotes.

tove/general-testimonials-columns

Categories: tove-general

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"senary"} -->
<div class="wp-block-group has-senary-background-color has-background">
<!-- 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/tove/assets/images/illustrations/avatar-3.png" alt="" width="100" /></figure>
</div>
<!-- /wp:image -->

<!-- wp:quote {"align":"center","className":"is-style-default"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-default"><!-- wp:paragraph -->
<p>“Niofika Café serves the best coffee in Stockholm. It’s not even close.”</p>
<!-- /wp:paragraph --><cite>Coffee Snob</cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"senary"} -->
<div class="wp-block-group has-senary-background-color has-background">
<!-- 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/tove/assets/images/illustrations/avatar-1.png" alt="" width="100" /></figure>
</div>
<!-- /wp:image -->

<!-- wp:quote {"align":"center","className":"is-style-default"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-default"><!-- wp:paragraph -->
<p>“Niofika Café serves the best coffee in Stockholm. It’s not even close.”</p>
<!-- /wp:paragraph --><cite>Coffee Snob</cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"senary"} -->
<div class="wp-block-group has-senary-background-color has-background">
<!-- 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/tove/assets/images/illustrations/avatar-2.png" alt="" width="100" /></figure>
</div>
<!-- /wp:image -->

<!-- wp:quote {"align":"center","className":"is-style-default"} -->
<blockquote class="wp-block-quote has-text-align-center is-style-default"><!-- wp:paragraph -->
<p>“Niofika Café serves the best coffee in Stockholm. It’s not even close.”</p>
<!-- /wp:paragraph --><cite>Coffee Snob</cite>
</blockquote>
<!-- /wp:quote -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
Header with site title, a menu and buttons.

tove/header-horizontal-button

Categories: tove-header

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":null,"isStackedOnMobile":false,"align":"wide"} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile">

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:site-title {"level":0,"textAlign":"left","fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"right","orientation":"horizontal","flexWrap":"wrap"},"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"163px","className":"hide-tablet-portrait"} -->
<div class="wp-block-column is-vertically-aligned-center hide-tablet-portrait" style="flex-basis:163px">

<!-- wp:buttons {"contentJustification":"right"} -->
<div class="wp-block-buttons is-content-justification-right">
<!-- wp:button {"backgroundColor":"primary","style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"16px","right":"16px"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-primary-background-color has-background" style="padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px">08-123 45 67</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->

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

</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
Header with opening hours, site title, social icons, a menu and a Call us button.

tove/header-horizontal-double-deluxe

Categories: tove-header

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">

<!-- wp:column {"verticalAlignment":"center","width":"","className":"hide-mobile"} -->
<div class="wp-block-column is-vertically-aligned-center hide-mobile">
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Mon-Fri 07 – 18<br>Sat-Sun 07 – 19</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:site-title {"level":0,"textAlign":"center","fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","className":"hide-mobile"} -->
<div class="wp-block-column is-vertically-aligned-center hide-mobile">

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","size":"has-normal-icon-size","className":"items-justified-right items-justified-center is-style-logos-only"} -->
<ul class="wp-block-social-links has-normal-icon-size has-icon-color items-justified-right 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:column -->

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

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"right","orientation":"horizontal","flexWrap":"wrap"},"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"80px","className":"hide-tablet-landscape"} -->
<div class="wp-block-column is-vertically-aligned-center hide-tablet-landscape" style="flex-basis:80px">
<!-- wp:paragraph {"align":"right","fontSize":"small"} -->
<p class="has-text-align-right has-small-font-size"><strong>Call Us!</strong></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"157px"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:157px">
<!-- wp:buttons {"contentJustification":"right"} -->
<div class="wp-block-buttons is-content-justification-right">
<!-- wp:button {"backgroundColor":"primary","style":{"spacing":{"padding":{"top":"14px","bottom":"14px","left":"21px","right":"21px"}}},"className":"is-style-fill","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size is-style-fill has-small-font-size"><a class="wp-block-button__link has-primary-background-color has-background" style="padding-top:14px;padding-right:21px;padding-bottom:14px;padding-left:21px">08-123 45 67</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->

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

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

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

</div>
<!-- /wp:group -->
Header with opening hours, button, site title and a menu.

tove/header-horizontal-double

Categories: tove-header

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">

<!-- wp:columns {"verticalAlignment":null,"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">

<!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Mon-Fri 07 – 18<br>Sat-Sun 07 – 19</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","className":"hide-mobile"} -->
<div class="wp-block-column is-vertically-aligned-center hide-mobile">

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","size":"has-normal-icon-size","className":"is-style-logos-only"} -->
<ul class="wp-block-social-links has-normal-icon-size 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:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">

<!-- wp:buttons {"contentJustification":"right"} -->
<div class="wp-block-buttons is-content-justification-right">
<!-- wp:button {"backgroundColor":"primary","style":{"spacing":{"padding":{"top":"10px","bottom":"10px","left":"16px","right":"16px"}}},"fontSize":"tiny"} -->
<div class="wp-block-button has-custom-font-size has-tiny-font-size"><a class="wp-block-button__link has-primary-background-color has-background" href="tel:081234567" style="padding-top:10px;padding-right:16px;padding-bottom:10px;padding-left:16px">08-123 45 67</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->

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

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

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">

<!-- wp:column {"verticalAlignment":"center","width":""} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:site-title {"level":0,"textAlign":"left","fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"right","orientation":"horizontal","flexWrap":"wrap"},"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

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

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

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

</div>
<!-- /wp:group -->
Header with site title, a menu and social icons.

tove/header-horizontal-social

Categories: tove-header

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">

<!-- wp:columns {"verticalAlignment":null,"isStackedOnMobile":false,"align":"wide"} -->
<div class="wp-block-columns alignwide is-not-stacked-on-mobile">

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:site-title {"level":0,"textAlign":"left","fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"300px","className":"hide-tablet"} -->
<div class="wp-block-column is-vertically-aligned-center hide-tablet" style="flex-basis:300px">

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","className":"items-justified-center is-style-logos-only"} -->
<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:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"right","orientation":"horizontal","flexWrap":"wrap"},"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

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

</div>
<!-- /wp:group -->
Header with site title and a menu. This is the default header in the theme.

tove/header-horizontal

Categories: tove-header

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:columns {"verticalAlignment":"center","isStackedOnMobile":false,"align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center is-not-stacked-on-mobile">
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:site-title {"fontSize":"large"} /-->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center">
<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"right","orientation":"horizontal","flexWrap":"wrap"},"fontSize":"large"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
Header with site title, a menu and social icons stacked and centered.

tove/header-stacked-centered

Categories: tove-header

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">

<!-- wp:group {"align":"wide"} -->
<div class="wp-block-group alignwide">

<!-- wp:site-title {"textAlign":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"heading-3"} /-->

<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":"true","justifyContent":"center","orientation":"horizontal","flexWrap":"wrap"}} /-->

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#374AC8","className":"items-justified-center is-style-logos-only"} -->
<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 -->

</div>
<!-- /wp:group -->
Hero with a background image and a heading, paragraph of text, and buttons.

tove/hero-cover-group-bg

Categories: tove-hero

<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/smile-square.png","hasParallax":true,"dimRatio":0,"minHeight":66,"minHeightUnit":"vh","align":"full"} -->
<div class="wp-block-cover alignfull has-parallax" style="background-image:url(https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/smile-square.png);min-height:66vh">
<div class="wp-block-cover__inner-container">
<!-- wp:group {"layout":{"inherit":false,"contentSize":"900px"}} -->
<div class="wp-block-group">
<!-- wp:group {"backgroundColor":"senary","textColor":"foreground","className":"is-style-default","layout":{"contentSize":""}} -->
<div class="wp-block-group is-style-default has-foreground-color has-senary-background-color has-text-color has-background">
<!-- wp:heading {"textAlign":"center","level":1} -->
<h1 class="has-text-align-center">Have Coffee with a Smile at our Friendly Cafés</h1>
<!-- /wp:heading -->

<!-- wp:separator -->
<hr class="wp-block-separator" />
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">Quality coffee and good coffee, always served with a smile.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Learn More</a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Booking</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
Hero with a background image, a heading and buttons.

tove/hero-cover

Categories: tove-hero

<!-- wp:cover {"url":"https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/smile-square.png","id":23924,"hasParallax":true,"dimRatio":0,"minHeight":75,"minHeightUnit":"vh","contentPosition":"center center","align":"full"} -->
<div class="wp-block-cover alignfull has-parallax"
style="background-image:url(https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/smile-square.png);min-height:75vh">
<div class="wp-block-cover__inner-container">
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:group {"align":"wide","layout":{"inherit":false}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"level":6,"backgroundColor":"primary","textColor":"foreground"} -->
<h6 class="has-foreground-color has-primary-background-color has-text-color has-background">New!</h6>
<!-- /wp:heading -->

<!-- wp:heading {"level":1,"textColor":"background","fontSize":"gigantic"} -->
<h1 class="has-background-color has-text-color has-gigantic-font-size">Epic Menu,<br>Epic Fall</h1>
<!-- /wp:heading -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"primary","style":{"typography":{"fontSize":"1em"},"spacing":{"padding":{"top":"0.9em","bottom":"0.9em","left":"2em","right":"2em"}}}} -->
<div class="wp-block-button has-custom-font-size" style="font-size:1em"><a
class="wp-block-button__link has-primary-background-color has-background wp-element-button"
style="padding-top:0.9em;padding-right:2em;padding-bottom:0.9em;padding-left:2em">Order
Now</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:cover -->
Hero with a large heading to the left and text to the right.

tove/hero-text-displaced

Categories: tove-hero

<!-- wp:group {"align":"wide","layout":{"inherit":false,"contentSize":"700px"}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"className":"no-margin-left"} -->
<div class="wp-block-group no-margin-left">
<!-- wp:heading {"level":1,"fontSize":"gigantic"} -->
<h1 class="has-gigantic-font-size">Ethical Coffee Tastes Better</h1>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->

<!-- wp:group {"className":"no-margin-right"} -->
<div class="wp-block-group no-margin-right">
<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">We take pride in having full insight in the journey our coffee beans make. From the farm, to the processing station, to the roastery, to your cup. By working directly with the farmers, we ensure that they are well compensated and that the beans are grown in a sustainable fashion. Ethical coffee tastes better.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
Hero with headings, a paragraph of text, and buttons.

tove/hero-text

Categories: tove-hero

<!-- wp:group {"align":"wide","layout":{"inherit":false,"contentSize":"710px","type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textAlign":"center","level":6,"backgroundColor":"primary","textColor":"foreground"} -->
<h6 class="has-text-align-center has-foreground-color has-primary-background-color has-text-color has-background">
Now serving...</h6>
<!-- /wp:heading -->

<!-- wp:heading {"textAlign":"center","level":1} -->
<h1 class="has-text-align-center">The Fall Menu</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">We hope you’re in the mood for Pumpkin Spice Latte, because
fall is here and we’re serving nothing else until December!</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Read More</a></div>
<!-- /wp:button -->

<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Find Us</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
Promotional section for a featured dish.

tove/restaurant-featured-dish

Categories: tove-restaurant

<!-- wp:media-text {"mediaPosition":"right","mediaLink":"https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png","mediaType":"image","mediaSizeSlug":"full","backgroundColor":"secondary"} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile has-secondary-background-color has-background">
<figure class="wp-block-media-text__media"><img src="https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png" alt="" /></figure>
<div class="wp-block-media-text__content">
<!-- wp:group {"layout":{"inherit":false,"contentSize":"500px"}} -->
<div class="wp-block-group">
<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">Comfort in a Cup</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">Feeling a bit down about summer ending? Our Pumpkin Spice Latte will help you get excited for the season of the witch.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"contentJustification":"center"} -->
<div class="wp-block-buttons is-content-justification-center">
<!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link">Read More</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
</div>
<!-- /wp:media-text -->
Information block for a restaurant or café location.

tove/restaurant-location

Categories: tove-restaurant

<!-- wp:media-text {"mediaPosition":"right","mediaLink":"https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png","mediaType":"image","mediaSizeSlug":"full","imageFill":true,"focalPoint":{"x":0,"y":"0.50"},"backgroundColor":"senary","className":"is-style-default"} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill is-style-default has-senary-background-color has-background">
<figure class="wp-block-media-text__media" style="background-image:url(https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png);background-position:0% 50%"><img src="https://blocks.wp-a2z.org/wp-content/themes/tove/assets/images/illustrations/cup-illustration-square.png" alt="" /></figure>
<div class="wp-block-media-text__content">
<!-- wp:heading {"level":3} -->
<h3>Hammarby Kaj 10</h3>
<!-- /wp:heading -->

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

<!-- wp:columns {"className":"is-style-tove-horizontal-separators"} -->
<div class="wp-block-columns is-style-tove-horizontal-separators">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"typography":{"fontSize":"14px"}},"backgroundColor":"secondary","textColor":"foreground"} -->
<h6 class="has-foreground-color has-secondary-background-color has-text-color has-background" style="font-size:14px">The Details</h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Hammarby Kaj 10<br>120 32 Stockholm</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>hammarby@niofika.se<br>08-123 45 67</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"level":6,"style":{"typography":{"fontSize":"14px"}},"backgroundColor":"secondary","textColor":"foreground"} -->
<h6 class="has-foreground-color has-secondary-background-color has-text-color has-background" style="font-size:14px">The Hours</h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Monday-Friday<br>07 – 18</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Weekends<br>08 – 19</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->

<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide" />
<!-- /wp:separator -->

<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"backgroundColor":"primary","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-primary-background-color has-background">About</a></div>
<!-- /wp:button -->

<!-- wp:button {"backgroundColor":"primary","className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-primary-background-color has-background">Directions</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
</div>
<!-- /wp:media-text -->
A row with three columns for the restaurant menu.

tove/restaurant-menu-row

Categories: tove-restaurant

<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"textAlign":"left","level":6,"backgroundColor":"secondary"} -->
<h6 class="has-text-align-left has-secondary-background-color has-background">Coffee</h6>
<!-- /wp:heading -->

<!-- wp:table {"className":"is-style-tove-vertical-borders no-margin-top"} -->
<figure class="wp-block-table is-style-tove-vertical-borders no-margin-top">
<table>
<tbody>
<tr>
<td><strong>Espresso — Double</strong></td>
<td class="has-text-align-right" data-align="right">30</td>
</tr>
<tr>
<td><strong>Machiato</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Americano</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Cappucino</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Latte</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Pour Over</strong></td>
<td class="has-text-align-right" data-align="right">30</td>
</tr>
<tr>
<td><strong>Hot Chocolate</strong></td>
<td class="has-text-align-right" data-align="right">30</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"textAlign":"left","level":6,"backgroundColor":"secondary"} -->
<h6 class="has-text-align-left has-secondary-background-color has-background">Snacks</h6>
<!-- /wp:heading -->

<!-- wp:table {"className":"is-style-tove-vertical-borders  no-margin-top"} -->
<figure class="wp-block-table is-style-tove-vertical-borders  no-margin-top">
<table>
<tbody>
<tr>
<td><strong>Marcona Almonds</strong><br>The queen of almonds</td>
<td class="has-text-align-right" data-align="right">60</td>
</tr>
<tr>
<td><strong>Padrones</strong><br>Oil, citrus, salt</td>
<td class="has-text-align-right" data-align="right">70</td>
</tr>
<tr>
<td><strong>Olives</strong><br>Pelotin, Gordal, Manzanilla</td>
<td class="has-text-align-right" data-align="right">55</td>
</tr>
<tr>
<td><strong>A Bit of Meat</strong><br>Daily special</td>
<td class="has-text-align-right" data-align="right">55</td>
</tr>
<tr>
<td><strong>A Bit of Cheese</strong><br>Daily special</td>
<td class="has-text-align-right" data-align="right">55</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"textAlign":"left","level":6,"backgroundColor":"secondary"} -->
<h6 class="has-text-align-left has-secondary-background-color has-background">Food</h6>
<!-- /wp:heading -->

<!-- wp:table {"className":"is-style-tove-vertical-borders  no-margin-top"} -->
<figure class="wp-block-table is-style-tove-vertical-borders  no-margin-top">
<table>
<tbody>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Bam Bam</strong><br>Fried potato, pickled potato, leche de tigre nikke, caviar</td>
<td class="has-text-align-right" data-align="right">165</td>
</tr>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Steak Tartare</strong><br>Egg creme, chimichurri emulsion, onion, cress, potato crunch</td>
<td class="has-text-align-right" data-align="right">165 </td>
</tr>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Snowmelt</strong><br>Ceviche on trout, chili, onion, coriander, avocado, leche de tigre</td>
<td class="has-text-align-right" data-align="right">165</td>
</tr>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Kale</strong><br>Butter emulsion, cheese</td>
<td class="has-text-align-right" data-align="right">145</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
Restaurant menu with columns for three different menu sections.

tove/restaurant-menu

Categories: tove-restaurant

<!-- wp:group {"align":"wide","backgroundColor":"senary","className":"is-style-tove-shaded","layout":{"inherit":false}} -->
<div class="wp-block-group alignwide is-style-tove-shaded has-senary-background-color has-background">
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Our Menu</h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">Allergies? Talk to our staff! They’ll help you navigate the menu.</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-default"} -->
<hr class="wp-block-separator is-style-default" />
<!-- /wp:separator -->

<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"textAlign":"left","level":6,"backgroundColor":"secondary"} -->
<h6 class="has-text-align-left has-secondary-background-color has-background">Coffee</h6>
<!-- /wp:heading -->

<!-- wp:table {"className":"is-style-tove-vertical-borders no-margin-top"} -->
<figure class="wp-block-table is-style-tove-vertical-borders no-margin-top">
<table>
<tbody>
<tr>
<td><strong>Espresso — Double</strong></td>
<td class="has-text-align-right" data-align="right">30</td>
</tr>
<tr>
<td><strong>Machiato</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Americano</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Cappucino</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Latte</strong></td>
<td class="has-text-align-right" data-align="right">35</td>
</tr>
<tr>
<td><strong>Pour Over</strong></td>
<td class="has-text-align-right" data-align="right">30</td>
</tr>
<tr>
<td><strong>Hot Chocolate</strong></td>
<td class="has-text-align-right" data-align="right">30</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"textAlign":"left","level":6,"backgroundColor":"secondary"} -->
<h6 class="has-text-align-left has-secondary-background-color has-background">Snacks</h6>
<!-- /wp:heading -->

<!-- wp:table {"className":"is-style-tove-vertical-borders  no-margin-top"} -->
<figure class="wp-block-table is-style-tove-vertical-borders  no-margin-top">
<table>
<tbody>
<tr>
<td><strong>Marcona Almonds</strong><br>The queen of almonds</td>
<td class="has-text-align-right" data-align="right">60</td>
</tr>
<tr>
<td><strong>Padrones</strong><br>Oil, citrus, salt</td>
<td class="has-text-align-right" data-align="right">70</td>
</tr>
<tr>
<td><strong>Olives</strong><br>Pelotin, Gordal, Manzanilla</td>
<td class="has-text-align-right" data-align="right">55</td>
</tr>
<tr>
<td><strong>A Bit of Meat</strong><br>Daily special</td>
<td class="has-text-align-right" data-align="right">55</td>
</tr>
<tr>
<td><strong>A Bit of Cheese</strong><br>Daily special</td>
<td class="has-text-align-right" data-align="right">55</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->
</div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:heading {"textAlign":"left","level":6,"backgroundColor":"secondary"} -->
<h6 class="has-text-align-left has-secondary-background-color has-background">Food</h6>
<!-- /wp:heading -->

<!-- wp:table {"className":"is-style-tove-vertical-borders  no-margin-top"} -->
<figure class="wp-block-table is-style-tove-vertical-borders  no-margin-top">
<table>
<tbody>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Bam Bam</strong><br>Fried potato, pickled potato, leche de tigre nikke, caviar</td>
<td class="has-text-align-right" data-align="right">165</td>
</tr>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Steak Tartare</strong><br>Egg creme, chimichurri emulsion, onion, cress, potato crunch</td>
<td class="has-text-align-right" data-align="right">165 </td>
</tr>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Snowmelt</strong><br>Ceviche on trout, chili, onion, coriander, avocado, leche de tigre</td>
<td class="has-text-align-right" data-align="right">165</td>
</tr>
<tr>
<td class="has-text-align-left" data-align="left"><strong>Kale</strong><br>Butter emulsion, cheese</td>
<td class="has-text-align-right" data-align="right">145</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
A large section with opening hours.

tove/restaurant-opening-hours-big

Categories: tove-restaurant

<!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="has-text-align-center">Our Opening Hours</h2>
<!-- /wp:heading -->

<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"senary"} -->
<div class="wp-block-group has-senary-background-color has-background">
<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"bottom":"0em","top":"0em"}}}} -->
<h3 class="has-text-align-center" style="margin-bottom:0em;margin-top:0em;">Weekdays</h3>
<!-- /wp:heading -->

<!-- wp:separator {"color":"primary","align":"center"} -->
<hr class="wp-block-separator aligncenter has-text-color has-background has-primary-background-color has-primary-color" />
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">07 – 18</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"senary"} -->
<div class="wp-block-group has-senary-background-color has-background">
<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"bottom":"0em","top":"0em"}}}} -->
<h3 class="has-text-align-center" style="margin-bottom:0em;margin-top:0em;">Saturday</h3>
<!-- /wp:heading -->

<!-- wp:separator {"color":"primary","align":"center"} -->
<hr class="wp-block-separator aligncenter has-text-color has-background has-primary-background-color has-primary-color" />
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">07 – 19</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->

<!-- wp:column {"backgroundColor":"senary"} -->
<div class="wp-block-column has-senary-background-color has-background">
<!-- wp:group {"backgroundColor":"senary"} -->
<div class="wp-block-group has-senary-background-color has-background">
<!-- wp:heading {"textAlign":"center","level":3,"style":{"spacing":{"margin":{"bottom":"0em","top":"0em"}}}} -->
<h3 class="has-text-align-center" style="margin-bottom:0em;margin-top:0em;">Sunday</h3>
<!-- /wp:heading -->

<!-- wp:separator {"color":"primary","align":"center"} -->
<hr class="wp-block-separator aligncenter has-text-color has-background has-primary-background-color has-primary-color" />
<!-- /wp:separator -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="has-text-align-center">07 – 19</h3>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
A table with opening hours.

tove/restaurant-opening-hours

Categories: tove-restaurant

<!-- wp:group -->
<div class="wp-block-group">

<!-- wp:heading {"level":6} -->
<h6>Our Opening Hours</h6>
<!-- /wp:heading -->

<!-- wp:table {"hasFixedLayout":true,"borderColor":"foreground","className":"is-style-tove-vertical-borders"} -->
<figure class="wp-block-table is-style-tove-vertical-borders">
<table class="has-foreground-border-color has-border-color has-fixed-layout">
<tbody>
<tr>
<td><strong>Mon-Fri</strong></td>
<td class="has-text-align-right" data-align="right">07 – 18</td>
</tr>
<tr>
<td><strong>Saturday</strong></td>
<td class="has-text-align-right" data-align="right">08 – 19</td>
</tr>
<tr>
<td><strong>Sunday</strong></td>
<td class="has-text-align-right" data-align="right">08 – 19</td>
</tr>
</tbody>
</table>
</figure>
<!-- /wp:table -->

</div>
<!-- /wp:group -->
A really big button for reservations.

tove/restaurant-reservation-big

Categories: tove-restaurant

<!-- wp:buttons {"align":"wide"} -->
<div class="wp-block-buttons alignwide">
<!-- wp:button {"width":100,"fontSize":"heading-2"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size has-heading-2-font-size"><a class="wp-block-button__link">Make a Reservation</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->

Published:

Last updated:

September 23, 2023

Information

Letters: