{"id":3037,"date":"2019-11-07T07:54:45","date_gmt":"2019-11-07T07:54:45","guid":{"rendered":"http:\/\/mihai.extendstudio.net\/colibri-demo2\/colibri-wp\/"},"modified":"2021-01-16T17:54:33","modified_gmt":"2021-01-16T17:54:33","slug":"home","status":"publish","type":"page","link":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/","title":{"rendered":"Home"},"content":{"rendered":"<div data-colibri-id=\"3037-c1\" class=\"style-155 style-local-3037-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"3037-c2\" id=\"developer-picture\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-197 style-local-3037-c2 position-relative\">\n    <div class=\"background-wrapper\">\n      <div class=\"background-layer background-layer-media-container-lg\">\n        <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c2\" media=\"desktop\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/bg-2-3394.jpg&quot;);\"><\/div>\n      <\/div>\n      <div class=\"background-layer background-layer-media-container-md\">\n        <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c2\" media=\"tablet\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/bg-2-3394.jpg&quot;);\"><\/div>\n      <\/div>\n      <div class=\"background-layer background-layer-media-container\">\n        <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c2\" media=\"mobile\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/bg-2-3394.jpg&quot;);\"><\/div>\n      <\/div>\n    <\/div>\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <!---->\n      <div data-colibri-id=\"3037-c3\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-198 style-local-3037-c3 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-199-outer style-local-3037-c4-outer\">\n            <div data-colibri-id=\"3037-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-199 style-local-3037-c4 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"3037-c5\" class=\"d-block style-384 style-local-3037-c5 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-image__frame-container-outer\">\n                    <div class=\"h-image__frame-container\">\n                      <!---->\n                      <!---->\n                      <img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"408\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/evan-dvorkin-FLhnC9S_UE8-unsplash__1_-removebg-preview.png\" class=\"wp-image-2018 style-384-image style-local-3037-c5-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/03\/evan-dvorkin-FLhnC9S_UE8-unsplash__1_-removebg-preview.png 612w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/03\/evan-dvorkin-FLhnC9S_UE8-unsplash__1_-removebg-preview-300x200.png 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/>\n                      <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-384-frameImage style-local-3037-c5-frameImage\"><\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"3037-c6\" id=\"about-me\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-498 style-local-3037-c6 position-relative\">\n    <div class=\"background-wrapper\">\n      <div class=\"background-layer background-layer-media-container-lg\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(255, 255, 255); opacity: 0.7;\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"background-layer background-layer-media-container-md\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(255, 255, 255); opacity: 0.7;\"><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"background-layer background-layer-media-container\">\n        <!---->\n        <div class=\"overlay-layer\">\n          <div class=\"overlay-image-layer\" style=\"background-color: rgb(255, 255, 255); opacity: 0.7;\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"3037-c31\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-503 style-local-3037-c31 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-504-outer style-local-3037-c32-outer\">\n            <div data-colibri-id=\"3037-c32\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-504 style-local-3037-c32 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"3037-c33\" class=\"h-global-transition-all h-heading style-520 style-local-3037-c33 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-520 style-local-3037-c33\">\n                    <!---->\n                    <!---->\n                    <h6 class=\"\">about me<\/h6>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"3037-c34\" class=\"h-global-transition-all h-heading style-505 style-local-3037-c34 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-505 style-local-3037-c34\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Full stack developers<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"3037-c35\" class=\"h-lead h-text h-text-component style-506 style-local-3037-c35 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore temporibus consequuntur, vim ad prima vivendum consetetur. <\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"3037-c7\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-499 style-local-3037-c7 position-relative\">\n        <!---->\n        <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n          <!---->\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-4 h-col-12 style-500-outer style-local-3037-c8-outer\">\n            <div data-colibri-id=\"3037-c8\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-500 style-local-3037-c8 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"3037-c9\" class=\"h-global-transition-all h-heading style-511 style-local-3037-c9 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-511 style-local-3037-c9\">\n                    <!---->\n                    <!---->\n                    <h6 class=\"\">my experience<\/h6>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"3037-c10\" class=\"h-global-transition-all h-heading style-507 style-local-3037-c10 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-507 style-local-3037-c10\">\n                    <!---->\n                    <!---->\n                    <h4 class=\"\">In his nemore temporibus consequuntur, vim ad prima.<\/h4>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-4 h-col-12 style-501-outer style-local-3037-c11-outer\">\n            <div data-colibri-id=\"3037-c11\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-501 style-local-3037-c11 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"3037-c12\" class=\"h-global-transition-all h-heading style-512 style-local-3037-c12 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-512 style-local-3037-c12\">\n                    <!---->\n                    <!---->\n                    <h6 class=\"\">my story<\/h6>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"3037-c13\" class=\"h-text h-text-component style-513 style-local-3037-c13 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Integer hendrerit, tortor eu feugiat blandit, metus urna tristique nulla, id suscipit ante elit eget velit. Pellentesque ultrices augue nec tristique viverra. Mauris vitae mauris sit amet odio condimentum porttitor ut quis dui. Ut\n                      ultrices iaculis massa quis posuere.<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-4 h-col-12 style-522-outer style-local-3037-c14-outer\">\n            <div data-colibri-id=\"3037-c14\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-522 style-local-3037-c14 position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                <!---->\n                <div data-colibri-id=\"3037-c15\" class=\"h-global-transition-all h-heading style-512 style-local-3037-c15 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-512 style-local-3037-c15\">\n                    <!---->\n                    <!---->\n                    <h6 class=\"\">my hobbies<\/h6>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"3037-c16\" class=\"icon-list d-flex justify-content-lg-start justify-content-md-start justify-content-center style-515 style-local-3037-c16 position-relative h-element\">\n                  <!---->\n                  <ul class=\"ul-list-icon vertical-on-desktop vertical-on-tablet vertical-on-mobile justify-content-lg-start justify-content-md-start justify-content-center\">\n                    <!---->\n                    <li class=\"list-item no-gutters\">\n                      <!---->\n                      <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center first-el-spacer\"><\/div> <span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c16-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n                <span class=\"list-text d-block\"><span>Phasellus ac pellentesque<\/span><\/span>\n              <\/div>\n              <\/span>\n              <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\">\n                <!---->\n              <\/div>\n              <\/li>\n              <li class=\"list-item no-gutters\">\n                <!---->\n                <!----><span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c16-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n            <span class=\"list-text d-block\"><span>Praesent ac vulputate<\/span><\/span>\n          <\/div>\n          <\/span>\n          <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\">\n            <!---->\n          <\/div>\n          <\/li>\n          <li class=\"list-item no-gutters\">\n            <!---->\n            <!----><span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c16-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n        <span class=\"list-text d-block\"><span>Duis eu sem vel<\/span><\/span>\n      <\/div>\n      <\/span>\n      <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\">\n        <!---->\n      <\/div>\n      <\/li>\n      <li class=\"list-item no-gutters\">\n        <!---->\n        <!----><span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c16-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n    <span class=\"list-text d-block\"><span>Vestibulum in bibendum<\/span><\/span>\n  <\/div>\n  <\/span>\n  <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\">\n    <!---->\n  <\/div>\n  <\/li>\n  <li class=\"list-item no-gutters\">\n    <!---->\n    <!----><span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c16-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n<span class=\"list-text d-block\"><span>Maecenas suscipit sapien<\/span><\/span>\n<\/div>\n<\/span>\n<div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\" style=\"display: none;\">\n  <!---->\n<\/div>\n<div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center last-el-spacer\"><\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div data-colibri-id=\"3037-c17\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-499 style-local-3037-c17 position-relative\">\n  <!---->\n  <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n    <!---->\n    <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-4 h-col-12 style-521-outer style-local-3037-c18-outer\">\n      <div data-colibri-id=\"3037-c18\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-521 style-local-3037-c18 position-relative\">\n        <!---->\n        <!---->\n        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n          <!---->\n          <div data-colibri-id=\"3037-c19\" class=\"d-block style-527 style-local-3037-c19 position-relative h-element\">\n            <!---->\n            <div class=\"h-image__frame-container-outer\">\n              <div class=\"h-image__frame-container\">\n                <!---->\n                <!---->\n                <img loading=\"lazy\" decoding=\"async\" width=\"365\" height=\"400\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/about-1-1.jpg\" class=\"wp-image-2318 style-527-image style-local-3037-c19-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/03\/about-1-1.jpg 365w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/03\/about-1-1-274x300.jpg 274w\" sizes=\"auto, (max-width: 365px) 100vw, 365px\" \/>\n                <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-527-frameImage style-local-3037-c19-frameImage\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-4 h-col-12 style-501-outer style-local-3037-c20-outer\">\n      <div data-colibri-id=\"3037-c20\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-501 style-local-3037-c20 position-relative\">\n        <!---->\n        <!---->\n        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n          <!---->\n          <div data-colibri-id=\"3037-c21\" class=\"h-global-transition-all h-heading style-511 style-local-3037-c21 position-relative h-element\">\n            <!---->\n            <div class=\"h-heading__outer style-511 style-local-3037-c21\">\n              <!---->\n              <!---->\n              <h6 class=\"\">my skills<\/h6>\n            <\/div>\n          <\/div>\n          <div data-colibri-id=\"3037-c22\" class=\"h-global-transition-all h-heading style-507 style-local-3037-c22 position-relative h-element\">\n            <!---->\n            <div class=\"h-heading__outer style-507 style-local-3037-c22\">\n              <!---->\n              <!---->\n              <h4 class=\"\">Pellentesque ultrices augue nec tristique viverra<\/h4>\n            <\/div>\n          <\/div>\n          <div data-colibri-id=\"3037-c23\" class=\"h-text h-text-component style-510 style-local-3037-c23 position-relative h-element\">\n            <!---->\n            <!---->\n            <div class=\"\">\n              <p>Elixir, Ruby, node.js, SQL databases, Redis, Memcached, Elasticsearch, RabbitMQ<\/p>\n            <\/div>\n          <\/div>\n          <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c24\" class=\"h-counter style-517 style-local-3037-c24 position-relative h-element\">\n            <!---->\n            <div class=\"d-inline-block container-counters\">\n              <!---->\n              <div class=\"title-counter-bar\">\n                <div class=\"title-bar counter-title d-inline-block\">\n                  Backend\n                <\/div> <span class=\"h-counter-control bar-counter d-inline-block same-row-with-title colibri-counter-1\">\n  0\n<\/span><\/div>\n              <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                <!---->\n                <div class=\"div-progress-bar h-bar-progress colibri-counter-5\" style=\"width: 400px;\">\n                  <div class=\"progress\" style=\"background-color: rgba(23, 37, 42, 0.1); height: 10px;\">\n                    <div role=\"progressbar\" aria-valuenow=\"progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" class=\"progress-bar progress-bar__animation hide-animation\" style=\"max-width: 90%; background-color: rgb(51, 127, 255); animation-duration: 2s;\"><\/div>\n                  <\/div>\n                  <div class=\"progress-number\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c25\" class=\"h-counter style-524 style-local-3037-c25 position-relative h-element\">\n            <!---->\n            <div class=\"d-inline-block container-counters\">\n              <!---->\n              <div class=\"title-counter-bar\">\n                <div class=\"title-bar counter-title d-inline-block\">\n                  Frontend\n                <\/div> <span class=\"h-counter-control bar-counter d-inline-block same-row-with-title colibri-counter-1\">\n  0\n<\/span><\/div>\n              <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                <!---->\n                <div class=\"div-progress-bar h-bar-progress colibri-counter-5\" style=\"width: 400px;\">\n                  <div class=\"progress\" style=\"background-color: rgba(23, 37, 42, 0.1); height: 10px;\">\n                    <div role=\"progressbar\" aria-valuenow=\"progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" class=\"progress-bar progress-bar__animation hide-animation\" style=\"max-width: 80%; background-color: rgb(51, 127, 255); animation-duration: 2s;\"><\/div>\n                  <\/div>\n                  <div class=\"progress-number\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c26\" class=\"h-counter style-517 style-local-3037-c26 position-relative h-element\">\n            <!---->\n            <div class=\"d-inline-block container-counters\">\n              <!---->\n              <div class=\"title-counter-bar\">\n                <div class=\"title-bar counter-title d-inline-block\">\n                  DevOps\n                <\/div> <span class=\"h-counter-control bar-counter d-inline-block same-row-with-title colibri-counter-1\">\n  0\n<\/span><\/div>\n              <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                <!---->\n                <div class=\"div-progress-bar h-bar-progress colibri-counter-5\" style=\"width: 400px;\">\n                  <div class=\"progress\" style=\"background-color: rgba(23, 37, 42, 0.1); height: 10px;\">\n                    <div role=\"progressbar\" aria-valuenow=\"progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" class=\"progress-bar progress-bar__animation hide-animation\" style=\"max-width: 77%; background-color: rgb(51, 127, 255); animation-duration: 2s;\"><\/div>\n                  <\/div>\n                  <div class=\"progress-number\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n          <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c27\" class=\"h-counter style-517 style-local-3037-c27 position-relative h-element\">\n            <!---->\n            <div class=\"d-inline-block container-counters\">\n              <!---->\n              <div class=\"title-counter-bar\">\n                <div class=\"title-bar counter-title d-inline-block\">\n                  Jedi\n                <\/div> <span class=\"h-counter-control bar-counter d-inline-block same-row-with-title colibri-counter-1\">\n  0\n<\/span><\/div>\n              <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                <!---->\n                <div class=\"div-progress-bar h-bar-progress colibri-counter-5\" style=\"width: 400px;\">\n                  <div class=\"progress\" style=\"background-color: rgba(23, 37, 42, 0.1); height: 10px;\">\n                    <div role=\"progressbar\" aria-valuenow=\"progress\" aria-valuemin=\"0\" aria-valuemax=\"100\" class=\"progress-bar progress-bar__animation hide-animation\" style=\"max-width: 99%; background-color: rgb(51, 127, 255); animation-duration: 2s;\"><\/div>\n                  <\/div>\n                  <div class=\"progress-number\"><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"h-column h-column-container d-flex h-col-lg-4 h-col-md-4 h-col-12 style-523-outer style-local-3037-c28-outer\">\n      <div data-colibri-id=\"3037-c28\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-523 style-local-3037-c28 position-relative\">\n        <!---->\n        <!---->\n        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n          <!---->\n          <div data-colibri-id=\"3037-c29\" class=\"h-global-transition-all h-heading style-511 style-local-3037-c29 position-relative h-element\">\n            <!---->\n            <div class=\"h-heading__outer style-511 style-local-3037-c29\">\n              <!---->\n              <!---->\n              <h6 class=\"\">Other perks<\/h6>\n            <\/div>\n          <\/div>\n          <div data-colibri-id=\"3037-c30\" class=\"icon-list d-flex justify-content-lg-start justify-content-md-start justify-content-center style-515 style-local-3037-c30 position-relative h-element\">\n            <!---->\n            <ul class=\"ul-list-icon vertical-on-desktop vertical-on-tablet vertical-on-mobile justify-content-lg-start justify-content-md-start justify-content-center\">\n              <!---->\n              <li class=\"list-item no-gutters\">\n                <!---->\n                <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center first-el-spacer\"><\/div> <span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c30-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n          <span class=\"list-text d-block\"><span>Phasellus ac pellentesque<\/span><\/span>\n        <\/div>\n        <\/span>\n        <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\">\n          <!---->\n        <\/div>\n        <\/li>\n        <li class=\"list-item no-gutters\">\n          <!---->\n          <!----><span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c30-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n      <span class=\"list-text d-block\"><span>Praesent ac vulputate<\/span><\/span>\n    <\/div>\n    <\/span>\n    <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\">\n      <!---->\n    <\/div>\n    <\/li>\n    <li class=\"list-item no-gutters\">\n      <!---->\n      <!----><span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c30-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n  <span class=\"list-text d-block\"><span>Duis eu sem vel<\/span><\/span>\n<\/div>\n<\/span>\n<div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\">\n  <!---->\n<\/div>\n<\/li>\n<li class=\"list-item no-gutters\">\n  <!---->\n  <!----><span class=\"item-link no-gutters\"><div class=\"d-flex h-col no-gutters align-items-lg-start align-items-md-start align-items-start list-item-text-wrapper\"><div class=\"d-flex\"><span  class=\"h-svg-icon style-515-icon style-local-3037-c30-icon\"><!--Icon by Ionicons (https:\/\/ionicons.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"minus\" viewBox=\"0 0 384 512\"><path d=\"M0 288v-64h384v64H0z\"><\/path><\/svg><\/span><\/div>\n  <span class=\"list-text d-block\"><span>Vestibulum in bibendum<\/span><\/span>\n  <\/div>\n  <\/span>\n  <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center\" style=\"display: none;\">\n    <!---->\n  <\/div>\n  <div class=\"list-container-divider d-flex justify-content-lg-start justify-content-md-start justify-content-center last-el-spacer\"><\/div>\n<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c36\" id=\"services\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-166 style-local-3037-c36 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"3037-c70\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-179 style-local-3037-c70 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg h-col-md h-col-auto style-180-outer style-local-3037-c71-outer\">\n          <div data-colibri-id=\"3037-c71\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-180 style-local-3037-c71 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c72\" class=\"h-global-transition-all h-heading style-211 style-local-3037-c72 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-211 style-local-3037-c72\">\n                  <!---->\n                  <!---->\n                  <h6 class=\"\">services<\/h6>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c73\" class=\"h-global-transition-all h-heading style-181 style-local-3037-c73 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-181 style-local-3037-c73\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Things I&#8217;m good at<\/h2>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c74\" class=\"h-lead h-text h-text-component style-182 style-local-3037-c74 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Duis fringilla ex mi, nec suscipit lorem ultricies non. Donec euismod porttitor lorem ut viverra. Nunc consectetur gravida accumsan. Praesent scelerisque mauris non nunc vestibulum luctus. <\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"3037-c37\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-167 style-local-3037-c37 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-250-outer style-local-3037-c38-outer\">\n          <div data-colibri-id=\"3037-c38\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-250 style-local-3037-c38 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c39\" class=\"d-block style-371 style-local-3037-c39 position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/services-web.png\" class=\"wp-image-1813 style-371-image style-local-3037-c39-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-web.png 600w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-web-300x300.png 300w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-web-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-371-frameImage style-local-3037-c39-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-178-outer style-local-3037-c40-outer\">\n          <div data-colibri-id=\"3037-c40\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-178 style-local-3037-c40 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c41\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-170 style-local-3037-c41 position-relative\">\n                <!---->\n                <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                  <!---->\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-171-outer style-local-3037-c42-outer\">\n                    <div data-colibri-id=\"3037-c42\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-171 style-local-3037-c42 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c43\" class=\"h-global-transition-all h-heading style-186 style-local-3037-c43 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-186 style-local-3037-c43\">\n                            <!---->\n                            <!---->\n                            <h5 class=\"\">01<\/h5>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c44\" class=\"h-global-transition-all h-heading style-187 style-local-3037-c44 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-187 style-local-3037-c44\">\n                            <!---->\n                            <!---->\n                            <h3 class=\"\">Web Development<\/h3>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c45\" class=\"h-text h-text-component style-188 style-local-3037-c45 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>Etiam turpis eros, ultricies rutrum ligula id, varius venenatis leo. Donec dignissim tellus eu arcu sodales scelerisque. Nam varius feugiat quam, quis cursus neque dapibus pretium.<\/p>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-169-outer style-local-3037-c46-outer\">\n          <div data-colibri-id=\"3037-c46\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-169 style-local-3037-c46 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c47\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-170 style-local-3037-c47 position-relative\">\n                <!---->\n                <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                  <!---->\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-171-outer style-local-3037-c48-outer\">\n                    <div data-colibri-id=\"3037-c48\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-171 style-local-3037-c48 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c49\" class=\"h-global-transition-all h-heading style-189 style-local-3037-c49 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-189 style-local-3037-c49\">\n                            <!---->\n                            <!---->\n                            <h5 class=\"\">02<\/h5>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c50\" class=\"h-global-transition-all h-heading style-190 style-local-3037-c50 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-190 style-local-3037-c50\">\n                            <!---->\n                            <!---->\n                            <h3 class=\"\">Mobile Development<\/h3>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c51\" class=\"h-text h-text-component style-191 style-local-3037-c51 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p> Duis fringilla ex mi, nec suscipit lorem ultricies non. Donec euismod porttitor lorem ut viverra. Nunc consectetur gravida accumsan. Praesent scelerisque mauris non nunc vestibulum luctus. Suspendisse dignissim cursus gravida.<\/p>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-277-outer style-local-3037-c52-outer\">\n          <div data-colibri-id=\"3037-c52\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-277 style-local-3037-c52 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c53\" class=\"d-block style-372 style-local-3037-c53 position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/services-mobile.png\" class=\"wp-image-1815 style-372-image style-local-3037-c53-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-mobile.png 600w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-mobile-300x300.png 300w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-mobile-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-372-frameImage style-local-3037-c53-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-278-outer style-local-3037-c54-outer\">\n          <div data-colibri-id=\"3037-c54\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-278 style-local-3037-c54 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c55\" class=\"d-block style-373 style-local-3037-c55 position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/services-coding.png\" class=\"wp-image-1816 style-373-image style-local-3037-c55-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-coding.png 600w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-coding-300x300.png 300w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-coding-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-373-frameImage style-local-3037-c55-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-177-outer style-local-3037-c56-outer\">\n          <div data-colibri-id=\"3037-c56\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-177 style-local-3037-c56 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c57\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-170 style-local-3037-c57 position-relative\">\n                <!---->\n                <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                  <!---->\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-171-outer style-local-3037-c58-outer\">\n                    <div data-colibri-id=\"3037-c58\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-171 style-local-3037-c58 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c59\" class=\"h-global-transition-all h-heading style-192 style-local-3037-c59 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-192 style-local-3037-c59\">\n                            <!---->\n                            <!---->\n                            <h5 class=\"\">03<\/h5>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c60\" class=\"h-global-transition-all h-heading style-193 style-local-3037-c60 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-193 style-local-3037-c60\">\n                            <!---->\n                            <!---->\n                            <h3 class=\"\">System Coding<\/h3>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c61\" class=\"h-text h-text-component style-194 style-local-3037-c61 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>Cras commodo nec erat nec blandit. Nam enim est, sagittis a ante viverra, scelerisque tempus leo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis finibus dui augue, id tincidunt felis condimentum eu.<\/p>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-185-outer style-local-3037-c62-outer\">\n          <div data-colibri-id=\"3037-c62\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-185 style-local-3037-c62 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c63\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-0 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-170 style-local-3037-c63 position-relative\">\n                <!---->\n                <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-0 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n                  <!---->\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-171-outer style-local-3037-c64-outer\">\n                    <div data-colibri-id=\"3037-c64\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-171 style-local-3037-c64 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c65\" class=\"h-global-transition-all h-heading style-174 style-local-3037-c65 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-174 style-local-3037-c65\">\n                            <!---->\n                            <!---->\n                            <h5 class=\"\">04<\/h5>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c66\" class=\"h-global-transition-all h-heading style-173 style-local-3037-c66 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-173 style-local-3037-c66\">\n                            <!---->\n                            <!---->\n                            <h3 class=\"\">Machine Learning<\/h3>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c67\" class=\"h-text h-text-component style-175 style-local-3037-c67 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>Aliquam scelerisque, lorem sit amet dictum mollis, nulla velit gravida arcu, ac consequat dui risus ut metus. Pellentesque scelerisque tortor nec eros ultrices, a dictum tellus luctus. <\/p>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-168-outer style-local-3037-c68-outer\">\n          <div data-colibri-id=\"3037-c68\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-168 style-local-3037-c68 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c69\" class=\"d-block style-374 style-local-3037-c69 position-relative h-element\">\n                <!---->\n                <div class=\"h-image__frame-container-outer\">\n                  <div class=\"h-image__frame-container\">\n                    <!---->\n                    <!---->\n                    <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/services-ai.png\" class=\"wp-image-1817 style-374-image style-local-3037-c69-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-ai.png 600w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-ai-300x300.png 300w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/services-ai-150x150.png 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/>\n                    <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-374-frameImage style-local-3037-c69-frameImage\"><\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c75\" id=\"portfolio\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-156 style-local-3037-c75 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"3037-c107\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-200 style-local-3037-c107 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-201-outer style-local-3037-c108-outer\">\n          <div data-colibri-id=\"3037-c108\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-201 style-local-3037-c108 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c109\" class=\"h-global-transition-all h-heading style-212 style-local-3037-c109 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-212 style-local-3037-c109\">\n                  <!---->\n                  <!---->\n                  <h6 class=\"\">portfolio<\/h6>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c110\" class=\"h-global-transition-all h-heading style-202 style-local-3037-c110 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-202 style-local-3037-c110\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Selected projects<\/h2>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c111\" class=\"h-lead h-text h-text-component style-203 style-local-3037-c111 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Vivamus suscipit dolor libero, ut pretium massa vulputate semper. Praesent pharetra mollis dui. Aenean pretium risus rutrum nisi varius condimentum.<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"3037-c76\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-157 style-local-3037-c76 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-367-outer style-local-3037-c77-outer\">\n          <div data-colibri-id=\"3037-c77\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-367 style-local-3037-c77 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c78\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-2 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-2 style-160 style-local-3037-c78 position-relative\">\n                <!---->\n                <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-2 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-2\">\n                  <!---->\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-368-outer style-local-3037-c79-outer\">\n                    <div data-colibri-id=\"3037-c79\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-368 style-local-3037-c79 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c80\" class=\"d-block style-163 style-local-3037-c80 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-image__frame-container-outer\">\n                            <div class=\"h-image__frame-container\">\n                              <!---->\n                              <!---->\n                              <img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"666\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/works-2a.jpg\" class=\"wp-image-1824 style-163-image style-local-3037-c80-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-2a.jpg 530w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-2a-239x300.jpg 239w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/>\n                              <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-163-frameImage style-local-3037-c80-frameImage\"><\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c81\" class=\"style-383 style-local-3037-c81 position-relative h-element\">\n                          <!---->\n                        <\/div>\n                        <div data-colibri-id=\"3037-c82\" class=\"h-global-transition-all h-heading style-164 style-local-3037-c82 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-164 style-local-3037-c82\">\n                            <!---->\n                            <!---->\n                            <h4 class=\"\">Anderson-Langworth<\/h4>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c83\" class=\"h-text h-text-component style-165 style-local-3037-c83 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>Quisque in luctus dui, ut lobortis libero. Vivamus blandit diam nec efficitur volutpat. In sit amet massa eget odio convallis rutrum vel vitae nisi. Vestibulum id quam eu leo euismod tristique. Mauris dignissim tortor eu velit\n                              fermentum.<\/p>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c84\" class=\"h-x-container style-376 style-local-3037-c84 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-x-container-inner style-dynamic-3037-c84-group style-376-spacing style-local-3037-c84-spacing\"><span class=\"h-link__outer style-285-outer style-local-3037-c85-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"3037-c85\" class=\"d-flex w-100 align-items-center h-link style-285 style-local-3037-c85 position-relative\"><!----><!----> <span>view website<\/span><\/a>\n                            <\/span>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-161-outer style-local-3037-c86-outer\">\n                    <div data-colibri-id=\"3037-c86\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-161 style-local-3037-c86 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c87\" class=\"d-block style-163 style-local-3037-c87 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-image__frame-container-outer\">\n                            <div class=\"h-image__frame-container\">\n                              <!---->\n                              <!---->\n                              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/works-3-10-25-13-003.jpg\" class=\"wp-image-1845 style-163-image style-local-3037-c87-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-3-10-25-13-003.jpg 800w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-3-10-25-13-003-300x225.jpg 300w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-3-10-25-13-003-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\n                              <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-163-frameImage style-local-3037-c87-frameImage\"><\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c88\" class=\"style-383 style-local-3037-c88 position-relative h-element\">\n                          <!---->\n                        <\/div>\n                        <div data-colibri-id=\"3037-c89\" class=\"h-global-transition-all h-heading style-164 style-local-3037-c89 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-164 style-local-3037-c89\">\n                            <!---->\n                            <!---->\n                            <h4 class=\"\">Streich Ltd<\/h4>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c90\" class=\"h-text h-text-component style-165 style-local-3037-c90 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>Aliquam in sem molestie elit lacinia feugiat. Vestibulum vestibulum dui maximus magna lacinia bibendum. In sollicitudin non elit id posuere. Nullam rhoncus turpis egestas lectus.<\/p>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-158-outer style-local-3037-c91-outer\">\n          <div data-colibri-id=\"3037-c91\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-158 style-local-3037-c91 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c92\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-2 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-2 style-160 style-local-3037-c92 position-relative\">\n                <!---->\n                <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-2 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-2\">\n                  <!---->\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-369-outer style-local-3037-c93-outer\">\n                    <div data-colibri-id=\"3037-c93\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-369 style-local-3037-c93 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c94\" class=\"d-block style-163 style-local-3037-c94 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-image__frame-container-outer\">\n                            <div class=\"h-image__frame-container\">\n                              <!---->\n                              <!---->\n                              <img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"444\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/works-2b.jpg\" class=\"wp-image-1826 style-163-image style-local-3037-c94-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-2b.jpg 530w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-2b-300x251.jpg 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/>\n                              <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-163-frameImage style-local-3037-c94-frameImage\"><\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c95\" class=\"style-383 style-local-3037-c95 position-relative h-element\">\n                          <!---->\n                        <\/div>\n                        <div data-colibri-id=\"3037-c96\" class=\"h-global-transition-all h-heading style-164 style-local-3037-c96 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-164 style-local-3037-c96\">\n                            <!---->\n                            <!---->\n                            <h4 class=\"\">Fay Ltd<\/h4>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c97\" class=\"h-text h-text-component style-165 style-local-3037-c97 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>Integer nulla ante, commodo ut consectetur vitae, facilisis ac libero. Curabitur tempus justo non faucibus rutrum.<\/p>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c98\" class=\"h-x-container style-378 style-local-3037-c98 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-x-container-inner style-dynamic-3037-c98-group style-378-spacing style-local-3037-c98-spacing\"><span class=\"h-link__outer style-285-outer style-local-3037-c99-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"3037-c99\" class=\"d-flex w-100 align-items-center h-link style-285 style-local-3037-c99 position-relative\"><!----><!----> <span>view website<\/span><\/a>\n                            <\/span>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                  <div class=\"h-column h-column-container d-flex h-col-lg-12 h-col-md-12 h-col-12 style-370-outer style-local-3037-c100-outer\">\n                    <div data-colibri-id=\"3037-c100\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-370 style-local-3037-c100 position-relative\">\n                      <!---->\n                      <!---->\n                      <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n                        <!---->\n                        <div data-colibri-id=\"3037-c101\" class=\"d-block style-163 style-local-3037-c101 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-image__frame-container-outer\">\n                            <div class=\"h-image__frame-container\">\n                              <!---->\n                              <!---->\n                              <img loading=\"lazy\" decoding=\"async\" width=\"530\" height=\"666\" src=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/01\/works-2c.jpg\" class=\"wp-image-1827 style-163-image style-local-3037-c101-image\" alt=\"\" srcset=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-2c.jpg 530w, https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/wp-content\/uploads\/2020\/01\/works-2c-239x300.jpg 239w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/>\n                              <div class=\"h-image__frame h-hide-lg h-hide-md h-hide-sm style-163-frameImage style-local-3037-c101-frameImage\"><\/div>\n                            <\/div>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c102\" class=\"style-383 style-local-3037-c102 position-relative h-element\">\n                          <!---->\n                        <\/div>\n                        <div data-colibri-id=\"3037-c103\" class=\"h-global-transition-all h-heading style-164 style-local-3037-c103 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-heading__outer style-164 style-local-3037-c103\">\n                            <!---->\n                            <!---->\n                            <h4 class=\"\">Stracke, Wunsch and Lueilwit<\/h4>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c104\" class=\"h-text h-text-component style-165 style-local-3037-c104 position-relative h-element\">\n                          <!---->\n                          <!---->\n                          <div class=\"\">\n                            <p>Integer id eros cursus diam iaculis commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc eleifend nulla non erat condimentum porta.<\/p>\n                          <\/div>\n                        <\/div>\n                        <div data-colibri-id=\"3037-c105\" class=\"h-x-container style-380 style-local-3037-c105 position-relative h-element\">\n                          <!---->\n                          <div class=\"h-x-container-inner style-dynamic-3037-c105-group style-380-spacing style-local-3037-c105-spacing\"><span class=\"h-link__outer style-285-outer style-local-3037-c106-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"3037-c106\" class=\"d-flex w-100 align-items-center h-link style-285 style-local-3037-c106 position-relative\"><!----><!----> <span>view website<\/span><\/a>\n                            <\/span>\n                          <\/div>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c112\" id=\"counter\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-266 style-local-3037-c112 position-relative\">\n  <div class=\"background-wrapper\">\n    <div class=\"background-layer background-layer-media-container-lg\">\n      <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c112\" media=\"desktop\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/bg-2-3394.jpg&quot;);\"><\/div>\n      <div class=\"overlay-layer\">\n        <div class=\"overlay-image-layer\" style=\"background-color: rgb(23, 37, 42); opacity: 0.33;\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"background-layer background-layer-media-container-md\">\n      <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c112\" media=\"tablet\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/bg-2-3394.jpg&quot;);\"><\/div>\n      <div class=\"overlay-layer\">\n        <div class=\"overlay-image-layer\" style=\"background-color: rgb(23, 37, 42); opacity: 0.33;\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"background-layer background-layer-media-container\">\n      <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c112\" media=\"mobile\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/bg-2-3394.jpg&quot;);\"><\/div>\n      <div class=\"overlay-layer\">\n        <div class=\"overlay-image-layer\" style=\"background-color: rgb(23, 37, 42); opacity: 0.33;\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"3037-c122\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-272 style-local-3037-c122 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-273-outer style-local-3037-c123-outer\">\n          <div data-colibri-id=\"3037-c123\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-273 style-local-3037-c123 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c124\" class=\"h-global-transition-all h-heading style-275 style-local-3037-c124 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-275 style-local-3037-c124\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">My Work in Numbers<\/h2>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"3037-c113\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-267 style-local-3037-c113 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-268-outer style-local-3037-c114-outer\">\n          <div data-colibri-id=\"3037-c114\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-268 style-local-3037-c114 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c115\" class=\"h-counter style-269 style-local-3037-c115 position-relative h-element\">\n                <!---->\n                <div class=\"d-inline-block container-counters\">\n                  <!---->\n                  <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <!---->\n                    <div class=\"d-flex align-items-center\">\n                      <!----><span class=\"h-counter-control simple-counter colibri-counter-4 \">\n  0\n<\/span><\/div>\n                  <\/div>\n                  <div class=\"counter-title d-flex title-number justify-content-lg-center justify-content-md-center justify-content-center\">\n                    Years of Experience\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-268-outer style-local-3037-c116-outer\">\n          <div data-colibri-id=\"3037-c116\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-268 style-local-3037-c116 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c117\" class=\"h-counter style-269 style-local-3037-c117 position-relative h-element\">\n                <!---->\n                <div class=\"d-inline-block container-counters\">\n                  <!---->\n                  <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <!---->\n                    <div class=\"d-flex align-items-center\">\n                      <!----><span class=\"h-counter-control simple-counter colibri-counter-4 \">\n  0\n<\/span><\/div>\n                  <\/div>\n                  <div class=\"counter-title d-flex title-number justify-content-lg-center justify-content-md-center justify-content-center\">\n                    Cloud Apps Built\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-270-outer style-local-3037-c118-outer\">\n          <div data-colibri-id=\"3037-c118\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-270 style-local-3037-c118 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c119\" class=\"h-counter style-269 style-local-3037-c119 position-relative h-element\">\n                <!---->\n                <div class=\"d-inline-block container-counters\">\n                  <!---->\n                  <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <!---->\n                    <div class=\"d-flex align-items-center\">\n                      <!----><span class=\"h-counter-control simple-counter colibri-counter-4 \">\n  0\n<\/span><\/div>\n                  <\/div>\n                  <div class=\"counter-title d-flex title-number justify-content-lg-center justify-content-md-center justify-content-center\">\n                    Happy Clients\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"h-column h-column-container d-flex h-col-lg-3 h-col-md-3 h-col-12 style-271-outer style-local-3037-c120-outer\">\n          <div data-colibri-id=\"3037-c120\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-271 style-local-3037-c120 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-component=\"counter\" data-colibri-id=\"3037-c121\" class=\"h-counter style-269 style-local-3037-c121 position-relative h-element\">\n                <!---->\n                <div class=\"d-inline-block container-counters\">\n                  <!---->\n                  <div class=\"counter-container d-flex justify-content-lg-center justify-content-md-center justify-content-center\">\n                    <!---->\n                    <div class=\"d-flex align-items-center\">\n                      <!----><span class=\"h-counter-control simple-counter colibri-counter-4 \">\n  0\n<\/span><\/div>\n                  <\/div>\n                  <div class=\"counter-title d-flex title-number justify-content-lg-center justify-content-md-center justify-content-center\">\n                    Stars on Github\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c125\" id=\"testimonials\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-238 style-local-3037-c125 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"3037-c157\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-245 style-local-3037-c157 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-246-outer style-local-3037-c158-outer\">\n          <div data-colibri-id=\"3037-c158\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-246 style-local-3037-c158 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c159\" class=\"h-global-transition-all h-heading style-249 style-local-3037-c159 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-249 style-local-3037-c159\">\n                  <!---->\n                  <!---->\n                  <h6 class=\"\">testimonials<\/h6>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c160\" class=\"h-global-transition-all h-heading style-247 style-local-3037-c160 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-247 style-local-3037-c160\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">What clients are saying about my work<\/h2>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c161\" class=\"h-lead h-text h-text-component style-248 style-local-3037-c161 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Don&#8217;t take my word for it &#8211; here&#8217;s what my clients say:<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-component=\"slider\" data-colibri-id=\"3037-c126\" class=\"h-slider d-flex style-528 style-local-3037-c126 position-relative\">\n      <!---->\n      <div class=\"swiper-container h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-3 gutters-row-v-lg-3 gutters-row-v-md-3 gutters-row-v-3 h-overflow-hidden\">\n        <div class=\"swiper-wrapper h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-3 gutters-col-v-lg-3 gutters-col-v-md-3 gutters-col-v-3\">\n          <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-529-outer style-local-3037-c127-outer\">\n            <div data-colibri-id=\"3037-c127\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-529 style-local-3037-c127 position-relative\">\n              <!---->\n              <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n                <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                  <!---->\n                  <div data-colibri-id=\"3037-c128\" class=\"h-icon style-241 style-local-3037-c128 position-relative h-element\">\n                    <!----><span class=\"h-svg-icon h-icon__icon style-241-icon style-local-3037-c128-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"quote-right\" viewBox=\"0 0 512 545.5\"><path d=\"M64 160h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H64V160zm224 0h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H288V160zM96 192v96h96v-96H96zm224 0v96h96v-96h-96z\"><\/path><\/svg><\/span><\/div>\n                  <div\n                    data-colibri-id=\"3037-c129\" class=\"h-text h-text-component style-242 style-local-3037-c129 position-relative h-element\">\n                    <!---->\n                    <!---->\n                    <div class=\"\">\n                      <p>Cras porta lorem vel laoreet lobortis. Duis fringilla ex mi, nec suscipit lorem ultricies non. Donec euismod porttitor lorem ut <em style=\"font-weight: 300; font-size: 18px; font-family: Roboto; color: rgb(102, 102, 102);\">mauris non nunc&nbsp;<\/em>viverra.<\/p>\n                    <\/div>\n                <\/div>\n                <div data-colibri-id=\"3037-c130\" class=\"h-global-transition-all h-heading style-533 style-local-3037-c130 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-533 style-local-3037-c130\">\n                    <!---->\n                    <!---->\n                    <h5 class=\"\">Indigo Glenn<\/h5>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"3037-c131\" class=\"h-text h-text-component style-244 style-local-3037-c131 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Company Name<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-529-outer style-local-3037-c132-outer\">\n          <div data-colibri-id=\"3037-c132\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-529 style-local-3037-c132 position-relative\">\n            <!---->\n            <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n                <!---->\n                <div data-colibri-id=\"3037-c133\" class=\"h-icon style-241 style-local-3037-c133 position-relative h-element\">\n                  <!----><span class=\"h-svg-icon h-icon__icon style-241-icon style-local-3037-c133-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"quote-right\" viewBox=\"0 0 512 545.5\"><path d=\"M64 160h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H64V160zm224 0h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H288V160zM96 192v96h96v-96H96zm224 0v96h96v-96h-96z\"><\/path><\/svg><\/span><\/div>\n                <div\n                  data-colibri-id=\"3037-c134\" class=\"h-text h-text-component style-242 style-local-3037-c134 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Nunc consectetur gravida accumsan. Praesent scelerisque mauris non nunc vestibulum luctus. Suspendisse dignissim cursus gravida. Morbi sed scelerisque nisl.<\/p>\n                  <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c135\" class=\"h-global-transition-all h-heading style-533 style-local-3037-c135 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-533 style-local-3037-c135\">\n                  <!---->\n                  <!---->\n                  <h5 class=\"\">Dianne Ameter<\/h5>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c136\" class=\"h-text h-text-component style-244 style-local-3037-c136 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Company Name<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-529-outer style-local-3037-c137-outer\">\n        <div data-colibri-id=\"3037-c137\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-529 style-local-3037-c137 position-relative\">\n          <!---->\n          <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n              <!---->\n              <div data-colibri-id=\"3037-c138\" class=\"h-icon style-241 style-local-3037-c138 position-relative h-element\">\n                <!----><span class=\"h-svg-icon h-icon__icon style-241-icon style-local-3037-c138-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"quote-right\" viewBox=\"0 0 512 545.5\"><path d=\"M64 160h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H64V160zm224 0h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H288V160zM96 192v96h96v-96H96zm224 0v96h96v-96h-96z\"><\/path><\/svg><\/span><\/div>\n              <div\n                data-colibri-id=\"3037-c139\" class=\"h-text h-text-component style-242 style-local-3037-c139 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Aenean et neque pretium, sodales felis nec, sodales nisi. Sed placerat condimentum dolor sed convallis. Duis tempus, leo in dignissim faucibus, turpis nibh ac nisl.<\/p>\n                <\/div>\n            <\/div>\n            <div data-colibri-id=\"3037-c140\" class=\"h-global-transition-all h-heading style-533 style-local-3037-c140 position-relative h-element\">\n              <!---->\n              <div class=\"h-heading__outer style-533 style-local-3037-c140\">\n                <!---->\n                <!---->\n                <h5 class=\"\">Ruby von Rails<\/h5>\n              <\/div>\n            <\/div>\n            <div data-colibri-id=\"3037-c141\" class=\"h-text h-text-component style-244 style-local-3037-c141 position-relative h-element\">\n              <!---->\n              <!---->\n              <div class=\"\">\n                <p>Company Name<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-529-outer style-local-3037-c142-outer\">\n      <div data-colibri-id=\"3037-c142\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-529 style-local-3037-c142 position-relative\">\n        <!---->\n        <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n          <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n            <!---->\n            <div data-colibri-id=\"3037-c143\" class=\"h-icon style-241 style-local-3037-c143 position-relative h-element\">\n              <!----><span class=\"h-svg-icon h-icon__icon style-241-icon style-local-3037-c143-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"quote-right\" viewBox=\"0 0 512 545.5\"><path d=\"M64 160h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H64V160zm224 0h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H288V160zM96 192v96h96v-96H96zm224 0v96h96v-96h-96z\"><\/path><\/svg><\/span><\/div>\n            <div\n              data-colibri-id=\"3037-c144\" class=\"h-text h-text-component style-242 style-local-3037-c144 position-relative h-element\">\n              <!---->\n              <!---->\n              <div class=\"\">\n                <p>Cras porta lorem vel laoreet lobortis. Duis fringilla ex mi, nec suscipit lorem ultricies non. Donec euismod porttitor lorem ut <em style=\"font-weight: 300; font-size: 18px; font-family: Roboto; color: rgb(102, 102, 102);\">mauris non nunc&nbsp;<\/em>viverra.<\/p>\n              <\/div>\n          <\/div>\n          <div data-colibri-id=\"3037-c145\" class=\"h-global-transition-all h-heading style-533 style-local-3037-c145 position-relative h-element\">\n            <!---->\n            <div class=\"h-heading__outer style-533 style-local-3037-c145\">\n              <!---->\n              <!---->\n              <h5 class=\"\">John Doe<\/h5>\n            <\/div>\n          <\/div>\n          <div data-colibri-id=\"3037-c146\" class=\"h-text h-text-component style-244 style-local-3037-c146 position-relative h-element\">\n            <!---->\n            <!---->\n            <div class=\"\">\n              <p>Company Name<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"link\" data-href=\"\" class=\"h-slider-item swiper-slide h-column h-column-container d-flex h-col-auto style-529-outer style-local-3037-c147-outer\">\n    <div data-colibri-id=\"3037-c147\" class=\"w-100 h-swiper-item__inner d-flex h-flex-basis h-HopTextCarouselItem__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-529 style-local-3037-c147 position-relative\">\n      <!---->\n      <div class=\"w-100 h-100 d-flex justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-center align-items-md-center align-items-center\">\n        <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center h-slider-item-content-wrapper\">\n          <!---->\n          <div data-colibri-id=\"3037-c148\" class=\"h-icon style-241 style-local-3037-c148 position-relative h-element\">\n            <!----><span class=\"h-svg-icon h-icon__icon style-241-icon style-local-3037-c148-icon\"><!--Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"quote-right\" viewBox=\"0 0 512 545.5\"><path d=\"M64 160h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H64V160zm224 0h160v160c0 52.826-43.174 96-96 96v-32c35.526 0 64-28.474 64-64H288V160zM96 192v96h96v-96H96zm224 0v96h96v-96h-96z\"><\/path><\/svg><\/span><\/div>\n          <div\n            data-colibri-id=\"3037-c149\" class=\"h-text h-text-component style-242 style-local-3037-c149 position-relative h-element\">\n            <!---->\n            <!---->\n            <div class=\"\">\n              <p>Vivamus dictum accumsan euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate ante dui, sit amet aliquam est placerat in.<\/p>\n            <\/div>\n        <\/div>\n        <div data-colibri-id=\"3037-c150\" class=\"h-global-transition-all h-heading style-533 style-local-3037-c150 position-relative h-element\">\n          <!---->\n          <div class=\"h-heading__outer style-533 style-local-3037-c150\">\n            <!---->\n            <!---->\n            <h5 class=\"\">Justin Barlow<\/h5>\n          <\/div>\n        <\/div>\n        <div data-colibri-id=\"3037-c151\" class=\"h-text h-text-component style-244 style-local-3037-c151 position-relative h-element\">\n          <!---->\n          <!---->\n          <div class=\"\">\n            <p>Company Name<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>\n<div class=\"resize-triggers\">\n  <div class=\"expand-trigger\">\n    <div style=\"width: 1px; height: 1px;\"><\/div>\n  <\/div>\n  <div class=\"contract-trigger\"><\/div>\n<\/div>\n<\/div>\n<div class=\"h-swiper-dots__outer justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-end align-items-md-end align-items-end style-538-positionWrapper style-local-3037-c156-positionWrapper h-element\">\n  <div data-colibri-id=\"3037-c156\" class=\"h-swiper-dots__wrapper style-538 style-local-3037-c156 position-relative\">\n    <!---->\n    <div id=\"swiper-pagination__3037-c126\" class=\"h-swiper-dots swiper-pagination d-flex swiper-pagination-clickable swiper-pagination-bullets\"><\/div>\n    <div><\/div>\n  <\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c162\" id=\"c2a\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-204 style-local-3037-c162 position-relative\">\n  <div class=\"background-wrapper\">\n    <div class=\"background-layer background-layer-media-container-lg\">\n      <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c162\" media=\"desktop\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/abs-bg-1-10325.jpg&quot;);\"><\/div>\n      <div class=\"overlay-layer\">\n        <div class=\"overlay-image-layer\" style=\"background-image: linear-gradient(90deg, rgba(0, 219, 222, 0.4) 0%, rgba(252, 0, 255, 0.8) 100%);\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"background-layer background-layer-media-container-md\">\n      <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c162\" media=\"tablet\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/abs-bg-1-10325.jpg&quot;);\"><\/div>\n      <div class=\"overlay-layer\">\n        <div class=\"overlay-image-layer\" style=\"background-image: linear-gradient(90deg, rgba(0, 219, 222, 0.4) 0%, rgba(252, 0, 255, 0.8) 100%);\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"background-layer background-layer-media-container\">\n      <div data-enabled=\"true\" data-colibri-component=\"parallax\" class=\"background-layer paraxify\" model-id=\"3037-c162\" media=\"mobile\" is-preview=\"true\" style=\"background-image: url(&quot;https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/wp-content\/uploads\/2020\/03\/abs-bg-1-10325.jpg&quot;);\"><\/div>\n      <div class=\"overlay-layer\">\n        <div class=\"overlay-image-layer\" style=\"background-image: linear-gradient(90deg, rgba(0, 219, 222, 0.4) 0%, rgba(252, 0, 255, 0.8) 100%);\"><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <!---->\n    <div data-colibri-id=\"3037-c163\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-205 style-local-3037-c163 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-206-outer style-local-3037-c164-outer\">\n          <div data-colibri-id=\"3037-c164\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-206 style-local-3037-c164 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\">\n              <!---->\n              <div data-colibri-id=\"3037-c165\" class=\"h-global-transition-all h-heading style-207 style-local-3037-c165 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-207 style-local-3037-c165\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Like what you see?<\/h2>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c166\" class=\"h-text h-text-component style-208 style-local-3037-c166 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Donec sollicitudin in arcu et dapibus. Nunc blandit pulvinar nisi, et hendrerit tortor scelerisque id.<\/p>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c167\" class=\"h-x-container style-209 style-local-3037-c167 position-relative h-element\">\n                <!---->\n                <div class=\"h-x-container-inner style-dynamic-3037-c167-group style-209-spacing style-local-3037-c167-spacing\"><span class=\"h-button__outer style-210-outer style-local-3037-c168-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"#contact\"  data-colibri-id=\"3037-c168\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-210 style-local-3037-c168 position-relative\"><!----><!----> <span>Let&#8217;s work together!<\/span><\/a>\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c169\" id=\"latest-posts\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-556 style-local-3037-c169 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"3037-c184\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-569 style-local-3037-c184 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-570-outer style-local-3037-c185-outer\">\n          <div data-colibri-id=\"3037-c185\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-570 style-local-3037-c185 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c186\" class=\"h-global-transition-all h-heading style-573 style-local-3037-c186 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-573 style-local-3037-c186\">\n                  <!---->\n                  <!---->\n                  <h6 class=\"\">blog<\/h6>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c187\" class=\"h-global-transition-all h-heading style-571 style-local-3037-c187 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-571 style-local-3037-c187\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Latest blog posts<\/h2>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c188\" class=\"h-lead h-text h-text-component style-572 style-local-3037-c188 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore temporibus consequuntur, vim ad prima vivendum consetetur. <\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"3037-c170\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-557 style-local-3037-c170 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-558-outer style-local-3037-c171-outer\">\n          <div data-colibri-id=\"3037-c171\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-558 style-local-3037-c171 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c172\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 colibri-dynamic-list style-559 style-local-3037-c172 position-relative\">\n                <!---->\n                <div data-colibri-component=\"\" class=\"h-row justify-content-lg-start justify-content-md-start justify-content-start align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2 style-559-row style-local-3037-c172-row\">\n                  <!---->\n        <div    class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-12 h-col-12 post-1 post type-post status-publish format-standard hentry category-uncategorized masonry-item style-560-outer style-local-3037-c173-outer\"  ><div   data-colibri-id=\"3037-c173\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-560 style-local-3037-c173 position-relative\"><!&#8212;-><!&#8212;-> <div  class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"><!&#8212;-> <div   data-colibri-id=\"3037-c174\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-561 style-local-3037-c174 h-overflow-hidden position-relative\"  ><!&#8212;-><div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\"><!&#8212;-> <div   class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-562-outer style-local-3037-c175-outer\"  ><div  data-colibri-id=\"3037-c175\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-562 style-local-3037-c175 position-relative\"><!&#8212;-><!&#8212;-> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"><!&#8212;-> <div   data-href=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/2019\/08\/09\/hello-world\/\" data-colibri-component=\"link\"  data-colibri-id=\"3037-c176\" class=\"colibri-post-thumbnail colibri-post-has-no-thumbnail colibri-post-thumbnail-has-placeholder style-563 style-local-3037-c176 h-overflow-hidden position-relative h-element\"  ><!&#8212;-><div   class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-3037-c176-height\"><\/div> <div  class=\"colibri-post-thumbnail-content align-items-lg-center align-items-md-center align-items-center flex-basis-100\"><div  class=\"w-100 h-y-container\"><!&#8212;-> <\/div><\/div><\/div><\/div><\/div><\/div><div   class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-564-outer style-local-3037-c177-outer\"  ><div  data-colibri-id=\"3037-c177\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-564 style-local-3037-c177 position-relative\"><!&#8212;-><!&#8212;-> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\"><!&#8212;-> <div   data-colibri-id=\"3037-c178\" class=\"h-blog-title style-565 style-local-3037-c178 position-relative h-element\"  ><!&#8212;-><div  class=\"h-global-transition-all\"><a href=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/2019\/08\/09\/hello-world\/\"><h4 class=\"colibri-word-wrap\">Hello world!<\/h4><\/a><\/div><\/div><div   data-colibri-id=\"3037-c179\" class=\"style-566 style-local-3037-c179 position-relative h-element\"  ><!&#8212;-><div  class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">Welcome to WordPress. This is your first post. [&hellip;]<\/div><\/div><\/div><div    data-colibri-id=\"3037-c180\" class=\"h-x-container style-567 style-local-3037-c180 position-relative h-element\"  ><!&#8212;-><div   class=\"h-x-container-inner style-dynamic-3037-c180-group\"><!&#8212;-><span   class=\"h-button__outer style-568-outer style-local-3037-c181-outer d-inline-flex h-element\"    ><a  h-use-smooth-scroll=\"true\" href=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/2019\/08\/09\/hello-world\/\"  data-colibri-id=\"3037-c181\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-568 style-local-3037-c181 position-relative\"><!&#8212;-><!&#8212;-> <span >Read more<\/span> <span  class=\"h-svg-icon h-button__icon style-568-icon style-local-3037-c181-icon\"><!&#8211;Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)&#8211;><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-right\" viewBox=\"0 0 512 545.5\"><path d=\"M299.5 140.5l136 136 11 11.5-11 11.5-136 136-23-23L385 304H64v-32h321L276.5 163.5z\"><\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n      \n      \n        <div    class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-12 h-col-12 post-1413 post type-post status-publish format-standard hentry category-uncategorized masonry-item style-560-outer style-local-3037-c173-outer\"  ><div   data-colibri-id=\"3037-c173\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-560 style-local-3037-c173 position-relative\"><!&#8212;-><!&#8212;-> <div  class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"><!&#8212;-> <div   data-colibri-id=\"3037-c174\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-561 style-local-3037-c174 h-overflow-hidden position-relative\"  ><!&#8212;-><div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\"><!&#8212;-> <div   class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-562-outer style-local-3037-c175-outer\"  ><div  data-colibri-id=\"3037-c175\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-562 style-local-3037-c175 position-relative\"><!&#8212;-><!&#8212;-> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\"><!&#8212;-> <div   data-href=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/2019\/04\/01\/lorem-ipsum-3\/\" data-colibri-component=\"link\"  data-colibri-id=\"3037-c176\" class=\"colibri-post-thumbnail colibri-post-has-no-thumbnail colibri-post-thumbnail-has-placeholder style-563 style-local-3037-c176 h-overflow-hidden position-relative h-element\"  ><!&#8212;-><div   class=\"h-global-transition-all colibri-post-thumbnail-shortcode style-dynamic-3037-c176-height\"><\/div> <div  class=\"colibri-post-thumbnail-content align-items-lg-center align-items-md-center align-items-center flex-basis-100\"><div  class=\"w-100 h-y-container\"><!&#8212;-> <\/div><\/div><\/div><\/div><\/div><\/div><div   class=\"h-column h-column-container d-flex h-col-lg-6 h-col-md-6 h-col-12 style-564-outer style-local-3037-c177-outer\"  ><div  data-colibri-id=\"3037-c177\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-564 style-local-3037-c177 position-relative\"><!&#8212;-><!&#8212;-> <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-center align-self-md-center align-self-center\"><!&#8212;-> <div   data-colibri-id=\"3037-c178\" class=\"h-blog-title style-565 style-local-3037-c178 position-relative h-element\"  ><!&#8212;-><div  class=\"h-global-transition-all\"><a href=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/2019\/04\/01\/lorem-ipsum-3\/\"><h4 class=\"colibri-word-wrap\">Lorem ipsum<\/h4><\/a><\/div><\/div><div   data-colibri-id=\"3037-c179\" class=\"style-566 style-local-3037-c179 position-relative h-element\"  ><!&#8212;-><div  class=\"h-global-transition-all\"><div class=\"colibri-post-excerpt\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, [&hellip;]<\/div><\/div><\/div><div    data-colibri-id=\"3037-c180\" class=\"h-x-container style-567 style-local-3037-c180 position-relative h-element\"  ><!&#8212;-><div   class=\"h-x-container-inner style-dynamic-3037-c180-group\"><!&#8212;-><span   class=\"h-button__outer style-568-outer style-local-3037-c181-outer d-inline-flex h-element\"    ><a  h-use-smooth-scroll=\"true\" href=\"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/2019\/04\/01\/lorem-ipsum-3\/\"  data-colibri-id=\"3037-c181\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-568 style-local-3037-c181 position-relative\"><!&#8212;-><!&#8212;-> <span >Read more<\/span> <span  class=\"h-svg-icon h-button__icon style-568-icon style-local-3037-c181-icon\"><!&#8211;Icon by Icons8 Line Awesome (https:\/\/icons8.com\/line-awesome)&#8211;><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-right\" viewBox=\"0 0 512 545.5\"><path d=\"M299.5 140.5l136 136 11 11.5-11 11.5-136 136-23-23L385 304H64v-32h321L276.5 163.5z\"><\/path><\/svg><\/span><\/a><\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n      \n      \n                  <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c182\" class=\"h-x-container style-577 style-local-3037-c182 position-relative h-element\">\n                <!---->\n                <div class=\"h-x-container-inner style-dynamic-3037-c182-group style-577-spacing style-local-3037-c182-spacing\"><span class=\"h-link__outer style-285-outer style-local-3037-c183-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"https:\/\/colibriwp-work.colibriwp.com\/full-stack-developer-pro\/blog\/\"  data-colibri-id=\"3037-c183\" class=\"d-flex w-100 align-items-center h-link style-285 style-local-3037-c183 position-relative\"><!----><!----> <span>view my blog<\/span><\/a>\n                  <\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c189\" id=\"contact\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-351 style-local-3037-c189 position-relative\">\n  <div class=\"background-wrapper\">\n    <div class=\"background-layer background-layer-media-container-lg\">\n      <!---->\n    <\/div>\n    <div class=\"background-layer background-layer-media-container-md\">\n      <!---->\n      <div class=\"overlay-layer\">\n        <div class=\"overlay-image-layer\" style=\"background-color: rgb(255, 255, 255); opacity: 0.69;\"><\/div>\n      <\/div>\n    <\/div>\n    <div class=\"background-layer background-layer-media-container\">\n      <!---->\n    <\/div>\n  <\/div>\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <div data-colibri-id=\"3037-c193\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-356 style-local-3037-c193 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-357-outer style-local-3037-c194-outer\">\n          <div data-colibri-id=\"3037-c194\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-2 h-px-md-2 h-px-2 v-inner-lg-2 v-inner-md-2 v-inner-2 style-357 style-local-3037-c194 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c195\" class=\"h-global-transition-all h-heading style-360 style-local-3037-c195 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-360 style-local-3037-c195\">\n                  <!---->\n                  <!---->\n                  <h6 class=\"\">contact<\/h6>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c196\" class=\"h-global-transition-all h-heading style-358 style-local-3037-c196 position-relative h-element\">\n                <!---->\n                <div class=\"h-heading__outer style-358 style-local-3037-c196\">\n                  <!---->\n                  <!---->\n                  <h2 class=\"\">Let&#8217;s work together<\/h2>\n                <\/div>\n              <\/div>\n              <div data-colibri-id=\"3037-c197\" class=\"h-lead h-text h-text-component style-359 style-local-3037-c197 position-relative h-element\">\n                <!---->\n                <!---->\n                <div class=\"\">\n                  <p>Praesent scelerisque mauris non nunc vestibulum luctus.<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div data-colibri-id=\"3037-c190\" class=\"h-row-container gutters-row-lg-2 gutters-row-md-2 gutters-row-2 gutters-row-v-lg-2 gutters-row-v-md-2 gutters-row-v-2 style-352 style-local-3037-c190 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-2 gutters-col-md-2 gutters-col-2 gutters-col-v-lg-2 gutters-col-v-md-2 gutters-col-v-2\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-353-outer style-local-3037-c191-outer\">\n          <div data-colibri-id=\"3037-c191\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-3 h-px-md-3 h-px-3 v-inner-lg-3 v-inner-md-3 v-inner-3 style-353 style-local-3037-c191 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100 align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c192\" class=\"style-355 style-local-3037-c192 position-relative h-element\">\n                <!---->\n                <div class=\"h-global-transition-all h-global-transition h-global-transition-all h-contact-form-shortcode\">[contact-form-7 id=\"1256\" title=\"Contact form 1\"]<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<div data-colibri-component=\"section\" data-colibri-id=\"3037-c198\" id=\"arrow-up-2\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-362 style-local-3037-c198 position-relative\">\n  <!---->\n  <!---->\n  <div class=\"h-section-grid-container h-section-boxed-container\">\n    <!---->\n    <div data-colibri-id=\"3037-c199\" class=\"h-row-container gutters-row-lg-0 gutters-row-md-0 gutters-row-0 gutters-row-v-lg-0 gutters-row-v-md-0 gutters-row-v-0 style-363 style-local-3037-c199 position-relative\">\n      <!---->\n      <div class=\"h-row justify-content-lg-center justify-content-md-center justify-content-center align-items-lg-stretch align-items-md-stretch align-items-stretch gutters-col-lg-0 gutters-col-md-0 gutters-col-0 gutters-col-v-lg-0 gutters-col-v-md-0 gutters-col-v-0\">\n        <!---->\n        <div class=\"h-column h-column-container d-flex h-col-lg-auto h-col-md-auto h-col-auto style-364-outer style-local-3037-c200-outer\">\n          <div data-colibri-id=\"3037-c200\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-1 h-px-md-1 h-px-1 v-inner-lg-1 v-inner-md-1 v-inner-1 style-364 style-local-3037-c200 position-relative\">\n            <!---->\n            <!---->\n            <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-auto align-self-lg-start align-self-md-start align-self-start\">\n              <!---->\n              <div data-colibri-id=\"3037-c201\" class=\"h-icon style-366 style-local-3037-c201 position-relative h-element\">\n                <!---->\n                <a href=\"#page-top\" h-use-smooth-scroll=\"true\"><span class=\"h-svg-icon h-icon__icon style-366-icon style-local-3037-c201-icon\"><!--Icon by Font Awesome (https:\/\/fontawesome.com)--><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" id=\"arrow-up\" viewBox=\"0 0 1664 1896.0833\"><path d=\"M1611 971q0 51-37 90l-75 75q-38 38-91 38-54 0-90-38l-294-293v704q0 52-37.5 84.5T896 1664H768q-53 0-90.5-32.5T640 1547V843l-294 293q-36 38-90 38t-90-38l-75-75q-38-38-38-90 0-53 38-91l651-651q35-37 90-37 54 0 91 37l651 651q37 39 37 91z\"><\/path><\/svg><\/span><\/a>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>about me Full stack developers Lorem ipsum dolor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/homepage.php","meta":{"footnotes":""},"class_list":["post-3037","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/pages\/3037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/comments?post=3037"}],"version-history":[{"count":3,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/pages\/3037\/revisions"}],"predecessor-version":[{"id":3054,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/pages\/3037\/revisions\/3054"}],"wp:attachment":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/fullstack_dev\/index.php\/wp-json\/wp\/v2\/media?parent=3037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}