<?php
/**
 * Title: Page with contact details
 * Slug: dualtone/page-contact
 * Categories: dualtone_page
 * Keywords: starter
 * Block Types: core/post-content
 * Post Types: page
 */
?>
<!-- wp:paragraph -->
<p><?php esc_html_e( 'Hi creator! Go ahead and replace this paragraph by your own text. You may place here some introduction to the preferred ways people have for contacting you.', 'dualtone' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"},"padding":{"top":"var:preset|spacing|025","bottom":"var:preset|spacing|025"}},"border":{"bottom":{"color":"var:preset|color|accent","width":"2px"}}}} -->
<div class="wp-block-columns" style="border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:2px;margin-top:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--025);padding-bottom:var(--wp--preset--spacing--025)"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:paragraph -->
<p><?php esc_html_e( 'Phone:', 'dualtone' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left"><?php esc_html_e( '+34 688 888 889', 'dualtone' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"},"padding":{"top":"var:preset|spacing|025","bottom":"var:preset|spacing|025"}},"border":{"bottom":{"color":"var:preset|color|accent","width":"2px"}}}} -->
<div class="wp-block-columns" style="border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:2px;margin-top:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--025);padding-bottom:var(--wp--preset--spacing--025)"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:paragraph -->
<p><?php esc_html_e( 'Email:', 'dualtone' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left"><?php esc_html_e( 'hello (at) mydomain (d∘t) com', 'dualtone' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"},"padding":{"top":"var:preset|spacing|025","bottom":"var:preset|spacing|025"}},"border":{"bottom":{"color":"var:preset|color|accent","width":"2px"}}}} -->
<div class="wp-block-columns" style="border-bottom-color:var(--wp--preset--color--accent);border-bottom-width:2px;margin-top:var(--wp--preset--spacing--20);padding-top:var(--wp--preset--spacing--025);padding-bottom:var(--wp--preset--spacing--025)"><!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:paragraph -->
<p><?php esc_html_e( 'Social:', 'dualtone' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%"} -->
<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:social-links -->
<ul class="wp-block-social-links"><!-- wp:social-link {"url":"#","service":"x"} /-->

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

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

<!-- wp:social-link {"url":"#","service":"wordpress"} /--></ul>
<!-- /wp:social-links --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

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

<!-- wp:paragraph {"fontSize":"large"} -->
<p><?php esc_html_e( 'Hi creator! place here your final words on contact information. Modify font size if you wish. After this paragraph, you will find some symbols. They are Unicode symbols and you may change them by searching Unicode characters on the Internet and looking at all the possibilities you have.', 'dualtone' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"align":"center","fontSize":"x-large"} -->
<p class="has-text-align-center has-x-large-font-size">✵✵✵</p>
<!-- /wp:paragraph -->