My LinkTree website.com github.com/username Twitter @username Instagram @username Facebook username LinkedIn WordPress Pattern Code <!-- wp:group {"layout":{"inherit":false,"contentSize":"600px"}} --> <div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} --> <div class="wp-block-group"><!-- wp:spacer {"height":"80px"} --> <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:image {"align":"center","width":300,"height":300,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"100rem"},"color":{"duotone":["#000000","#fcf7d9"]}},"className":"is-style-default"} --> <figure class="wp-block-image aligncenter size-large is-resized has-custom-border is-style-default"><img src="https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1760&q=80" alt="Profile photo" style="border-radius:100rem" width="300" height="300" /></figure> <!-- /wp:image --> <!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"48px"},"color":{"text":"#111111"}}} --> <h2 class="has-text-align-center has-text-color" style="color:#111111;font-size:48px"><strong>My LinkTree</strong></h2> <!-- /wp:heading --> <!-- wp:spacer {"height":"60px"} --> <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","orientation":"horizontal"}} --> <div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">website.com</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">github.com/username</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Twitter @username</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Instagram @username</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">Facebook username</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">LinkedIn</a></div> <!-- /wp:button --> <!-- wp:button {"backgroundColor":"vivid-cyan-blue","width":100,"style":{"color":{"text":"#fefefe"},"border":{"radius":"6px"}}} --> <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button" style="border-radius:6px;color:#fefefe">WordPress</a></div> <!-- /wp:button --></div> <!-- /wp:buttons --> <!-- wp:spacer {"height":"90px"} --> <div style="height:90px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --></div> <!-- /wp:group --></div> <!-- /wp:group -->