<?php
/**
 * Title: Portfolio (Full Page)
 * Slug: multiplex/portfolio-full-page
 * Categories: multiplex
 * Keywords: full page
 * Viewport Width: 1440
 * Inserter: yes
 */
?>

<!-- wp:columns {"align":"full","style":{"spacing":{"blockGap":{"top":"0px","left":"0"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"backgroundColor":"custom-color-5"} -->
<div class="wp-block-columns alignfull has-custom-color-5-background-color has-background" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|60","left":"var:preset|spacing|30","top":"var:preset|spacing|80","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained","contentSize":"535px","justifyContent":"right"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--30)"><!-- wp:heading {"level":1,"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"textColor":"white","fontSize":"x-large"} -->
<h1 class="wp-block-heading has-white-color has-text-color has-link-color has-x-large-font-size" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><?php esc_html_e( 'Hello! I\'m Judith. Web designer from Portugal.', 'multiplex' ); ?></h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white","fontSize":"medium"} -->
<p class="has-white-color has-text-color has-link-color has-medium-font-size"><?php esc_html_e( 'Pellentesque ultrices ultrices sapien, nec tincidunt nunc posuere ut. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque tristique dolor vitae tincidunt. Aenean quis massa uada mi elementum elementum.', 'multiplex' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"iconColor":"custom-color-5","iconColorValue":"#473bb1","iconBackgroundColor":"white","iconBackgroundColorValue":"#ffffff","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
<ul class="wp-block-social-links has-icon-color has-icon-background-color" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:social-link {"url":"#","service":"linkedin"} /-->

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

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

<!-- wp:column {"style":{"spacing":{"padding":{"right":"0","left":"0"},"blockGap":"0"}}} -->
<div class="wp-block-column" style="padding-right:0;padding-left:0"><!-- wp:image {"id":221,"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fill","flexSize":null}}} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( '/assets/images/portfolio/girl-2-scaled.jpg' ) ); ?>" alt="" /></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:group {"style":{"layout":{"columnSpan":2},"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:heading {"textAlign":"center","style":{"layout":{"columnSpan":1}}} -->
<h2 class="wp-block-heading has-text-align-center"><?php esc_html_e( 'My Awesome Designs', 'multiplex' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"layout":{"columnSpan":1}}} -->
<p class="has-text-align-center"><?php esc_html_e( 'Some products designed by Judith', 'multiplex' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:group {"metadata":{"patternName":"core/block/532","name":"Two Columns"},"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-bottom:0"><!-- wp:columns {"style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:image {"id":90,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( '/assets/images/portfolio/portfolio_item1.jpg' ) ); ?>" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="wp-block-heading has-text-align-center"><?php esc_html_e( 'Armchair', 'multiplex' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php esc_html_e( 'Simple red armchair', 'multiplex' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:image {"id":91,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( '/assets/images/portfolio/portfolio_item2.jpg' ) ); ?>" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="wp-block-heading has-text-align-center"><?php esc_html_e( 'Restful', 'multiplex' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php esc_html_e( 'Unusual living room bad', 'multiplex' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-bottom:0"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:image {"id":100,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( '/assets/images/portfolio/portfolio_item3.jpg' ) ); ?>" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="wp-block-heading has-text-align-center"><?php esc_html_e( 'Living Room Set', 'multiplex' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php esc_html_e( 'Leather set', 'multiplex' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:image {"id":101,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_theme_file_uri( '/assets/images/portfolio/portfolio_item4.jpg' ) ); ?>" alt="" /></figure>
<!-- /wp:image -->

<!-- wp:heading {"textAlign":"center","level":3} -->
<h3 class="wp-block-heading has-text-align-center"><?php esc_html_e( 'Lamp', 'multiplex' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php esc_html_e( 'Cool lamp for the room', 'multiplex' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"var:preset|spacing|70"}}},"backgroundColor":"custom-color-6","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-custom-color-6-background-color has-background" style="margin-top:var(--wp--preset--spacing--70);padding-top:0;padding-bottom:0"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:column {"width":"33.33%","style":{"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-bottom:0;flex-basis:33.33%"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"33%"},"dimensions":{"minHeight":"px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="min-height:px"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php esc_html_e( 'Expertise', 'multiplex' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php esc_html_e( 'Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum. Pellentesque ultrices ultrices sapien, nec tincidunt nunc posuere ut.', 'multiplex' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"66.66%","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-column" style="padding-top:0;padding-bottom:0;padding-left:0;flex-basis:66.66%"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"67%"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:hotblocks/counters {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","orientation":"horizontal"},"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} -->
<div style="--hot-circle-size:120px;--hot-circle-track-width:2;--hot-circle-progress-width:6;--hot-circle-track-color:#d9d9d9;--hot-circle-progress-color:#e8008a" class="wp-block-hotblocks-counters"><!-- wp:hotblocks/counter {"mode":"circle","end":88,"label":"HTML/CSS"} -->
<div data-mode="circle" data-start="0" data-end="88" data-percent="88" data-duration="1200" data-prefix="" data-suffix="%" class="wp-block-hotblocks-counter"><div class="hot-circle"><div class="hot-circle__ring"><svg class="hot-circle__svg" viewBox="0 0 100 100" aria-hidden="true"><g transform="rotate(-90 50 50)"><circle class="hot-circle__track" cx="50" cy="50" r="45"></circle><circle class="hot-circle__progress" cx="50" cy="50" r="45"></circle></g></svg><div class="hot-circle__text"><span class="hot-counter-prefix"></span><span class="hot-counter-number">88</span><span class="hot-counter-suffix">%</span></div><div class="hot-counter-label"><?php esc_html_e( 'HTML/CSS', 'multiplex' ); ?></div></div></div></div>
<!-- /wp:hotblocks/counter -->

<!-- wp:hotblocks/counter {"mode":"circle","end":74,"duration":1600,"label":"Javascript"} -->
<div data-mode="circle" data-start="0" data-end="74" data-percent="74" data-duration="1600" data-prefix="" data-suffix="%" class="wp-block-hotblocks-counter"><div class="hot-circle"><div class="hot-circle__ring"><svg class="hot-circle__svg" viewBox="0 0 100 100" aria-hidden="true"><g transform="rotate(-90 50 50)"><circle class="hot-circle__track" cx="50" cy="50" r="45"></circle><circle class="hot-circle__progress" cx="50" cy="50" r="45"></circle></g></svg><div class="hot-circle__text"><span class="hot-counter-prefix"></span><span class="hot-counter-number">74</span><span class="hot-counter-suffix">%</span></div><div class="hot-counter-label"><?php esc_html_e( 'Javascript', 'multiplex' ); ?></div></div></div></div>
<!-- /wp:hotblocks/counter -->

<!-- wp:hotblocks/counter {"mode":"circle","end":68,"duration":2000,"label":"PHP/MySQL"} -->
<div data-mode="circle" data-start="0" data-end="68" data-percent="68" data-duration="2000" data-prefix="" data-suffix="%" class="wp-block-hotblocks-counter"><div class="hot-circle"><div class="hot-circle__ring"><svg class="hot-circle__svg" viewBox="0 0 100 100" aria-hidden="true"><g transform="rotate(-90 50 50)"><circle class="hot-circle__track" cx="50" cy="50" r="45"></circle><circle class="hot-circle__progress" cx="50" cy="50" r="45"></circle></g></svg><div class="hot-circle__text"><span class="hot-counter-prefix"></span><span class="hot-counter-number">68</span><span class="hot-counter-suffix">%</span></div><div class="hot-counter-label"><?php esc_html_e( 'PHP/MySQL', 'multiplex' ); ?></div></div></div></div>
<!-- /wp:hotblocks/counter -->

<!-- wp:hotblocks/counter {"mode":"circle","end":96,"duration":2400,"label":"Adobe"} -->
<div data-mode="circle" data-start="0" data-end="96" data-percent="96" data-duration="2400" data-prefix="" data-suffix="%" class="wp-block-hotblocks-counter"><div class="hot-circle"><div class="hot-circle__ring"><svg class="hot-circle__svg" viewBox="0 0 100 100" aria-hidden="true"><g transform="rotate(-90 50 50)"><circle class="hot-circle__track" cx="50" cy="50" r="45"></circle><circle class="hot-circle__progress" cx="50" cy="50" r="45"></circle></g></svg><div class="hot-circle__text"><span class="hot-counter-prefix"></span><span class="hot-counter-number">96</span><span class="hot-counter-suffix">%</span></div><div class="hot-counter-label"><?php esc_html_e( 'Adobe', 'multiplex' ); ?></div></div></div></div>
<!-- /wp:hotblocks/counter --></div>
<!-- /wp:hotblocks/counters --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:0;padding-bottom:0"><!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}}} -->
<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:column {"width":"66.66%","style":{"spacing":{"padding":{"top":"0","bottom":"0","right":"var:preset|spacing|60"},"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column" style="padding-top:0;padding-right:var(--wp--preset--spacing--60);padding-bottom:0;flex-basis:66.66%"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php esc_html_e( 'Write To Me', 'multiplex' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:hotblocks/contact {"recipientEmail":"hello@example.com","labelMode":"placeholders","buttonText":"Send Message","antiSpamQuestion":"What is 4 + 2?","antiSpamAnswer":"6","className":"wp-block-hotblocks-contact"} /--></div>
<!-- /wp:column -->

<!-- wp:column {"width":"33.33%","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|40"}}} -->
<div class="wp-block-column" style="padding-top:0;padding-bottom:0;flex-basis:33.33%"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php esc_html_e( 'Hire Me', 'multiplex' ); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><?php esc_html_e( '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.', 'multiplex' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php esc_html_e( 'Stet clita kasd gubergren, no sea takimata sanctus est. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.', 'multiplex' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:social-links {"iconColor":"custom-color-5","iconColorValue":"#473bb1","iconBackgroundColor":"custom-color-7","iconBackgroundColorValue":"#dddddd","className":"is-style-default","style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
<ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-default" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:social-link {"url":"#","service":"linkedin"} /-->

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

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