<?php
 /**
  * Title: Service Section
  * Slug: pixel-personal-portfolio/service-section
  */

?>

<!-- wp:group {"className":"service-sec","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"3em","bottom":"3em"}}},"layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group service-sec" style="margin-top:3em;margin-bottom:3em;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"verticalAlignment":"center"} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"40%","className":"left-serv-col"} -->
<div class="wp-block-column is-vertically-aligned-center left-serv-col" style="flex-basis:40%"><!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"14px","letterSpacing":"0.7px","fontStyle":"Thin","fontWeight":"500"}},"textColor":"primary","fontFamily":"Poppins"} -->
<p class="has-primary-color has-text-color has-link-color has-poppins-font-family" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:14px;font-style:Thin;font-weight:500;letter-spacing:0.7px"><?php esc_html_e('What Can I Do','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"typography":{"fontSize":"24px","fontStyle":"Thin","fontWeight":"700"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"8px","bottom":"8px"}}},"fontFamily":"Poppins"} -->
<h2 class="wp-block-heading has-poppins-font-family" style="margin-top:8px;margin-bottom:8px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:24px;font-style:Thin;font-weight:700"><?php esc_html_e('Services I Provide','pixel-personal-portfolio'); ?></h2>
<!-- /wp:heading -->

<!-- wp:paragraph {"className":"serv-content-top","style":{"color":{"text":"#6b6b87"},"elements":{"link":{"color":{"text":"#6b6b87"}}},"typography":{"fontSize":"12px","fontStyle":"Thin","fontWeight":"400"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"Poppins"} -->
<p class="serv-content-top has-text-color has-link-color has-poppins-font-family" style="color:#6b6b87;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:12px;font-style:Thin;font-weight:400"><?php esc_html_e('Etiam nec tortor interdum libero venenatis egestas et id diam. Proin vestibulum commodo velit id consequat.','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() . '/assets/images/service-img.png'); ?>","id":30,"dimRatio":50,"customOverlayColor":"#877b69","isUserOverlayColor":false,"minHeight":200,"sizeSlug":"full","align":"center","className":"serv-banner","style":{"border":{"radius":{"topLeft":"10px","topRight":"10px","bottomLeft":"10px","bottomRight":"10px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover aligncenter serv-banner" style="border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;min-height:200px"><img class="wp-block-cover__image-background wp-image-30 size-full" alt="" src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/service-img.png'); ?>" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim" style="background-color:#877b69"></span><div class="wp-block-cover__inner-container"><!-- wp:wpzoom-video-popup-block/block {"text":"","icon":3,"className":"has-background-color has-text-color has-link-color","style":{"typography":{"fontSize":"30px"}},"fontFamily":"Poppins"} -->
<a class="wp-block-wpzoom-video-popup-block-block wpzoom-video-popup-block has-background-color has-text-color has-link-color has-poppins-font-family" style="font-size:30px" data-popup-width="900px"><span class="wpzoom-video-popup-block_icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="m3.5 0v32l25-16z" fill="currentColor"></path></svg></span></a>
<!-- /wp:wpzoom-video-popup-block/block --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center","width":"60%","className":"right-serv-col","style":{"spacing":{"blockGap":"0","padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-center right-serv-col" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;flex-basis:60%"><!-- wp:columns {"className":"right-serv-columns","style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns right-serv-columns" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"50%","className":"serv-two-col"} -->
<div class="wp-block-column serv-two-col" style="flex-basis:50%"><!-- wp:group {"className":"service-border-box first","layout":{"type":"constrained"}} -->
<div class="wp-block-group service-border-box first"><!-- wp:group {"className":"serv-icon first","layout":{"type":"constrained"}} -->
<div class="wp-block-group serv-icon first"><!-- wp:html -->
<i class="fas fa-code"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"#39394f"}}},"color":{"text":"#39394f"},"typography":{"fontSize":"17px","fontStyle":"Thin","fontWeight":"600"},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"margin":{"right":"0","left":"0","top":"8px","bottom":"8px"}}},"fontFamily":"Poppins"} -->
<h3 class="wp-block-heading has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#39394f;margin-top:8px;margin-right:0;margin-bottom:8px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:17px;font-style:Thin;font-weight:600"><?php esc_html_e('Web Development','pixel-personal-portfolio'); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#6b6b87"},"elements":{"link":{"color":{"text":"#6b6b87"}}},"typography":{"fontSize":"11px","fontStyle":"Thin","fontWeight":"400"},"spacing":{"padding":{"top":"0","bottom":"0","left":"15px","right":"15px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"Poppins"} -->
<p class="has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#6b6b87;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:15px;padding-bottom:0;padding-left:15px;font-size:11px;font-style:Thin;font-weight:400"><?php esc_html_e('Fusce nec tortor ullamcorper dictum felis ac, finibus leo. Duis facilisis arcu','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"primary","className":"learn-btn-text","style":{"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textDecoration":"underline","textTransform":"capitalize","fontSize":"13px","fontStyle":"Thin","fontWeight":"600"}},"fontFamily":"Poppins"} -->
<div class="wp-block-button learn-btn-text"><a class="wp-block-button__link has-primary-color has-text-color has-link-color has-poppins-font-family has-text-align-center has-custom-font-size wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:13px;font-style:Thin;font-weight:600;text-decoration:underline;text-transform:capitalize"><?php esc_html_e('Learn More','pixel-personal-portfolio'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","className":"serv-two-col"} -->
<div class="wp-block-column serv-two-col" style="flex-basis:50%"><!-- wp:group {"className":"service-border-box sec","layout":{"type":"constrained"}} -->
<div class="wp-block-group service-border-box sec"><!-- wp:group {"className":"serv-icon sec","layout":{"type":"constrained"}} -->
<div class="wp-block-group serv-icon sec"><!-- wp:html -->
<i class="fas fa-code"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"#39394f"}}},"color":{"text":"#39394f"},"typography":{"fontSize":"17px","fontStyle":"Thin","fontWeight":"600"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"right":"0","left":"0","top":"8px","bottom":"8px"}}},"fontFamily":"Poppins"} -->
<h3 class="wp-block-heading has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#39394f;margin-top:8px;margin-right:0;margin-bottom:8px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:17px;font-style:Thin;font-weight:600"><?php esc_html_e('App Design','pixel-personal-portfolio'); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#6b6b87"},"elements":{"link":{"color":{"text":"#6b6b87"}}},"typography":{"fontSize":"11px","fontStyle":"Thin","fontWeight":"400"},"spacing":{"padding":{"top":"0","bottom":"0","left":"15px","right":"15px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"Poppins"} -->
<p class="has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#6b6b87;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:15px;padding-bottom:0;padding-left:15px;font-size:11px;font-style:Thin;font-weight:400"><?php esc_html_e('Fusce nec tortor ullamcorper dictum felis ac, finibus leo. Duis facilisis arcu','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"primary","className":"learn-btn-text","style":{"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textDecoration":"underline","textTransform":"capitalize","fontSize":"13px","fontStyle":"Thin","fontWeight":"600"}},"fontFamily":"Poppins"} -->
<div class="wp-block-button learn-btn-text"><a class="wp-block-button__link has-primary-color has-text-color has-link-color has-poppins-font-family has-text-align-center has-custom-font-size wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:13px;font-style:Thin;font-weight:600;text-decoration:underline;text-transform:capitalize"><?php esc_html_e('Learn More','pixel-personal-portfolio'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:columns {"className":"right-serv-columns","style":{"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns right-serv-columns" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"width":"50%","className":"serv-two-col"} -->
<div class="wp-block-column serv-two-col" style="flex-basis:50%"><!-- wp:group {"className":"service-border-box third","layout":{"type":"constrained"}} -->
<div class="wp-block-group service-border-box third"><!-- wp:group {"className":"serv-icon third","layout":{"type":"constrained"}} -->
<div class="wp-block-group serv-icon third"><!-- wp:html -->
<i class="fas fa-code"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"#39394f"}}},"color":{"text":"#39394f"},"typography":{"fontSize":"17px","fontStyle":"Thin","fontWeight":"600"},"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"margin":{"right":"0","left":"0","top":"8px","bottom":"8px"}}},"fontFamily":"Poppins"} -->
<h3 class="wp-block-heading has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#39394f;margin-top:8px;margin-right:0;margin-bottom:8px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:17px;font-style:Thin;font-weight:600"><?php esc_html_e('Digital Marketing','pixel-personal-portfolio'); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#6b6b87"},"elements":{"link":{"color":{"text":"#6b6b87"}}},"typography":{"fontSize":"11px","fontStyle":"Thin","fontWeight":"400"},"spacing":{"padding":{"top":"0","bottom":"0","left":"15px","right":"15px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"Poppins"} -->
<p class="has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#6b6b87;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:15px;padding-bottom:0;padding-left:15px;font-size:11px;font-style:Thin;font-weight:400"><?php esc_html_e('Fusce nec tortor ullamcorper dictum felis ac, finibus leo. Duis facilisis arcu','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"primary","className":"learn-btn-text","style":{"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textDecoration":"underline","textTransform":"capitalize","fontSize":"13px","fontStyle":"Thin","fontWeight":"600"}},"fontFamily":"Poppins"} -->
<div class="wp-block-button learn-btn-text"><a class="wp-block-button__link has-primary-color has-text-color has-link-color has-poppins-font-family has-text-align-center has-custom-font-size wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:13px;font-style:Thin;font-weight:600;text-decoration:underline;text-transform:capitalize"><?php esc_html_e('Learn More','pixel-personal-portfolio'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"width":"50%","className":"serv-two-col"} -->
<div class="wp-block-column serv-two-col" style="flex-basis:50%"><!-- wp:group {"className":"service-border-box four","layout":{"type":"constrained"}} -->
<div class="wp-block-group service-border-box four"><!-- wp:group {"className":"serv-icon fourth","layout":{"type":"constrained"}} -->
<div class="wp-block-group serv-icon fourth"><!-- wp:html -->
<i class="fas fa-code"></i>
<!-- /wp:html --></div>
<!-- /wp:group -->

<!-- wp:heading {"textAlign":"center","level":3,"style":{"elements":{"link":{"color":{"text":"#39394f"}}},"color":{"text":"#39394f"},"typography":{"fontSize":"17px","fontStyle":"Thin","fontWeight":"600"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"right":"0","left":"0","top":"8px","bottom":"8px"}}},"fontFamily":"Poppins"} -->
<h3 class="wp-block-heading has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#39394f;margin-top:8px;margin-right:0;margin-bottom:8px;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:17px;font-style:Thin;font-weight:600"><?php esc_html_e('UI/UX Design','pixel-personal-portfolio'); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"align":"center","style":{"color":{"text":"#6b6b87"},"elements":{"link":{"color":{"text":"#6b6b87"}}},"typography":{"fontSize":"11px","fontStyle":"Thin","fontWeight":"400"},"spacing":{"padding":{"top":"0","bottom":"0","left":"15px","right":"15px"},"margin":{"top":"0","bottom":"0","left":"0","right":"0"}}},"fontFamily":"Poppins"} -->
<p class="has-text-align-center has-text-color has-link-color has-poppins-font-family" style="color:#6b6b87;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:15px;padding-bottom:0;padding-left:15px;font-size:11px;font-style:Thin;font-weight:400"><?php esc_html_e('Fusce nec tortor ullamcorper dictum felis ac, finibus leo. Duis facilisis arcu','pixel-personal-portfolio'); ?></p>
<!-- /wp:paragraph -->

<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","textColor":"primary","className":"learn-btn-text","style":{"spacing":{"padding":{"left":"0","right":"0","top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"typography":{"textDecoration":"underline","textTransform":"capitalize","fontSize":"13px","fontStyle":"Thin","fontWeight":"600"}},"fontFamily":"Poppins"} -->
<div class="wp-block-button learn-btn-text"><a class="wp-block-button__link has-primary-color has-text-color has-link-color has-poppins-font-family has-text-align-center has-custom-font-size wp-element-button" href="#" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;font-size:13px;font-style:Thin;font-weight:600;text-decoration:underline;text-transform:capitalize"><?php esc_html_e('Learn More','pixel-personal-portfolio'); ?></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:column --></div>

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