WordPress Block Preview

gistfile1.txt

<!-- wp:paragraph -->
<p>This page previews all WordPress core blocks and their default ProLooks block styles. It includes sample content for each block and gives an overview of how typography, media, layout, widgets, theme, and interactive blocks are styled within this theme.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Each block has a specific purpose, from simple text and media elements to layout, navigation, and dynamic theme content. The examples below show how the blocks look, what they are useful for, and how they can support clear, flexible, and well-structured page layouts.</p>
<!-- /wp:paragraph -->

<!-- wp:code -->
<pre class="wp-block-code"><code>Author: hanneslsm, Studio Leismann
Author URI: http://studioleismann.com
Description: A page intended as a visual reference of WordPress core blocks for testing, documentation, and design consistency.
Requires at least: 7.0.
Tested up to: 7.0
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
</code></pre>
<!-- /wp:code -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Getting started</h2>
<!-- /wp:heading -->

<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"><!-- wp:list-item -->
<li>In order to use the blocks, create a new page, open the Code Editor <kbd>⇧⌥⌘M</kbd> and paste the content.</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Search and replace the URLs for media.</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:heading {"className":"is-style-default"} -->
<h2 class="wp-block-heading is-style-default">Helpful resources</h2>
<!-- /wp:heading -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li><a href="https://wordpress.org/documentation/article/wordpress-block-editor/">WordPress Block Editor documentation</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://wordpress.org/documentation/article/blocks-list/">WordPress Blocks list</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://developer.wordpress.org/block-editor/">Block Editor Handbook</a> </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://developer.wordpress.org/block-editor/reference-guides/core-blocks/">Core Blocks Reference</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:heading {"className":"is-style-text-annotation"} -->
<h2 class="wp-block-heading is-style-text-annotation">Work with me</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>If you need a custom WordPress Block Theme for your own project, I’d be happy to help!<br>Visit <a href="https://studioleismann.com/">studioleismann.com</a> to learn more.</p>
<!-- /wp:paragraph -->

<!-- wp:nextpage -->
<!--nextpage-->
<!-- /wp:nextpage -->

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Text Blocks</h1>
<!-- /wp:heading -->

<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading -->
<h2 class="wp-block-heading">Paragraph</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Paragraph</strong> block is the core text block for writing regular body content in WordPress. It is used for main copy, descriptions, explanations, introductions, and any continuous text that should be easy to read. Paragraphs can be styled with different text sizes, colors, alignment, and spacing, making them the foundation for most written content on a page.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Inline Styles</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The Paragraph block can contain many inline text styles within the same sentence: use <strong>bold text</strong> for strong emphasis, <em>italic text</em> for a softer tone, a <a href="https://wordpress.org">link to another page</a> when readers should continue somewhere else, <mark style="background-color:rgba(0, 0, 0, 0);color:#8900c4" class="has-inline-color">with color highlighted text</mark> for visual emphasis, or <mark style="background-color:#faf8cf" class="has-inline-color">highlighted background text</mark> for important details, <code>&lt;code>&lt;html>&lt;/code></code> for inline code, <kbd>⌘ + S</kbd> for keyboard input, <s>outdated wording</s> when something has been replaced, 1<sup>st</sup> for superscript, H<sub>2</sub>O for subscript, <span style="text-decoration: underline;">underlined text</span> for special cases, a small inline image <img class="wp-image-481" style="width: 46px;" src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/images/placeholders/placeholder-image-1.webp" alt=""> or icon inside the sentence, equations like <math data-latex="x^2, \frac{a}{b}"><semantics><mrow><msup><mi>x</mi><mn>2</mn></msup><mo separator="true">,</mo><mfrac><mi>a</mi><mi>b</mi></mfrac></mrow><annotation encoding="application/x-tex">x^2, \frac{a}{b}</annotation></semantics></math> and a footnote when extra context should stay outside the main text flow.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Font Sizes</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Font Size Small</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Font Size Medium</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Font Size Large</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"large"} -->
<p class="has-large-font-size">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Font Size X-Large</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"x-large"} -->
<p class="has-x-large-font-size">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Font Size XX-Large</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"fontSize":"xx-large"} -->
<p class="has-xx-large-font-size">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Alignment</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Wide width</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"wide"} -->
<p class="alignwide">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Full Width</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"full"} -->
<p class="alignfull">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Align left</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"alignleft","style":{"typography":{"textAlign":"left"}}} -->
<p class="has-text-align-left alignleft">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Align right</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"alignright","style":{"typography":{"textAlign":"right"}}} -->
<p class="has-text-align-right alignright">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Block Styles</h3>
<!-- /wp:heading -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Annotation</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Text Annotation</strong> block style is used to add short, supporting notes directly alongside regular content. It visually separates secondary information, explanations, hints, or editorial comments from the main text without making them feel as prominent as a headline or callout. This makes it useful for adding context, clarifications, examples, or small remarks while keeping the page clean and easy to scan.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading -->
<h2 class="wp-block-heading">Heading</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Heading</strong> block is used to structure content with clear section titles and subtitles. It helps visitors scan a page, understand the hierarchy of information, and quickly find the topics they are looking for. Headings can be used in different levels, from main section titles to smaller subheadings, making them essential for readability, accessibility, and a well-organized page structure.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Heading 1</h1>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2 class="wp-block-heading">Heading 2</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Heading 3</h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":4} -->
<h4 class="wp-block-heading">Heading 4</h4>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">Heading 5</h5>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":6} -->
<h6 class="wp-block-heading">Heading 6</h6>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"is-style-default","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-default" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading -->
<h2 class="wp-block-heading">List</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>List</strong> block is used to present information in a clear, scannable format. It is useful for steps, key points, features, requirements, benefits, or grouped details that should be easier to read than a regular paragraph. Lists can be ordered or unordered, making them helpful for both structured sequences and quick summaries.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Unordered List</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul class="wp-block-list"><!-- wp:list-item -->
<li>Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Consetetur sadipscing elitr</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Sed diam nonumy eirmod tempor </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Invidunt ut labore et dolore magna </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Aliquyam erat sed diam voluptua</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Ordered List</p>
<!-- /wp:paragraph -->

<!-- wp:list {"ordered":true} -->
<ol class="wp-block-list"><!-- wp:list-item -->
<li>Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Consetetur sadipscing elitr</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Sed diam nonumy eirmod tempor </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Invidunt ut labore et dolore magna </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Aliquyam erat sed diam voluptua</li>
<!-- /wp:list-item --></ol>
<!-- /wp:list -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><strong>Custom List Icons</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Use the custom list icon control to replace default bullets with a visual marker that better matches the list content. This is useful for feature lists, benefits, warnings, requirements, or status-style information where an icon can make each item easier to scan. The icon can be changed from the List block toolbar, and cleared again to return to the default list style.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Custom List Icons</p>
<!-- /wp:paragraph -->

<!-- wp:list {"className":"has-custom-list-icon","bittnerkrullportal26ListIcon":"yes"} -->
<ul class="wp-block-list has-custom-list-icon"><!-- wp:list-item -->
<li>Lorem ipsum dolor sit amet</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Consetetur sadipscing elitr</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Sed diam nonumy eirmod tempor </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Invidunt ut labore et dolore magna </li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Aliquyam erat sed diam voluptua</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"is-style-default","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group is-style-default" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:heading -->
<h2 class="wp-block-heading">Quote</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Quote</strong> block is used to highlight a quoted statement or excerpt from another source. It is useful for testimonials, expert opinions, references, pull quotes, or important passages that should stand out from regular body text. Quotes can include a citation, making it clear who said it or where the text comes from.</p>
<!-- /wp:paragraph -->

<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph --><cite>Marcus T. Cicero</cite></blockquote>
<!-- /wp:quote -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Plain</p>
<!-- /wp:paragraph -->

<!-- wp:quote {"className":"is-style-plain"} -->
<blockquote class="wp-block-quote is-style-plain"><!-- wp:paragraph -->
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<!-- /wp:paragraph --><cite>Marcus T. Cicero</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Code</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Code</strong> block is used to display code snippets in a readable, preformatted style. It keeps spacing, indentation, and line breaks intact, making it useful for showing HTML, CSS, JavaScript, PHP, or other technical examples. Unlike regular paragraph text, the Code block is designed for content that should be copied, reviewed, or understood as code.</p>
<!-- /wp:paragraph -->

<!-- wp:code {"className":"is-style-default"} -->
<pre class="wp-block-code is-style-default"><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;

    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Layout Example&lt;/title&gt;
    &lt;script&gt;
const dummyData = &#91;
    { id: 1, title: "Lorem ipsum dolor", body: "Lorem ipsum dolor sit amet, consectetur adipiscing elit." },
    { id: 2, title: "Sed do eiusmod", body: "Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }
];

console.log(dummyData&#91;0].body);
    &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;header&gt;
        &lt;h1&gt;Lorem ipsum dolor sit amet&lt;/h1&gt;
    &lt;/header&gt;
    &lt;main&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;
        &lt;p&gt;Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
    &lt;/main&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Details</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Details</strong> block is used to hide additional information behind a short, clickable summary. It is useful for FAQs, optional explanations, extra context, technical notes, or content that should be available without taking up too much space on the page. Visitors can expand the block when they want more detail, which helps keep layouts clean and easy to scan.</p>
<!-- /wp:paragraph -->

<!-- wp:details -->
<details class="wp-block-details"><summary>Lorem ipsum dolor sit amet</summary><!-- wp:paragraph {"placeholder":"Geben Sie / ein, um einen verborgenen Block hinzuzufügen"} -->
<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph --></details>
<!-- /wp:details -->

<!-- wp:details -->
<details class="wp-block-details"><summary>Nam liber tempor cum soluta</summary><!-- wp:paragraph {"placeholder":"Geben Sie / ein, um einen verborgenen Block hinzuzufügen"} -->
<p>Nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<!-- /wp:paragraph --></details>
<!-- /wp:details -->

<!-- wp:details -->
<details class="wp-block-details"><summary>Duis autem vel eum iriure dolor</summary><!-- wp:paragraph {"placeholder":"Geben Sie / ein, um einen verborgenen Block hinzuzufügen"} -->
<p>In hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<!-- /wp:paragraph --></details>
<!-- /wp:details -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Open by default</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Connected by name attribute</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:paragraph -->
<p>Details blocks can also be connected with the same <code>name</code> attribute. When several Details blocks share one name, only one of them stays open at a time. Opening one block will automatically close the others, which makes this useful for accordion-style sections such as FAQs or grouped explanations.</p>
<!-- /wp:paragraph -->

<!-- wp:details {"showContent":true} -->
<details class="wp-block-details" name="lorem-ipsum" open><summary>Lorem ipsum dolor sit amet</summary><!-- wp:paragraph {"placeholder":"Geben Sie / ein, um einen verborgenen Block hinzuzufügen"} -->
<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph --></details>
<!-- /wp:details -->

<!-- wp:details -->
<details class="wp-block-details" name="lorem-ipsum"><summary>Nam liber tempor cum soluta</summary><!-- wp:paragraph {"placeholder":"Geben Sie / ein, um einen verborgenen Block hinzuzufügen"} -->
<p>Nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<!-- /wp:paragraph --></details>
<!-- /wp:details -->

<!-- wp:details -->
<details class="wp-block-details" name="lorem-ipsum"><summary>Duis autem vel eum iriure dolor</summary><!-- wp:paragraph {"placeholder":"Geben Sie / ein, um einen verborgenen Block hinzuzufügen"} -->
<p>In hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<!-- /wp:paragraph --></details>
<!-- /wp:details --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Math</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Math</strong> block is used to display mathematical formulas, equations, or notation in a clean and readable way. It is useful for technical content, documentation, tutorials, academic writing, or any page where calculations and formulas need to be shown clearly instead of written as regular text.</p>
<!-- /wp:paragraph -->

<!-- wp:math {"latex":"\u005cmathcal{F}\u005c{\u005cpsi\u005c}(\u005cxi)\n=\n\u005cfrac{1}{\u005csqrt{2\u005cpi}}\n\u005cint_{-\u005cinfty}^{\u005cinfty}\n\u005cleft[\n\u005csum_{n=0}^{\u005cinfty}\n\u005cfrac{(-1)^n}{(2n+1)!}\n\u005cleft(\n\u005cfrac{\u005cpartial^{2n+1}}{\u005cpartial x^{2n+1}}\n\u005cBigl(\ne^{-\u005calpha x^2}\n\u005coperatorname{erf}(\u005cbeta x)\n\u005cBigr)\n\u005cright)\n\u005cright]\ne^{-i\u005cxi x}\n\u005c,\u005cmathrm{d}x\n\u005cquad\n\u005coverset{?}{=}\n\u005cquad\n\u005cprod_{k=1}^{\u005cinfty}\n\u005cleft(\n1+\u005cfrac{\u005cxi^2}{k^2\u005cpi^2}\n\u005cright)^{-1}"} -->
<div class="wp-block-math"><math display="block"><semantics><mrow><mi class="mathcal">ℱ</mi><mo form="prefix" stretchy="false">{</mo><mi>ψ</mi><mo form="postfix" stretchy="false">}</mo><mo form="prefix" stretchy="false">(</mo><mi>ξ</mi><mo form="postfix" stretchy="false">)</mo><mo>=</mo><mfrac><mn>1</mn><msqrt><mrow><mn>2</mn><mi>π</mi></mrow></msqrt></mfrac><msubsup><mo movablelimits="false">∫</mo><mrow><mo lspace="0em" rspace="0em">−</mo><mi>∞</mi></mrow><mi>∞</mi></msubsup><mrow><mo fence="true" form="prefix">[</mo><mrow><munderover><mo movablelimits="false">∑</mo><mrow><mi>n</mi><mo>=</mo><mn>0</mn></mrow><mi>∞</mi></munderover></mrow><mfrac><mrow><mo form="prefix" stretchy="false" lspace="0em" rspace="0em">(</mo><mo form="prefix" stretchy="false">−</mo><mn>1</mn><msup><mo form="postfix" stretchy="false">)</mo><mi>n</mi></msup></mrow><mrow><mo form="prefix" stretchy="false" lspace="0em" rspace="0em">(</mo><mn>2</mn><mi>n</mi><mo>+</mo><mn>1</mn><mo form="postfix" stretchy="false">)</mo><mo form="postfix" stretchy="false" lspace="0em" rspace="0em">!</mo></mrow></mfrac><mrow><mo fence="true" form="prefix">(</mo><mfrac><msup><mi>∂</mi><mrow><mn>2</mn><mi>n</mi><mo>+</mo><mn>1</mn></mrow></msup><mrow><mi>∂</mi><msup><mi>x</mi><mrow><mn>2</mn><mi>n</mi><mo>+</mo><mn>1</mn></mrow></msup></mrow></mfrac><mo fence="true" symmetric="true" minsize="1.8em" maxsize="1.8em">(</mo><msup><mi>e</mi><mrow><mo lspace="0em" rspace="0em">−</mo><mi>α</mi><msup><mi>x</mi><mn>2</mn></msup></mrow></msup><mi>erf</mi><mo>⁡</mo><mo form="prefix" stretchy="false">(</mo><mi>β</mi><mi>x</mi><mo form="postfix" stretchy="false">)</mo><mo fence="true" symmetric="true" minsize="1.8em" maxsize="1.8em">)</mo><mo fence="true" form="postfix">)</mo></mrow><mo fence="true" form="postfix">]</mo></mrow><msup><mi>e</mi><mrow><mo lspace="0em" rspace="0em">−</mo><mi>i</mi><mi>ξ</mi><mi>x</mi></mrow></msup><mspace width="0.1667em"></mspace><mrow><mi mathvariant="normal">d</mi></mrow><mi>x</mi><mspace width="1em"></mspace><mrow><mover><mo>=</mo><mo form="postfix" stretchy="false" lspace="0em" rspace="0em">?</mo></mover></mrow><mspace width="1em"></mspace><mrow><munderover><mo movablelimits="false">∏</mo><mrow><mi>k</mi><mo>=</mo><mn>1</mn></mrow><mi>∞</mi></munderover></mrow><msup><mrow><mo fence="true" form="prefix">(</mo><mn>1</mn><mo>+</mo><mfrac><msup><mi>ξ</mi><mn>2</mn></msup><mrow><msup><mi>k</mi><mn>2</mn></msup><msup><mi>π</mi><mn>2</mn></msup></mrow></mfrac><mo fence="true" form="postfix">)</mo></mrow><mrow><mo lspace="0em" rspace="0em">−</mo><mn>1</mn></mrow></msup></mrow><annotation encoding="application/x-tex">\mathcal{F}\{\psi\}(\xi)
=
\frac{1}{\sqrt{2\pi}}
\int_{-\infty}^{\infty}
\left[
\sum_{n=0}^{\infty}
\frac{(-1)^n}{(2n+1)!}
\left(
\frac{\partial^{2n+1}}{\partial x^{2n+1}}
\Bigl(
e^{-\alpha x^2}
\operatorname{erf}(\beta x)
\Bigr)
\right)
\right]
e^{-i\xi x}
\,\mathrm{d}x
\quad
\overset{?}{=}
\quad
\prod_{k=1}^{\infty}
\left(
1+\frac{\xi^2}{k^2\pi^2}
\right)^{-1}</annotation></semantics></math></div>
<!-- /wp:math --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Preformatted</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Preformatted</strong> block is used to display text exactly as it is written, including spaces, line breaks, and formatting. It is useful for content where the original structure matters, such as plain text examples, ASCII art, poetry, transcripts, or technical notes that should not be automatically adjusted like regular paragraph text.</p>
<!-- /wp:paragraph -->

<!-- wp:preformatted -->
<pre class="wp-block-preformatted">This is some preformatted text. Preformatted text keeps your s p a c e s, tabs andlinebreaks as they are.<br>               __<br>              / _) RAWR!<br>     _.----._/ /<br>    /         /<br> __/ (  | (  |<br>/__.-'|_|--|_|</pre>
<!-- /wp:preformatted --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading -->
<h2 class="wp-block-heading">Table</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Table</strong> block is used to present structured information in rows and columns. It is useful for comparisons, schedules, pricing, specifications, data, or any content where relationships between values should be easy to scan. Tables help organize information clearly and make complex details easier to understand at a glance.</p>
<!-- /wp:paragraph -->

<!-- wp:table {"hasFixedLayout":false,"align":"wide"} -->
<figure class="wp-block-table alignwide"><table><thead><tr><th></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/mercuryfact.html">Mercury</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/venusfact.html">Venus</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/earthfact.html">Earth</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/moonfact.html">Moon</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/marsfact.html">Mars</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/jupiterfact.html">Jupiter</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/saturnfact.html">Saturn</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/uranusfact.html">Uranus</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/neptunefact.html">Neptune</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/plutofact.html">Pluto</a></th></tr></thead><tbody><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#mass">Mass</a>&nbsp;(10<sup>24</sup>kg)</td><td>0.330</td><td>4.87</td><td>5.97</td><td>0.073</td><td>0.642</td><td>1898</td><td>568</td><td>86.8</td><td>102</td><td>0.0130</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#diam">Diameter</a>&nbsp;(km)</td><td>4879</td><td>12,104</td><td>12,756</td><td>3475</td><td>6792</td><td>142,984</td><td>120,536</td><td>51,118</td><td>49,528</td><td>2376</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#dens">Density</a>&nbsp;(kg/m<sup>3</sup>)</td><td>5429</td><td>5243</td><td>5514</td><td>3340</td><td>3934</td><td>1326</td><td>687</td><td>1270</td><td>1638</td><td>1850</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#grav">Gravity</a>&nbsp;(m/s<sup>2</sup>)</td><td>3.7</td><td>8.9</td><td>9.8</td><td>1.6</td><td>3.7</td><td>23.1</td><td>9.0</td><td>8.7</td><td>11.0</td><td>0.7</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#escv">Escape Velocity</a>&nbsp;(km/s)</td><td>4.3</td><td>10.4</td><td>11.2</td><td>2.4</td><td>5.0</td><td>59.5</td><td>35.5</td><td>21.3</td><td>23.5</td><td>1.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#rotp">Rotation Period</a>&nbsp;(hours)</td><td>1407.6</td><td>-5832.5</td><td>23.9</td><td>655.7</td><td>24.6</td><td>9.9</td><td>10.7</td><td>-17.2</td><td>16.1</td><td>-153.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#leng">Length of Day</a>&nbsp;(hours)</td><td>4222.6</td><td>2802.0</td><td>24.0</td><td>708.7</td><td>24.7</td><td>9.9</td><td>10.7</td><td>17.2</td><td>16.1</td><td>153.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#dist">Distance from Sun</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>57.9</td><td>108.2</td><td>149.6</td><td>0.384*</td><td>228.0</td><td>778.5</td><td>1432.0</td><td>2867.0</td><td>4515.0</td><td>5906.4</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#peri">Perihelion</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>46.0</td><td>107.5</td><td>147.1</td><td>0.363*</td><td>206.7</td><td>740.6</td><td>1357.6</td><td>2732.7</td><td>4471.1</td><td>4436.8</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#peri">Aphelion</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>69.8</td><td>108.9</td><td>152.1</td><td>0.406*</td><td>249.3</td><td>816.4</td><td>1506.5</td><td>3001.4</td><td>4558.9</td><td>7375.9</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbp">Orbital Period</a>&nbsp;(days)</td><td>88.0</td><td>224.7</td><td>365.2</td><td>27.3*</td><td>687.0</td><td>4331</td><td>10,747</td><td>30,589</td><td>59,800</td><td>90,560</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbv">Orbital Velocity</a>&nbsp;(km/s)</td><td>47.4</td><td>35.0</td><td>29.8</td><td>1.0*</td><td>24.1</td><td>13.1</td><td>9.7</td><td>6.8</td><td>5.4</td><td>4.7</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbi">Orbital Inclination</a>&nbsp;(degrees)</td><td>7.0</td><td>3.4</td><td>0.0</td><td>5.1</td><td>1.8</td><td>1.3</td><td>2.5</td><td>0.8</td><td>1.8</td><td>17.2</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbe">Orbital Eccentricity</a></td><td>0.206</td><td>0.007</td><td>0.017</td><td>0.055</td><td>0.094</td><td>0.049</td><td>0.052</td><td>0.047</td><td>0.010</td><td>0.244</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbo">Obliquity to Orbit</a>&nbsp;(degrees)</td><td>0.034</td><td>177.4</td><td>23.4</td><td>6.7</td><td>25.2</td><td>3.1</td><td>26.7</td><td>97.8</td><td>28.3</td><td>119.5</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#temp">Mean Temperature</a>&nbsp;(C)</td><td>167</td><td>464</td><td>15</td><td>-20</td><td>-65</td><td>-110</td><td>-140</td><td>-195</td><td>-200</td><td>-225</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#surp">Surface Pressure</a>&nbsp;(bars)</td><td>0</td><td>92</td><td>1</td><td>0</td><td>0.01</td><td>Unknown*</td><td>Unknown*</td><td>Unknown*</td><td>Unknown*</td><td>0.00001</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#sats">Number of Moons</a></td><td>0</td><td>0</td><td>1</td><td>0</td><td>2</td><td>95</td><td>146</td><td>28</td><td>16</td><td>5</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#ring">Ring System?</a></td><td>No</td><td>No</td><td>No</td><td>No</td><td>No</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Yes</td><td>No</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#magf">Global Magnetic Field?</a></td><td>Yes</td><td>No</td><td>Yes</td><td>No</td><td>No</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Unknown</td></tr></tbody><tfoot><tr><td></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/mercuryfact.html">Mercury</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/venusfact.html">Venus</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/earthfact.html">Earth</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/moonfact.html">Moon</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/marsfact.html">Mars</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/jupiterfact.html">Jupiter</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/saturnfact.html">Saturn</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/uranusfact.html">Uranus</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/neptunefact.html">Neptune</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/plutofact.html">Pluto</a></td></tr></tfoot></table><figcaption class="wp-element-caption">Source:&nbsp;<a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/">https://nssdc.gsfc.nasa.gov/planetary/factsheet/</a></figcaption></figure>
<!-- /wp:table -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><strong>Styles</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Stripes</p>
<!-- /wp:paragraph -->

<!-- wp:table {"hasFixedLayout":false,"align":"wide","className":"is-style-stripes"} -->
<figure class="wp-block-table alignwide is-style-stripes"><table><thead><tr><th></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/mercuryfact.html">Mercury</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/venusfact.html">Venus</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/earthfact.html">Earth</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/moonfact.html">Moon</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/marsfact.html">Mars</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/jupiterfact.html">Jupiter</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/saturnfact.html">Saturn</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/uranusfact.html">Uranus</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/neptunefact.html">Neptune</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/plutofact.html">Pluto</a></th></tr></thead><tbody><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#mass">Mass</a>&nbsp;(10<sup>24</sup>kg)</td><td>0.330</td><td>4.87</td><td>5.97</td><td>0.073</td><td>0.642</td><td>1898</td><td>568</td><td>86.8</td><td>102</td><td>0.0130</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#diam">Diameter</a>&nbsp;(km)</td><td>4879</td><td>12,104</td><td>12,756</td><td>3475</td><td>6792</td><td>142,984</td><td>120,536</td><td>51,118</td><td>49,528</td><td>2376</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#dens">Density</a>&nbsp;(kg/m<sup>3</sup>)</td><td>5429</td><td>5243</td><td>5514</td><td>3340</td><td>3934</td><td>1326</td><td>687</td><td>1270</td><td>1638</td><td>1850</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#grav">Gravity</a>&nbsp;(m/s<sup>2</sup>)</td><td>3.7</td><td>8.9</td><td>9.8</td><td>1.6</td><td>3.7</td><td>23.1</td><td>9.0</td><td>8.7</td><td>11.0</td><td>0.7</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#escv">Escape Velocity</a>&nbsp;(km/s)</td><td>4.3</td><td>10.4</td><td>11.2</td><td>2.4</td><td>5.0</td><td>59.5</td><td>35.5</td><td>21.3</td><td>23.5</td><td>1.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#rotp">Rotation Period</a>&nbsp;(hours)</td><td>1407.6</td><td>-5832.5</td><td>23.9</td><td>655.7</td><td>24.6</td><td>9.9</td><td>10.7</td><td>-17.2</td><td>16.1</td><td>-153.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#leng">Length of Day</a>&nbsp;(hours)</td><td>4222.6</td><td>2802.0</td><td>24.0</td><td>708.7</td><td>24.7</td><td>9.9</td><td>10.7</td><td>17.2</td><td>16.1</td><td>153.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#dist">Distance from Sun</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>57.9</td><td>108.2</td><td>149.6</td><td>0.384*</td><td>228.0</td><td>778.5</td><td>1432.0</td><td>2867.0</td><td>4515.0</td><td>5906.4</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#peri">Perihelion</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>46.0</td><td>107.5</td><td>147.1</td><td>0.363*</td><td>206.7</td><td>740.6</td><td>1357.6</td><td>2732.7</td><td>4471.1</td><td>4436.8</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#peri">Aphelion</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>69.8</td><td>108.9</td><td>152.1</td><td>0.406*</td><td>249.3</td><td>816.4</td><td>1506.5</td><td>3001.4</td><td>4558.9</td><td>7375.9</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbp">Orbital Period</a>&nbsp;(days)</td><td>88.0</td><td>224.7</td><td>365.2</td><td>27.3*</td><td>687.0</td><td>4331</td><td>10,747</td><td>30,589</td><td>59,800</td><td>90,560</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbv">Orbital Velocity</a>&nbsp;(km/s)</td><td>47.4</td><td>35.0</td><td>29.8</td><td>1.0*</td><td>24.1</td><td>13.1</td><td>9.7</td><td>6.8</td><td>5.4</td><td>4.7</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbi">Orbital Inclination</a>&nbsp;(degrees)</td><td>7.0</td><td>3.4</td><td>0.0</td><td>5.1</td><td>1.8</td><td>1.3</td><td>2.5</td><td>0.8</td><td>1.8</td><td>17.2</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbe">Orbital Eccentricity</a></td><td>0.206</td><td>0.007</td><td>0.017</td><td>0.055</td><td>0.094</td><td>0.049</td><td>0.052</td><td>0.047</td><td>0.010</td><td>0.244</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbo">Obliquity to Orbit</a>&nbsp;(degrees)</td><td>0.034</td><td>177.4</td><td>23.4</td><td>6.7</td><td>25.2</td><td>3.1</td><td>26.7</td><td>97.8</td><td>28.3</td><td>119.5</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#temp">Mean Temperature</a>&nbsp;(C)</td><td>167</td><td>464</td><td>15</td><td>-20</td><td>-65</td><td>-110</td><td>-140</td><td>-195</td><td>-200</td><td>-225</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#surp">Surface Pressure</a>&nbsp;(bars)</td><td>0</td><td>92</td><td>1</td><td>0</td><td>0.01</td><td>Unknown*</td><td>Unknown*</td><td>Unknown*</td><td>Unknown*</td><td>0.00001</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#sats">Number of Moons</a></td><td>0</td><td>0</td><td>1</td><td>0</td><td>2</td><td>95</td><td>146</td><td>28</td><td>16</td><td>5</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#ring">Ring System?</a></td><td>No</td><td>No</td><td>No</td><td>No</td><td>No</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Yes</td><td>No</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#magf">Global Magnetic Field?</a></td><td>Yes</td><td>No</td><td>Yes</td><td>No</td><td>No</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Unknown</td></tr></tbody><tfoot><tr><td></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/mercuryfact.html">Mercury</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/venusfact.html">Venus</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/earthfact.html">Earth</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/moonfact.html">Moon</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/marsfact.html">Mars</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/jupiterfact.html">Jupiter</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/saturnfact.html">Saturn</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/uranusfact.html">Uranus</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/neptunefact.html">Neptune</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/plutofact.html">Pluto</a></td></tr></tfoot></table><figcaption class="wp-element-caption">Source:&nbsp;<a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/">https://nssdc.gsfc.nasa.gov/planetary/factsheet/</a></figcaption></figure>
<!-- /wp:table -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Compact</p>
<!-- /wp:paragraph -->

<!-- wp:table {"hasFixedLayout":false,"className":"is-style-compact"} -->
<figure class="wp-block-table is-style-compact"><table><thead><tr><th></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/mercuryfact.html">Mercury</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/venusfact.html">Venus</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/earthfact.html">Earth</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/moonfact.html">Moon</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/marsfact.html">Mars</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/jupiterfact.html">Jupiter</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/saturnfact.html">Saturn</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/uranusfact.html">Uranus</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/neptunefact.html">Neptune</a></th><th><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/plutofact.html">Pluto</a></th></tr></thead><tbody><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#mass">Mass</a>&nbsp;(10<sup>24</sup>kg)</td><td>0.330</td><td>4.87</td><td>5.97</td><td>0.073</td><td>0.642</td><td>1898</td><td>568</td><td>86.8</td><td>102</td><td>0.0130</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#diam">Diameter</a>&nbsp;(km)</td><td>4879</td><td>12,104</td><td>12,756</td><td>3475</td><td>6792</td><td>142,984</td><td>120,536</td><td>51,118</td><td>49,528</td><td>2376</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#dens">Density</a>&nbsp;(kg/m<sup>3</sup>)</td><td>5429</td><td>5243</td><td>5514</td><td>3340</td><td>3934</td><td>1326</td><td>687</td><td>1270</td><td>1638</td><td>1850</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#grav">Gravity</a>&nbsp;(m/s<sup>2</sup>)</td><td>3.7</td><td>8.9</td><td>9.8</td><td>1.6</td><td>3.7</td><td>23.1</td><td>9.0</td><td>8.7</td><td>11.0</td><td>0.7</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#escv">Escape Velocity</a>&nbsp;(km/s)</td><td>4.3</td><td>10.4</td><td>11.2</td><td>2.4</td><td>5.0</td><td>59.5</td><td>35.5</td><td>21.3</td><td>23.5</td><td>1.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#rotp">Rotation Period</a>&nbsp;(hours)</td><td>1407.6</td><td>-5832.5</td><td>23.9</td><td>655.7</td><td>24.6</td><td>9.9</td><td>10.7</td><td>-17.2</td><td>16.1</td><td>-153.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#leng">Length of Day</a>&nbsp;(hours)</td><td>4222.6</td><td>2802.0</td><td>24.0</td><td>708.7</td><td>24.7</td><td>9.9</td><td>10.7</td><td>17.2</td><td>16.1</td><td>153.3</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#dist">Distance from Sun</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>57.9</td><td>108.2</td><td>149.6</td><td>0.384*</td><td>228.0</td><td>778.5</td><td>1432.0</td><td>2867.0</td><td>4515.0</td><td>5906.4</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#peri">Perihelion</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>46.0</td><td>107.5</td><td>147.1</td><td>0.363*</td><td>206.7</td><td>740.6</td><td>1357.6</td><td>2732.7</td><td>4471.1</td><td>4436.8</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#peri">Aphelion</a>&nbsp;(10<sup>6</sup>&nbsp;km)</td><td>69.8</td><td>108.9</td><td>152.1</td><td>0.406*</td><td>249.3</td><td>816.4</td><td>1506.5</td><td>3001.4</td><td>4558.9</td><td>7375.9</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbp">Orbital Period</a>&nbsp;(days)</td><td>88.0</td><td>224.7</td><td>365.2</td><td>27.3*</td><td>687.0</td><td>4331</td><td>10,747</td><td>30,589</td><td>59,800</td><td>90,560</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbv">Orbital Velocity</a>&nbsp;(km/s)</td><td>47.4</td><td>35.0</td><td>29.8</td><td>1.0*</td><td>24.1</td><td>13.1</td><td>9.7</td><td>6.8</td><td>5.4</td><td>4.7</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbi">Orbital Inclination</a>&nbsp;(degrees)</td><td>7.0</td><td>3.4</td><td>0.0</td><td>5.1</td><td>1.8</td><td>1.3</td><td>2.5</td><td>0.8</td><td>1.8</td><td>17.2</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbe">Orbital Eccentricity</a></td><td>0.206</td><td>0.007</td><td>0.017</td><td>0.055</td><td>0.094</td><td>0.049</td><td>0.052</td><td>0.047</td><td>0.010</td><td>0.244</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#orbo">Obliquity to Orbit</a>&nbsp;(degrees)</td><td>0.034</td><td>177.4</td><td>23.4</td><td>6.7</td><td>25.2</td><td>3.1</td><td>26.7</td><td>97.8</td><td>28.3</td><td>119.5</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#temp">Mean Temperature</a>&nbsp;(C)</td><td>167</td><td>464</td><td>15</td><td>-20</td><td>-65</td><td>-110</td><td>-140</td><td>-195</td><td>-200</td><td>-225</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#surp">Surface Pressure</a>&nbsp;(bars)</td><td>0</td><td>92</td><td>1</td><td>0</td><td>0.01</td><td>Unknown*</td><td>Unknown*</td><td>Unknown*</td><td>Unknown*</td><td>0.00001</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#sats">Number of Moons</a></td><td>0</td><td>0</td><td>1</td><td>0</td><td>2</td><td>95</td><td>146</td><td>28</td><td>16</td><td>5</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#ring">Ring System?</a></td><td>No</td><td>No</td><td>No</td><td>No</td><td>No</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Yes</td><td>No</td></tr><tr><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/planetfact_notes.html#magf">Global Magnetic Field?</a></td><td>Yes</td><td>No</td><td>Yes</td><td>No</td><td>No</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Yes</td><td>Unknown</td></tr></tbody><tfoot><tr><td></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/mercuryfact.html">Mercury</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/venusfact.html">Venus</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/earthfact.html">Earth</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/moonfact.html">Moon</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/marsfact.html">Mars</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/jupiterfact.html">Jupiter</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/saturnfact.html">Saturn</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/uranusfact.html">Uranus</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/neptunefact.html">Neptune</a></td><td><a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/plutofact.html">Pluto</a></td></tr></tfoot></table><figcaption class="wp-element-caption">Source:&nbsp;<a href="https://nssdc.gsfc.nasa.gov/planetary/factsheet/">https://nssdc.gsfc.nasa.gov/planetary/factsheet/</a></figcaption></figure>
<!-- /wp:table --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide"><!-- wp:heading -->
<h2 class="wp-block-heading">Poetry</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Poetry</strong> block is used to display text with intentional line breaks, rhythm, and spacing. It is useful for poems, lyrics, short literary passages, quotes, or any writing where the visual structure of the text is part of the content. Unlike a regular paragraph, the Poetry block preserves the flow and formatting of each line.</p>
<!-- /wp:paragraph -->

<!-- wp:verse -->
<pre class="wp-block-verse">Who rides there so late through the night dark and drear?<br>The father it is, with his infant so dear;<br>He holdeth the boy tightly clasp'd in his arm,<br>He holdeth him safely, he keepeth him warm.<br><br>My son, wherefore seek'st thou thy face thus to hide?<br>Look, father, the Erl-King is close by our side!<br>Dost see not the Erl-King, with crown and with train?<br>My son, 'tis the mist rising over the plain.<br><br>"Oh, come, thou dear infant! oh come thou with me!<br>For many a game, I will play there with thee;<br>On my strand, lovely flowers their blossoms unfold,<br>My mother shall grace thee with garments of gold."<br><br>My father, my father, and dost thou not hear<br>The words that the Erl-King now breathes in mine ear?<br>Be calm, dearest child, 'tis thy fancy deceives;<br>'Tis the sad wind that sighs through the withering leaves.<br><br>"Wilt go, then, dear infant, wilt go with me there?<br>My daughters shall tend thee with sisterly care;<br>My daughters by night their glad festival keep,<br>They'll dance thee, and rock thee, and sing thee to sleep."<br><br>My father, my father, and dost thou not see,<br>How the Erl-King his daughters has brought here for me?<br>My darling, my darling, I see it aright,<br>'Tis the aged grey willows deceiving thy sight.<br><br>"I love thee, I'm charm'd by thy beauty, dear boy!<br>And if thou'rt unwilling, then force I'll employ."<br>My father, my father, he seizes me fast,<br>For sorely, the Erl-King has hurt me at last.<br><br>The father now gallops, with terror half wild,<br>He grasps in his arms the poor shuddering child;<br>He reaches his courtyard with toil and with dread,<br>The child in his arms finds he motionless, dead.</pre>
<!-- /wp:verse --></div>
<!-- /wp:group -->

<!-- wp:nextpage -->
<!--nextpage-->
<!-- /wp:nextpage -->

<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Media Blocks</h1>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Image</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Image</strong> block is used to add a single image to a page or post. It is useful for photos, illustrations, screenshots, diagrams, or visual examples that support the surrounding content. Images can include captions, links, alignment options, and different display styles.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":""} -->
<figure class="wp-block-image size-large"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/images/placeholders/placeholder-image-1.webp" alt=""/><figcaption class="wp-element-caption">Caption consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading"><strong>Styles</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Rounded</p>
<!-- /wp:paragraph -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-large is-style-rounded"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/images/placeholders/placeholder-image-1.webp" alt=""/><figcaption class="wp-element-caption">Caption consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</figcaption></figure>
<!-- /wp:image --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Gallery</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Gallery</strong> block is used to display multiple images together in a structured layout. It is useful for image collections, project examples, product impressions, event photos, or visual overviews. Galleries help present several related images in a clean and scannable way.</p>
<!-- /wp:paragraph -->

<!-- wp:gallery {"linkTo":"none"} -->
<figure class="wp-block-gallery has-nested-images columns-default is-cropped"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":""} -->
<figure class="wp-block-image size-large"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-1.webp" alt=""/><figcaption class="wp-element-caption">Caption consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":""} -->
<figure class="wp-block-image size-large"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-2.webp" alt=""/><figcaption class="wp-element-caption">Caption Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":""} -->
<figure class="wp-block-image size-large"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-3.webp" alt=""/><figcaption class="wp-element-caption">Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":""} -->
<figure class="wp-block-image size-large"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-4.webp" alt=""/><figcaption class="wp-element-caption">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</figcaption></figure>
<!-- /wp:image -->

<!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":""} -->
<figure class="wp-block-image size-large"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-5.webp" alt=""/><figcaption class="wp-element-caption">At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</figcaption></figure>
<!-- /wp:image --><figcaption class="blocks-gallery-caption wp-element-caption">Gallery Caption onsetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</figcaption></figure>
<!-- /wp:gallery --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Audio</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Audio</strong> block is used to add an audio file directly to a page or post. It is useful for podcasts, interviews, music, voice notes, sound examples, or spoken explanations. Visitors can play the audio directly on the page without leaving the content.</p>
<!-- /wp:paragraph -->

<!-- wp:audio -->
<figure class="wp-block-audio"><audio controls src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/dvorak-sinfonie9.wav"></audio></figure>
<!-- /wp:audio --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Cover</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Cover</strong> block is used to place text on top of an image, video, or colored background. It is useful for hero sections, page introductions, visual banners, calls to action, or section openers. Cover blocks combine strong visuals with short, focused text.</p>
<!-- /wp:paragraph -->

<!-- wp:cover {"url":"http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-5.webp","id":494,"dimRatio":50,"overlayColor":"base-6","isUserOverlayColor":true,"isDark":false,"sizeSlug":"large","layout":{"type":"constrained"}} -->
<div class="wp-block-cover is-light"><img class="wp-block-cover__image-background wp-image-494 size-large" alt="" src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-5.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-base-6-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"placeholder":"Write title…","style":{"typography":{"textAlign":"center"}},"fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Fixed background</p>
<!-- /wp:paragraph -->

<!-- wp:cover {"url":"http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-5.webp","id":494,"hasParallax":true,"isRepeated":true,"dimRatio":50,"overlayColor":"contrast","isUserOverlayColor":true,"sizeSlug":"large","layout":{"type":"constrained"}} -->
<div class="wp-block-cover has-parallax is-repeated"><div class="wp-block-cover__image-background wp-image-494 size-large has-parallax is-repeated" style="background-position:50% 50%;background-image:url(http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-5.webp)"></div><span aria-hidden="true" class="wp-block-cover__background has-contrast-background-color has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"placeholder":"Write title…","style":{"typography":{"textAlign":"center"}},"fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">File</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>File</strong> block is used to make downloadable files available on a page or post. It is useful for PDFs, documents, presentations, forms, price lists, or other resources visitors should be able to access. The block can show a download button and link directly to the file.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:file {"id":803,"href":"http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/sample-file.pdf"} -->
<div class="wp-block-file"><a id="wp-block-file--media-9891b3d3-1e65-4a55-bbe0-9df6d82e8800" href="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/sample-file.pdf">sample-file</a><a href="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/sample-file.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-9891b3d3-1e65-4a55-bbe0-9df6d82e8800">Download</a></div>
<!-- /wp:file -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Inline embed</p>
<!-- /wp:paragraph -->

<!-- wp:file {"id":803,"href":"http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/sample-file.pdf","displayPreview":true} -->
<div class="wp-block-file"><object class="wp-block-file__embed" data="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/sample-file.pdf" type="application/pdf" style="width:100%;height:600px" aria-label="sample-file"></object><a id="wp-block-file--media-9891b3d3-1e65-4a55-bbe0-9df6d82e8800" href="http://kundenportal.local/block-preview-v-2/sample-file/">sample-file</a><a href="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/sample-file.pdf" class="wp-block-file__button wp-element-button" download aria-describedby="wp-block-file--media-9891b3d3-1e65-4a55-bbe0-9df6d82e8800">Download</a></div>
<!-- /wp:file -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Media &amp; Text</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Media &amp; Text</strong> block is used to combine an image or other media with text in a balanced layout. It is useful for feature sections, introductions, service descriptions, team highlights, or content where visual and written information should appear side by side.</p>
<!-- /wp:paragraph -->

<!-- wp:media-text {"mediaId":494,"mediaLink":"http://kundenportal.local/?attachment_id=494","linkDestination":"none","mediaType":"image","imageFill":false} -->
<div class="wp-block-media-text is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-1.webp" alt="" class="wp-image-494 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…"} -->
<p>Lorem Ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:media-text -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Crop image to fill</p>
<!-- /wp:paragraph -->

<!-- wp:media-text {"mediaPosition":"right","mediaId":494,"mediaLink":"http://kundenportal.local/?attachment_id=494","linkDestination":"none","mediaType":"image","mediaWidth":66,"imageFill":true} -->
<div class="wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-image-fill-element" style="grid-template-columns:auto 66%"><div class="wp-block-media-text__content"><!-- wp:paragraph {"placeholder":"Content…"} -->
<p>Lorem Ipsum dolor sit amet. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<!-- /wp:paragraph --></div><figure class="wp-block-media-text__media"><img src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-image-2.webp" alt="" class="wp-image-494 size-full" style="object-position:50% 50%"/></figure></div>
<!-- /wp:media-text --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Video</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Video</strong> block is used to add a video file directly to a page or post. It is useful for tutorials, product demonstrations, interviews, presentations, or visual explanations. Visitors can watch the video directly within the page content.</p>
<!-- /wp:paragraph -->

<!-- wp:video -->
<figure class="wp-block-video"><video controls loop preload="auto" src="http://kundenportal.local/wp-content/themes/bittnerkrullportal26/assets/placeholders/placeholder-video.mp4"></video></figure>
<!-- /wp:video --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Icon</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Icon</strong> block is used to add a simple visual symbol to support surrounding content. It is useful for features, benefits, navigation elements, highlights, or small visual cues. Icons help make content easier to scan and can add structure without using large images.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:icon {"icon":"core/star-filled"} /-->

<!-- wp:icon {"icon":"core/star-filled"} /-->

<!-- wp:icon {"icon":"core/star-filled"} /-->

<!-- wp:icon {"icon":"core/star-filled"} /-->

<!-- wp:icon {"icon":"core/star-empty"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:nextpage -->
<!--nextpage-->
<!-- /wp:nextpage -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Accordion</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Accordion</strong> block is used to organize content into expandable sections. It is useful for FAQs, feature explanations, step-by-step information, or longer content that should stay compact until visitors choose to open it. Accordions help keep pages clean while still making additional details easy to access.</p>
<!-- /wp:paragraph -->

<!-- wp:accordion {"layout":{"type":"default"}} -->
<div role="group" class="wp-block-accordion"><!-- wp:accordion-item -->
<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3} -->
<h3 class="wp-block-accordion-heading"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title">Lorem ipsum dolor sit amet</span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
<!-- /wp:accordion-heading -->

<!-- wp:accordion-panel -->
<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph -->
<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:accordion-panel --></div>
<!-- /wp:accordion-item -->

<!-- wp:accordion-item -->
<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3} -->
<h3 class="wp-block-accordion-heading"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title">Nam liber tempor cum soluta</span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
<!-- /wp:accordion-heading -->

<!-- wp:accordion-panel -->
<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph -->
<p>Nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:accordion-panel --></div>
<!-- /wp:accordion-item -->

<!-- wp:accordion-item -->
<div class="wp-block-accordion-item"><!-- wp:accordion-heading {"level":3} -->
<h3 class="wp-block-accordion-heading"><button type="button" class="wp-block-accordion-heading__toggle"><span class="wp-block-accordion-heading__toggle-title">Duis autem vel eum iriure dolor</span><span class="wp-block-accordion-heading__toggle-icon" aria-hidden="true">+</span></button></h3>
<!-- /wp:accordion-heading -->

<!-- wp:accordion-panel -->
<div role="region" class="wp-block-accordion-panel"><!-- wp:paragraph -->
<p>In hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:accordion-panel --></div>
<!-- /wp:accordion-item --></div>
<!-- /wp:accordion --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Buttons</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Buttons</strong> block is used to add one or more call-to-action buttons to a page or post. It is useful for guiding visitors to important next steps, such as contacting you, booking an appointment, downloading a file, opening a form, or visiting another page. Buttons help make key actions clear and easy to find.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Lorem ipsum</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Dolor sit Amet</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Consetetur</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Sadipscing elitr</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">25% Width</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">50% Width</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">75% Width</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">100% Width</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"width":25} -->
<div class="wp-block-button has-custom-width wp-block-button__width-25"><a class="wp-block-button__link wp-element-button">Lorem ipsum</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":50,"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-50 is-style-fill"><a class="wp-block-button__link wp-element-button">Dolor sit Amet</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":75,"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-75 is-style-fill"><a class="wp-block-button__link wp-element-button">Consetetur</a></div>
<!-- /wp:button -->

<!-- wp:button {"width":100,"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill"><a class="wp-block-button__link wp-element-button">Sadipscing elitr</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Styles</h3>
<!-- /wp:heading -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Default</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Fill</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Outline</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Ghost</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Lorem ipsum</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-fill"} -->
<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Dolor sit Amet</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Consetetur</a></div>
<!-- /wp:button -->

<!-- wp:button {"className":"is-style-ghost"} -->
<div class="wp-block-button is-style-ghost"><a class="wp-block-button__link wp-element-button">Sadipscing elitr</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Columns</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Columns</strong> block is used to arrange content side by side. It is useful for comparisons, feature sections, service overviews, pricing layouts, or any content that benefits from a structured horizontal layout. Columns help create visual balance and make related information easier to compare.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">25%/50%/25% Column</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"25%","style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px;flex-basis:25%"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px;flex-basis:50%"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"25%","style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px;flex-basis:25%"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">6 Columns</p>
<!-- /wp:paragraph -->

<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}}} -->
<div class="wp-block-column has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Separator</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Separator</strong> block is used to visually divide sections of content. It is useful for creating a clear break between topics, improving page rhythm, or adding subtle structure to longer layouts. Separators help guide visitors through the page without adding extra text.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Default</p>
<!-- /wp:paragraph -->

<!-- wp:separator -->
<hr class="wp-block-separator has-alpha-channel-opacity"/>
<!-- /wp:separator -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Wide Line</p>
<!-- /wp:paragraph -->

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

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Dots</p>
<!-- /wp:paragraph -->

<!-- wp:separator {"className":"is-style-dots"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-dots"/>
<!-- /wp:separator --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Spacer</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Spacer</strong> block is used to add controlled vertical space between blocks. It is useful for adjusting the rhythm, breathing room, and visual hierarchy of a layout. Spacers help improve readability and make sections feel less crowded.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">small</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">medium</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer {"height":"var:preset|spacing|20"} -->
<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">large</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer {"height":"var:preset|spacing|30"} -->
<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">x-large</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">xx-large</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">xxx-large</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"color":"#ffc53d","style":"dashed","width":"1px"}},"layout":{"type":"default"}} -->
<div class="wp-block-group has-border-color" style="border-color:#ffc53d;border-style:dashed;border-width:1px"><!-- wp:spacer {"height":"var:preset|spacing|60"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

<!-- wp:nextpage -->
<!--nextpage-->
<!-- /wp:nextpage -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Archives</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Archives</strong> block is used to display a list of posts grouped by month. It is useful for blogs, news sections, journals, or any site where visitors should be able to browse older content by date.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Default</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Show post counts</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:archives {"showPostCounts":true} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Display as dropdown</p>
<!-- /wp:paragraph -->

<!-- wp:archives {"displayAsDropdown":true} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Calendar</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Calendar</strong> block is used to display published posts in a monthly calendar view. It is useful for showing when content was published and giving visitors a date-based way to explore posts.</p>
<!-- /wp:paragraph -->

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

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading"><strong>Term List</strong> &amp; Category List</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Terms List</strong> block is used to display taxonomy terms such as categories, tags, or custom terms. It is useful for showing content groups, topics, filters, or structured navigation based on how content is organized.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Default</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Show post counts</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:categories {"taxonomy":"post_tag","showPostCounts":true} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Display as dropdown</p>
<!-- /wp:paragraph -->

<!-- wp:categories {"taxonomy":"post_tag","displayAsDropdown":true,"label":"This is a label"} /-->

<!-- wp:paragraph -->
<p>The <strong>Categories List</strong> block is used to display a list of post categories. It is useful for blogs, magazines, knowledge bases, or any content area where visitors should be able to browse posts by topic.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Show hierarchy</p>
<!-- /wp:paragraph -->

<!-- wp:categories {"showHierarchy":true,"label":""} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Latest Comments</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Latest Comments</strong> block is used to display the most recent comments on the site. It is useful for blogs, community areas, or editorial websites where recent discussion should be visible to visitors.</p>
<!-- /wp:paragraph -->

<!-- wp:latest-comments {"commentsToShow":3} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Latest Posts</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Latest Posts</strong> block is used to display a list of recent posts. It is useful for news sections, blogs, updates, resources, or any page where fresh content should be highlighted automatically.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Default</p>
<!-- /wp:paragraph -->

<!-- wp:latest-posts /-->

<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Display author name</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Display post date</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Display featured image</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:latest-posts {"displayAuthor":true,"displayPostDate":true,"displayFeaturedImage":true,"addLinkToFeaturedImage":true} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Page list</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Page List</strong> block is used to display a list of pages from the site. It is useful for simple navigation, overview pages, documentation sections, or content structures where pages should be shown automatically.</p>
<!-- /wp:paragraph -->

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

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Search</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Search</strong> block is used to add a search form to a page, post, header, or sidebar. It helps visitors quickly find content across the site and is especially useful for blogs, documentation, shops, and larger websites.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Button outsite</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Use button with icon</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search","buttonUseIcon":true} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Button inside</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search","buttonPosition":"button-inside"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Use button with icon</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">No button</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search","buttonPosition":"no-button"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Use button with icon</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search","buttonPosition":"no-button","buttonUseIcon":true} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Button only</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search","buttonPosition":"button-only","isSearchFieldHidden":true} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Use button with icon</p>
<!-- /wp:paragraph -->

<!-- wp:search {"label":"Search","buttonText":"Search","buttonPosition":"button-only","buttonUseIcon":true,"isSearchFieldHidden":true} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Social Icons</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Social Icons</strong> block is used to display links to social media profiles with recognizable icons. It is useful for headers, footers, contact sections, author areas, or anywhere visitors should be able to connect on other platforms.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Icon size Default</p>
<!-- /wp:paragraph -->

<!-- wp:social-links -->
<ul class="wp-block-social-links"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->

<!-- wp:social-link {"url":"#","service":"youtube"} /-->

<!-- wp:social-link {"url":"#","service":"yelp"} /-->

<!-- wp:social-link {"url":"#","service":"x"} /-->

<!-- wp:social-link {"url":"#","service":"whatsapp"} /-->

<!-- wp:social-link {"url":"#","service":"vk"} /-->

<!-- wp:social-link {"url":"#","service":"vimeo"} /-->

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

<!-- wp:social-link {"url":"#","service":"twitch"} /-->

<!-- wp:social-link {"url":"#","service":"tumblr"} /-->

<!-- wp:social-link {"url":"#","service":"tiktok"} /-->

<!-- wp:social-link {"url":"#","service":"threads"} /-->

<!-- wp:social-link {"url":"#","service":"telegram"} /-->

<!-- wp:social-link {"url":"#","service":"spotify"} /-->

<!-- wp:social-link {"url":"#","service":"soundcloud"} /-->

<!-- wp:social-link {"url":"#","service":"snapchat"} /-->

<!-- wp:social-link {"url":"#","service":"reddit"} /-->

<!-- wp:social-link {"url":"#","service":"pocket"} /-->

<!-- wp:social-link {"url":"#","service":"pinterest"} /-->

<!-- wp:social-link {"url":"#","service":"patreon"} /-->

<!-- wp:social-link {"url":"#","service":"medium"} /-->

<!-- wp:social-link {"url":"#","service":"meetup"} /-->

<!-- wp:social-link {"url":"#","service":"mastodon"} /-->

<!-- wp:social-link {"url":"#","service":"mail"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /-->

<!-- wp:social-link {"url":"#","service":"lastfm"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"gravatar"} /-->

<!-- wp:social-link {"url":"#","service":"github"} /-->

<!-- wp:social-link {"url":"#","service":"google"} /-->

<!-- wp:social-link {"url":"#","service":"goodreads"} /-->

<!-- wp:social-link {"url":"#","service":"foursquare"} /-->

<!-- wp:social-link {"url":"#","service":"flickr"} /-->

<!-- wp:social-link {"url":"#","service":"feed"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"etsy"} /-->

<!-- wp:social-link {"url":"#","service":"dropbox"} /-->

<!-- wp:social-link {"url":"#","service":"dribbble"} /-->

<!-- wp:social-link {"url":"#","service":"discord"} /-->

<!-- wp:social-link {"url":"#","service":"deviantart"} /-->

<!-- wp:social-link {"url":"#","service":"codepen"} /-->

<!-- wp:social-link {"url":"#","service":"chain"} /-->

<!-- wp:social-link {"url":"#","service":"bluesky"} /-->

<!-- wp:social-link {"url":"#","service":"behance"} /-->

<!-- wp:social-link {"url":"#","service":"bandcamp"} /-->

<!-- wp:social-link {"url":"#","service":"amazon"} /-->

<!-- wp:social-link {"url":"#","service":"fivehundredpx"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Show text</p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"showLabels":true} -->
<ul class="wp-block-social-links has-visible-labels"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->

<!-- wp:social-link {"url":"#","service":"youtube"} /-->

<!-- wp:social-link {"url":"#","service":"yelp"} /-->

<!-- wp:social-link {"url":"#","service":"x"} /-->

<!-- wp:social-link {"url":"#","service":"whatsapp"} /-->

<!-- wp:social-link {"url":"#","service":"vk"} /-->

<!-- wp:social-link {"url":"#","service":"vimeo"} /-->

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

<!-- wp:social-link {"url":"#","service":"twitch"} /-->

<!-- wp:social-link {"url":"#","service":"tumblr"} /-->

<!-- wp:social-link {"url":"#","service":"tiktok"} /-->

<!-- wp:social-link {"url":"#","service":"threads"} /-->

<!-- wp:social-link {"url":"#","service":"telegram"} /-->

<!-- wp:social-link {"url":"#","service":"spotify"} /-->

<!-- wp:social-link {"url":"#","service":"soundcloud"} /-->

<!-- wp:social-link {"url":"#","service":"snapchat"} /-->

<!-- wp:social-link {"url":"#","service":"reddit"} /-->

<!-- wp:social-link {"url":"#","service":"pocket"} /-->

<!-- wp:social-link {"url":"#","service":"pinterest"} /-->

<!-- wp:social-link {"url":"#","service":"patreon"} /-->

<!-- wp:social-link {"url":"#","service":"medium"} /-->

<!-- wp:social-link {"url":"#","service":"meetup"} /-->

<!-- wp:social-link {"url":"#","service":"mastodon"} /-->

<!-- wp:social-link {"url":"#","service":"mail"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /-->

<!-- wp:social-link {"url":"#","service":"lastfm"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"gravatar"} /-->

<!-- wp:social-link {"url":"#","service":"github"} /-->

<!-- wp:social-link {"url":"#","service":"google"} /-->

<!-- wp:social-link {"url":"#","service":"goodreads"} /-->

<!-- wp:social-link {"url":"#","service":"foursquare"} /-->

<!-- wp:social-link {"url":"#","service":"flickr"} /-->

<!-- wp:social-link {"url":"#","service":"feed"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"etsy"} /-->

<!-- wp:social-link {"url":"#","service":"dropbox"} /-->

<!-- wp:social-link {"url":"#","service":"dribbble"} /-->

<!-- wp:social-link {"url":"#","service":"discord"} /-->

<!-- wp:social-link {"url":"#","service":"deviantart"} /-->

<!-- wp:social-link {"url":"#","service":"codepen"} /-->

<!-- wp:social-link {"url":"#","service":"chain"} /-->

<!-- wp:social-link {"url":"#","service":"bluesky"} /-->

<!-- wp:social-link {"url":"#","service":"behance"} /-->

<!-- wp:social-link {"url":"#","service":"bandcamp"} /-->

<!-- wp:social-link {"url":"#","service":"amazon"} /-->

<!-- wp:social-link {"url":"#","service":"fivehundredpx"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:heading {"level":3} -->
<h3 class="wp-block-heading">Styles</h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Logos Only</p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"className":"is-style-logos-only"} -->
<ul class="wp-block-social-links is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->

<!-- wp:social-link {"url":"#","service":"youtube"} /-->

<!-- wp:social-link {"url":"#","service":"yelp"} /-->

<!-- wp:social-link {"url":"#","service":"x"} /-->

<!-- wp:social-link {"url":"#","service":"whatsapp"} /-->

<!-- wp:social-link {"url":"#","service":"vk"} /-->

<!-- wp:social-link {"url":"#","service":"vimeo"} /-->

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

<!-- wp:social-link {"url":"#","service":"twitch"} /-->

<!-- wp:social-link {"url":"#","service":"tumblr"} /-->

<!-- wp:social-link {"url":"#","service":"tiktok"} /-->

<!-- wp:social-link {"url":"#","service":"threads"} /-->

<!-- wp:social-link {"url":"#","service":"telegram"} /-->

<!-- wp:social-link {"url":"#","service":"spotify"} /-->

<!-- wp:social-link {"url":"#","service":"soundcloud"} /-->

<!-- wp:social-link {"url":"#","service":"snapchat"} /-->

<!-- wp:social-link {"url":"#","service":"reddit"} /-->

<!-- wp:social-link {"url":"#","service":"pocket"} /-->

<!-- wp:social-link {"url":"#","service":"pinterest"} /-->

<!-- wp:social-link {"url":"#","service":"patreon"} /-->

<!-- wp:social-link {"url":"#","service":"medium"} /-->

<!-- wp:social-link {"url":"#","service":"meetup"} /-->

<!-- wp:social-link {"url":"#","service":"mastodon"} /-->

<!-- wp:social-link {"url":"#","service":"mail"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /-->

<!-- wp:social-link {"url":"#","service":"lastfm"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"gravatar"} /-->

<!-- wp:social-link {"url":"#","service":"github"} /-->

<!-- wp:social-link {"url":"#","service":"google"} /-->

<!-- wp:social-link {"url":"#","service":"goodreads"} /-->

<!-- wp:social-link {"url":"#","service":"foursquare"} /-->

<!-- wp:social-link {"url":"#","service":"flickr"} /-->

<!-- wp:social-link {"url":"#","service":"feed"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"etsy"} /-->

<!-- wp:social-link {"url":"#","service":"dropbox"} /-->

<!-- wp:social-link {"url":"#","service":"dribbble"} /-->

<!-- wp:social-link {"url":"#","service":"discord"} /-->

<!-- wp:social-link {"url":"#","service":"deviantart"} /-->

<!-- wp:social-link {"url":"#","service":"codepen"} /-->

<!-- wp:social-link {"url":"#","service":"chain"} /-->

<!-- wp:social-link {"url":"#","service":"bluesky"} /-->

<!-- wp:social-link {"url":"#","service":"behance"} /-->

<!-- wp:social-link {"url":"#","service":"bandcamp"} /-->

<!-- wp:social-link {"url":"#","service":"amazon"} /-->

<!-- wp:social-link {"url":"#","service":"fivehundredpx"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Pill Shape</p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"className":"is-style-pill-shape"} -->
<ul class="wp-block-social-links is-style-pill-shape"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->

<!-- wp:social-link {"url":"#","service":"youtube"} /-->

<!-- wp:social-link {"url":"#","service":"yelp"} /-->

<!-- wp:social-link {"url":"#","service":"x"} /-->

<!-- wp:social-link {"url":"#","service":"whatsapp"} /-->

<!-- wp:social-link {"url":"#","service":"vk"} /-->

<!-- wp:social-link {"url":"#","service":"vimeo"} /-->

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

<!-- wp:social-link {"url":"#","service":"twitch"} /-->

<!-- wp:social-link {"url":"#","service":"tumblr"} /-->

<!-- wp:social-link {"url":"#","service":"tiktok"} /-->

<!-- wp:social-link {"url":"#","service":"threads"} /-->

<!-- wp:social-link {"url":"#","service":"telegram"} /-->

<!-- wp:social-link {"url":"#","service":"spotify"} /-->

<!-- wp:social-link {"url":"#","service":"soundcloud"} /-->

<!-- wp:social-link {"url":"#","service":"snapchat"} /-->

<!-- wp:social-link {"url":"#","service":"reddit"} /-->

<!-- wp:social-link {"url":"#","service":"pocket"} /-->

<!-- wp:social-link {"url":"#","service":"pinterest"} /-->

<!-- wp:social-link {"url":"#","service":"patreon"} /-->

<!-- wp:social-link {"url":"#","service":"medium"} /-->

<!-- wp:social-link {"url":"#","service":"meetup"} /-->

<!-- wp:social-link {"url":"#","service":"mastodon"} /-->

<!-- wp:social-link {"url":"#","service":"mail"} /-->

<!-- wp:social-link {"url":"#","service":"linkedin"} /-->

<!-- wp:social-link {"url":"#","service":"lastfm"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"gravatar"} /-->

<!-- wp:social-link {"url":"#","service":"github"} /-->

<!-- wp:social-link {"url":"#","service":"google"} /-->

<!-- wp:social-link {"url":"#","service":"goodreads"} /-->

<!-- wp:social-link {"url":"#","service":"foursquare"} /-->

<!-- wp:social-link {"url":"#","service":"flickr"} /-->

<!-- wp:social-link {"url":"#","service":"feed"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /-->

<!-- wp:social-link {"url":"#","service":"etsy"} /-->

<!-- wp:social-link {"url":"#","service":"dropbox"} /-->

<!-- wp:social-link {"url":"#","service":"dribbble"} /-->

<!-- wp:social-link {"url":"#","service":"discord"} /-->

<!-- wp:social-link {"url":"#","service":"deviantart"} /-->

<!-- wp:social-link {"url":"#","service":"codepen"} /-->

<!-- wp:social-link {"url":"#","service":"chain"} /-->

<!-- wp:social-link {"url":"#","service":"bluesky"} /-->

<!-- wp:social-link {"url":"#","service":"behance"} /-->

<!-- wp:social-link {"url":"#","service":"bandcamp"} /-->

<!-- wp:social-link {"url":"#","service":"amazon"} /-->

<!-- wp:social-link {"url":"#","service":"fivehundredpx"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Tag Cloud</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Tag Cloud</strong> block is used to display tags or terms in a compact visual list. It is useful for showing common topics, content themes, or keyword-based navigation across posts.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Default</p>
<!-- /wp:paragraph -->

<!-- wp:tag-cloud {"taxonomy":"category","showTagCounts":true} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Outline</p>
<!-- /wp:paragraph -->

<!-- wp:tag-cloud {"taxonomy":"category","className":"is-style-outline"} /--></div>
<!-- /wp:group -->

<!-- wp:nextpage -->
<!--nextpage-->
<!-- /wp:nextpage -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading">Theme blocks</h1>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>Theme blocks</strong> are used to build and customize the structure of a WordPress site. They control dynamic parts of a theme, such as the site title, navigation, template areas, post content, featured images, author information, and other elements that are automatically filled with site or post data. These blocks are especially useful when editing templates, headers, footers, archive pages, and single post layouts.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Site Logo</p>
<!-- /wp:paragraph -->

<!-- wp:site-logo /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Site Title</p>
<!-- /wp:paragraph -->

<!-- wp:site-title /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Site Tagline</p>
<!-- /wp:paragraph -->

<!-- wp:site-tagline /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Avatar</p>
<!-- /wp:paragraph -->

<!-- wp:avatar /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Author Name</p>
<!-- /wp:paragraph -->

<!-- wp:post-author-name /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Comments Count</p>
<!-- /wp:paragraph -->

<!-- wp:post-comments-count /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Comments Link</p>
<!-- /wp:paragraph -->

<!-- wp:post-comments-link /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Date</p>
<!-- /wp:paragraph -->

<!-- wp:post-date {"datetime":"2026-06-12T13:31:07.375Z"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Post Date</p>
<!-- /wp:paragraph -->

<!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}}} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Modified Date</p>
<!-- /wp:paragraph -->

<!-- wp:post-date {"metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"modified"}}}},"className":"wp-block-post-date__modified-date"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Categories</p>
<!-- /wp:paragraph -->

<!-- wp:post-navigation-link {"type":"previous"} /-->

<!-- wp:post-navigation-link {"type":"previous","showTitle":true} /-->

<!-- wp:post-navigation-link {"type":"previous","showTitle":true,"linkLabel":true} /-->

<!-- wp:post-navigation-link {"type":"previous","showTitle":true,"linkLabel":true,"arrow":"arrow"} /-->

<!-- wp:post-navigation-link {"type":"previous","showTitle":true,"linkLabel":true,"arrow":"chevron"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Next Post</p>
<!-- /wp:paragraph -->

<!-- wp:post-navigation-link /-->

<!-- wp:post-navigation-link {"showTitle":true} /-->

<!-- wp:post-navigation-link {"showTitle":true,"linkLabel":true} /-->

<!-- wp:post-navigation-link {"showTitle":true,"linkLabel":true,"arrow":"arrow"} /-->

<!-- wp:post-navigation-link {"showTitle":true,"linkLabel":true,"arrow":"chevron"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Time to Read</p>
<!-- /wp:paragraph -->

<!-- wp:post-time-to-read /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Word Cound</p>
<!-- /wp:paragraph -->

<!-- wp:post-time-to-read {"displayMode":"words"} /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Term Query</p>
<!-- /wp:paragraph -->

<!-- wp:terms-query -->
<div class="wp-block-terms-query"><!-- wp:term-template -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:term-name {"isLink":true} /-->

<!-- wp:term-count /--></div>
<!-- /wp:group -->
<!-- /wp:term-template --></div>
<!-- /wp:terms-query --></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Login/out</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Login/out</strong> block is used to display a login or logout link depending on the visitor’s current status. It is useful for membership areas, customer portals, private content, or any site where users need a simple way to sign in or sign out.</p>
<!-- /wp:paragraph -->

<!-- wp:loginout /-->

<!-- wp:paragraph {"className":"is-style-text-annotation"} -->
<p class="is-style-text-annotation">Display login as form</p>
<!-- /wp:paragraph -->

<!-- wp:loginout {"displayLoginAsForm":true} /--></div>
<!-- /wp:group -->

<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:heading -->
<h2 class="wp-block-heading">Breadcrumps</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>The <strong>Breadcrumbs</strong> block is used to show the visitor’s current position within the site structure. It is useful for pages with multiple levels, documentation, shops, blogs, or larger websites. Breadcrumbs help visitors understand where they are and make it easier to navigate back to parent pages or sections.</p>
<!-- /wp:paragraph -->

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