{"id":37,"date":"2019-01-11T14:21:30","date_gmt":"2019-01-11T14:21:30","guid":{"rendered":"https:\/\/colibriwp-work.colibriwp.com\/designer-portfolio-iii\/?page_id=37"},"modified":"2021-01-16T17:24:42","modified_gmt":"2021-01-16T17:24:42","slug":"about-me","status":"publish","type":"page","link":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/about-me\/","title":{"rendered":"About Me"},"content":{"rendered":"<div data-colibri-id=\"37-c1\" class=\"style-551 style-local-37-c1 position-relative\">\n  <!---->\n  <div data-colibri-component=\"section\" data-colibri-id=\"37-c2\" id=\"About\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-555 style-local-37-c2 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"37-c9\" 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-564 style-local-37-c9 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-565-outer style-local-37-c10-outer\">\n            <div data-colibri-id=\"37-c10\" 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-565 style-local-37-c10 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=\"37-c11\" class=\"h-global-transition-all h-heading style-566 style-local-37-c11 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-566 style-local-37-c11\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">I\u2019m Jane Doe.<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"37-c12\" class=\"h-lead h-text h-text-component style-567 style-local-37-c12 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. Viderer feugiat at pro, mea aperiam<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"37-c3\" 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-556 style-local-37-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-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-auto h-col-md-auto h-col-auto style-557-outer style-local-37-c4-outer\">\n            <div data-colibri-id=\"37-c4\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-2 style-557 style-local-37-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=\"37-c5\" class=\"h-global-transition-all h-heading style-558 style-local-37-c5 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-558 style-local-37-c5\">\n                    <!---->\n                    <!---->\n                    <h5 class=\"\">About us<\/h5>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"37-c6\" class=\"h-global-transition-all h-heading style-751 style-local-37-c6 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-751 style-local-37-c6\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Hey! i&#8217;m Jane Doe,\n                      <br><em style=\"font-family: &quot;Playfair Display&quot;; font-weight: 700;\">full stack designer<\/em>\n                      <br>from Brazil.<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"37-c7\" class=\"h-text h-text-component style-560 style-local-37-c7 position-relative h-element\">\n                  <!---->\n                  <!---->\n                  <div class=\"\">\n                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\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-561-outer style-local-37-c8-outer h-hide-sm\">\n            <div data-colibri-id=\"37-c8\" class=\"d-flex h-flex-basis h-column__inner h-ui-empty-state-container h-px-lg-0 h-px-md-0 h-px-0 v-inner-lg-0 v-inner-md-0 v-inner-0 style-561 style-local-37-c8 h-hide-sm position-relative\">\n              <!---->\n              <!---->\n              <div class=\"w-100 h-y-container h-column__content h-column__v-align flex-basis-100\">\n                <!---->\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div data-colibri-component=\"section\" data-colibri-id=\"37-c13\" id=\"counters\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-752 style-local-37-c13 position-relative\">\n    <!---->\n    <!---->\n    <div class=\"h-section-grid-container h-section-boxed-container\">\n      <div data-colibri-id=\"37-c23\" 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-758 style-local-37-c23 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-759-outer style-local-37-c24-outer\">\n            <div data-colibri-id=\"37-c24\" 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-759 style-local-37-c24 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=\"37-c25\" class=\"h-global-transition-all h-heading style-760 style-local-37-c25 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-760 style-local-37-c25\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">My work in numbers<\/h2>\n                  <\/div>\n                <\/div>\n                <div data-colibri-id=\"37-c26\" class=\"h-lead h-text h-text-component style-761 style-local-37-c26 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. Viderer feugiat at pro, mea aperiam<\/p>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div data-colibri-id=\"37-c14\" 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-753 style-local-37-c14 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-754-outer style-local-37-c15-outer\">\n            <div data-colibri-id=\"37-c15\" 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-754 style-local-37-c15 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-component=\"counter\" data-colibri-id=\"37-c16\" class=\"h-counter style-768 style-local-37-c16 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                      <div class=\"circle h-circle-progress colibri-counter-2\">\n                        <div class=\"circle-percent-text-body\"><span class=\"percent-text\" style=\"font-size: 50px;\"><\/span>\n                          <div class=\"counter-content d-flex text-center align-items-center\">\n                            <!----><span class=\"h-counter h-counter-control circle-counter d-block w-100 colibri-counter-3\">\n  0\n<\/span><\/div>\n                          <div class=\"text-center counter-title title-circle\">\n                            Research\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-754-outer style-local-37-c17-outer\">\n            <div data-colibri-id=\"37-c17\" 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-754 style-local-37-c17 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-component=\"counter\" data-colibri-id=\"37-c18\" class=\"h-counter style-764 style-local-37-c18 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                      <div class=\"circle h-circle-progress colibri-counter-2\">\n                        <div class=\"circle-percent-text-body\"><span class=\"percent-text\" style=\"font-size: 50px;\"><\/span>\n                          <div class=\"counter-content d-flex text-center align-items-center\">\n                            <!----><span class=\"h-counter h-counter-control circle-counter d-block w-100 colibri-counter-3\">\n  0\n<\/span><\/div>\n                          <div class=\"text-center counter-title title-circle\">\n                            Design\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-765-outer style-local-37-c19-outer\">\n            <div data-colibri-id=\"37-c19\" 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-765 style-local-37-c19 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-component=\"counter\" data-colibri-id=\"37-c20\" class=\"h-counter style-767 style-local-37-c20 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                      <div class=\"circle h-circle-progress colibri-counter-2\">\n                        <div class=\"circle-percent-text-body\"><span class=\"percent-text\" style=\"font-size: 50px;\"><\/span>\n                          <div class=\"counter-content d-flex text-center align-items-center\">\n                            <!----><span class=\"h-counter h-counter-control circle-counter d-block w-100 colibri-counter-3\">\n  0\n<\/span><\/div>\n                          <div class=\"text-center counter-title title-circle\">\n                            Code\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-766-outer style-local-37-c21-outer\">\n            <div data-colibri-id=\"37-c21\" 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-766 style-local-37-c21 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-component=\"counter\" data-colibri-id=\"37-c22\" class=\"h-counter style-763 style-local-37-c22 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                      <div class=\"circle h-circle-progress colibri-counter-2\">\n                        <div class=\"circle-percent-text-body\"><span class=\"percent-text\" style=\"font-size: 50px;\"><\/span>\n                          <div class=\"counter-content d-flex text-center align-items-center\">\n                            <!----><span class=\"h-counter h-counter-control circle-counter d-block w-100 colibri-counter-3\">\n  0\n<\/span><\/div>\n                          <div class=\"text-center counter-title title-circle\">\n                            Support\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=\"37-c27\" id=\"CTA\" class=\"h-section h-section-global-spacing d-flex align-items-lg-center align-items-md-center align-items-center style-580 style-local-37-c27 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(52, 58, 64); opacity: 0.3;\"><\/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(52, 58, 64); opacity: 0.3;\"><\/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(52, 58, 64); opacity: 0.3;\"><\/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=\"37-c28\" 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-581 style-local-37-c28 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 h-col-md h-col-auto style-582-outer style-local-37-c29-outer\">\n            <div data-colibri-id=\"37-c29\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-2 style-582 style-local-37-c29 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=\"37-c30\" class=\"h-global-transition-all h-heading style-583 style-local-37-c30 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-heading__outer style-583 style-local-37-c30\">\n                    <!---->\n                    <!---->\n                    <h2 class=\"\">Like my work? Hire me!<\/h2>\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-584-outer style-local-37-c31-outer\">\n            <div data-colibri-id=\"37-c31\" class=\"d-flex h-flex-basis h-column__inner h-px-lg-0 h-px-md-0 h-px-2 v-inner-lg-0 v-inner-md-0 v-inner-2 style-584 style-local-37-c31 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-center align-self-md-center align-self-center\">\n                <!---->\n                <div data-colibri-id=\"37-c32\" class=\"h-x-container style-769 style-local-37-c32 position-relative h-element\">\n                  <!---->\n                  <div class=\"h-x-container-inner style-dynamic-37-c32-group style-769-spacing style-local-37-c32-spacing\"><span class=\"h-button__outer style-770-outer style-local-37-c33-outer d-inline-flex h-element\"><a h-use-smooth-scroll=\"true\" href=\"\"  data-colibri-id=\"37-c33\" class=\"d-flex w-100 align-items-center h-button justify-content-lg-center justify-content-md-center justify-content-center style-770 style-local-37-c33 position-relative\"><!----><!----> <span>hire me!<\/span><\/a>\n                    <\/span>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>I\u2019m Jane Doe. Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore temporibus consequuntur, vim ad prima vivendum consetetur. Viderer feugiat at pro, mea aperiam About us Hey! i&#8217;m Jane Doe, full stack designer from Brazil. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":1,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":1666,"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/pages\/37\/revisions\/1666"}],"wp:attachment":[{"href":"https:\/\/themes.4unit.com\/portfolio-demo\/designer_portfolio\/index.php\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}