{"id":7388,"date":"2023-09-21T10:14:08","date_gmt":"2023-09-21T10:14:08","guid":{"rendered":"https:\/\/webenvo.shop\/ultimate-portfolio\/?page_id=7388"},"modified":"2023-09-21T10:14:08","modified_gmt":"2023-09-21T10:14:08","slug":"ultimate-portfolio-justified","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/ultimate-portfolio-justified\/","title":{"rendered":"Ultimate Portfolio &#8211; Justified"},"content":{"rendered":"<div class=\"ulportfolio-item\"><div>\r\n<style>\r\n    \r\n    \r\n    .up-portfolio-img-wrapper.grid {\r\n        gap: 2px;\r\n    }\r\n\r\n    .up-parent-up-uid-SKmk11gMn.up-parent-wrapper {\r\n        background-color: #FFFFFF;\r\n        background-image: url();\r\n    }\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.caption-style-2 .up-portfolio-link-wrapper:after {\r\n        background-color: rgba(0, 0, 0, 0.7);\r\n    }\r\n\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.masonry .up-portfolio-img-content {\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-content .up-portfolio-link-wrapper a  {\r\n        display:block;\r\n    }\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-tilt .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-classic .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-wave .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-standerd .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-none .up-portfolio-img-content {\r\n        width: calc((99.5% \/ 3) - 2px);\r\n    }\r\n\r\n@media all and (max-width: 1024px) {\r\n\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-tilt .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-classic .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-wave .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-standerd .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-none .up-portfolio-img-content {\r\n        width: calc((100% \/ 2) - 2px);\r\n    }\r\n\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.up-filterable-img-portfolio.masonry .up-portfolio-img-content {\r\n        width: calc((100% \/ 2) - 2px);\r\n    }\r\n\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper:not(.slider).up-filterable-img-portfolio .up-portfolio-img-content {\r\n        margin: calc(2px \/ 2);\r\n    }\r\n}\r\n\r\n@media all and (max-width: 767px) {\r\n\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-tilt .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-classic .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-wave .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-standerd .up-portfolio-img-content,\r\n    .up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid.layout-none .up-portfolio-img-content {\r\n        width: calc((100% \/ 1) - 2px);\r\n    }\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.grid .up-portfolio-img-content img {\r\n    height:  340px;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd .up-portfolio-layout .up-overlay-content-meta .item-category,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd  .up-portfolio-taxonomy,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd .up-post-footer {\r\n    color: #FFFFFF;\r\n}\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd  svg path{\r\n    stroke : #FFFFFF;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper .up-portfolio-layout:not(.layout-standerd) .up-overlay-content-meta-title a,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper .up-portfolio-layout:not(.layout-standerd) .up-overlay-content-meta span {\r\n    color: #FFFFFF;\r\n    transition: all 0.25s ease-in-out;\r\n}\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd .up-portfolio-layout .up-overlay-content-meta-title a:hover {\r\n    color: #FFFFFF;\r\n}\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper .up-portfolio-layout:not(.layout-standerd) .up-overlay-content-meta-title a:hover {\r\n    color: #FFFFFF;\r\n}\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd .up-portfolio-layout .up-overlay-content-meta div.up-description {\r\n    color: #FFFFFF;\r\n}\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper .up-portfolio-layout:not(.layout-standerd) .up-overlay-content-meta div.up-description {\r\n    color: #FFFFFF;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-layout a {\r\n    word-break:break-word;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd .up-portfolio-layout .up-overlay-content-meta-title a {\r\n    color: #FFFFFF;\r\n    transition: all 0.25s ease-in-out;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-icon-control {\r\n    background-color: #620043;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper .up-portfolio-layout .up-overlay {\r\n    background-color: #620043;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-layout.layout-tilt .up-overlay {\r\n    background: transparent;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-item-tilt-overlay {\r\n    background-color: #620043;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-layout.layout-wave svg {\r\n    fill: #620043;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.up-filterable-img-portfolio.masonry .up-portfolio-img-content {\r\n    width: calc((100% \/ 3) - 2px);\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper:not(.slider).up-filterable-img-portfolio .up-portfolio-img-content {\r\n    margin: calc(2px \/ 2) !important;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .mySwiper-up-uid-SKmk11gMn.swiper-autoheight .up-portfolio-img-wrapper.slider .up-portfolio-img-content img {\r\n    height: auto;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .mySwiper-up-uid-SKmk11gMn .up-portfolio-img-wrapper.slider .up-portfolio-img-content img {\r\n    height: 300px;\r\n    display: block;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-gallery-filter-wrapper.filter_style_minimal .filter-item:hover span,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-gallery-filter-wrapper.filter_style_minimal .filter-item.is-checked span {\r\n    color: #FFFFFF;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .filter-count-tip {\r\n    background: #007bff;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .filter-count-tip:after {\r\n    border-top: 5px solid #007bff;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-pagination .page-number:hover,\r\n.up-parent-up-uid-SKmk11gMn .up-pagination .page-number.active,\r\n.up-parent-up-uid-SKmk11gMn .up-pagination button:hover {\r\n    background-color: #007bff;\r\n    color: #fff;\r\n    transition: color 0.3s, background-color 0.3s;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-elements-wrap.swiper .swiper-pagination-bullet-active {\r\n    background: #007bff;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-elements-wrap.swiper .swiper-button-next,\r\n.up-parent-up-uid-SKmk11gMn .up-elements-wrap.swiper .swiper-button-prev {\r\n    background: #007bff;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-gallery-filter-wrapper.filter_style_minimal .filter-item span {\r\n    color: #334155;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-gallery-filter-wrapper.filter_style_standerd .filter-item:hover,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-gallery-filter-wrapper.filter_style_standerd .filter-item.is-checked {\r\n    color: #FFFFFF;\r\n    background-color: #007bff;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .filter_style_dropdown ul li:hover,\r\n.up-parent-up-uid-SKmk11gMn .up-sorting ul li:hover {\r\n    background: #007bff;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-gallery-filter-wrapper.filter_style_standerd .filter-item {\r\n    color: #334155;\r\n    background-color: #ffffff;\r\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn .up-sorting-controls {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    padding: 30px 0;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn  .filter-items {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn  .up-portfolio-img-wrapper .videosvg svg {\r\n    top: 35%;\r\n    position: absolute;\r\n    right: 45%;\r\n    width: 50px;\r\n    height: 50px;\r\n}\r\n\r\n.up-parent-up-uid-SKmk11gMn  .up-portfolio-layout .up-overlay-content {\r\n    text-align: center;\r\n}\r\n.up-parent-up-uid-SKmk11gMn  .up-portfolio-layout .up-overlay-content .up-overlay-content-meta .up-portfolio-taxonomy {\r\n    justify-content: center;\r\n}\r\n.up-parent-up-uid-SKmk11gMn a {\r\noverflow: hidden;\r\n    display: block;\r\n}\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-none .up-portfolio-img-content,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-classic .up-portfolio-img-content,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-wave .up-portfolio-img-content,\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-tilt .up-portfolio-img-content{\r\n    border-radius: %;\r\n}\r\n.up-parent-up-uid-SKmk11gMn .up-portfolio-img-wrapper.layout-standerd .up-portfolio-img-content img{\r\n    border-radius: %;\r\n}\r\n\r\n.up-elements-wrap {\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease; \/* Smooth transition for fading in *\/\r\n}\r\n.myFancyBox .fancybox-thumbs {\r\n    top: auto;\r\n    width: auto;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 95px;\r\n    padding: 10px 10px 5px 10px;\r\n    box-sizing: border-box;\r\n    background: rgba(0, 0, 0, 0.3);\r\n  }\r\n  \r\n  .myFancyBox .fancybox-show-thumbs .fancybox-inner {\r\n    right: 0;\r\n    bottom: 95px;\r\n  }\r\n\r\n\r\n;\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"useBlockProps\">\r\n    <div class=\"up-portfolio up-parent-wrapper up-parent-up-uid-SKmk11gMn up-pagination-on   gallery\"\r\n        data-up-layout=\"justified\"\r\n        data-up-slide-column=\"3\"\r\n        data-up-slide-gap=\"2\"\r\n        data-up-slide-height=\"340\"\r\n        data-up-sliderpausemouse=\"false\"\r\n        justified-height=\"350\"\r\n        data-up-slide-effect=\"slide\"\r\n        data-up-slidecenter=\"false\"\r\n        data-up-slidesspeed=\"300\"\r\n        data-up-sliderloop=\"false\"\r\n        data-up-slide-effect=\"slide\"\r\n        data-up-slideautoheight=\"true\"\r\n        data-up-slidedelay=\"2500\"\r\n        data-up-sliderdynamicbullet=\"true\" >\r\n\r\n                        <div class=\"up-sorting-controls\">\r\n                                            <div class=\"up-portfolio-gallery-filter-wrapper filter_style_standerd filter-wrapper-up-uid-SKmk11gMn\">\r\n    \r\n    <ul class=\"filter-items\" data-id=\"up-uid-SKmk11gMn\">\r\n                    <li class=\"filter-item\" data-filter=\"*\" data-id=\"up-uid-SKmk11gMn\">\r\n                <span class=\"filter-item-name\">\r\n                    All                <\/span>\r\n            <\/li>\r\n                            <li class=\"filter-item\" data-filter=\".up-filter-img-Animal\"\r\n                data-filter-count=\"0\" data-id=\"up-uid-SKmk11gMn\">\r\n                <span class=\"filter-item-name\">\r\n                    Animal                                                                                        <\/span>\r\n            <\/li>\r\n                        <li class=\"filter-item\" data-filter=\".up-filter-img-Building\"\r\n                data-filter-count=\"0\" data-id=\"up-uid-SKmk11gMn\">\r\n                <span class=\"filter-item-name\">\r\n                    Building                                                                                        <\/span>\r\n            <\/li>\r\n                        <li class=\"filter-item\" data-filter=\".up-filter-img-Flower\"\r\n                data-filter-count=\"0\" data-id=\"up-uid-SKmk11gMn\">\r\n                <span class=\"filter-item-name\">\r\n                    Flower                                                                                        <\/span>\r\n            <\/li>\r\n                        <li class=\"filter-item\" data-filter=\".up-filter-img-Nature\"\r\n                data-filter-count=\"0\" data-id=\"up-uid-SKmk11gMn\">\r\n                <span class=\"filter-item-name\">\r\n                    Nature                                                                                        <\/span>\r\n            <\/li>\r\n                <\/ul>\r\n<\/div>\r\n                    \r\n                    <div class=\"up-sorting-search-controls\">\r\n                        \r\n                                            <\/div>\r\n                <\/div>\r\n                    <div class=\"up-pre-loader\">\r\n            <svg class=\"up-spinner\" width=\"32px\" height=\"32px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t<g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_iconCarrier\">\r\n\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" fill=\"#ddd\"><\/path>\r\n\t\t\t\t<path d=\"M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z\" fill=\"#007bff\"><\/path>\r\n\t\t\t<\/g>\r\n\t\t<\/svg>        <\/div>\r\n\r\n        <div\r\n            class=\"up-elements-wrap \">\r\n            <div id=\"liveDemo-up-uid-SKmk11gMn\"\r\n                class=\"up-portfolio-img-wrapper up-uid-SKmk11gMn justified layout-classic caption-style  up-filterable-img-portfolio \"\r\n                data-id=\"up-uid-SKmk11gMn\"                     data-total-limit='[]'\r\n                    data-pagination-type=\"load-paged\" >\r\n                \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"0\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Sprawling herd of sheep grazing on a vast, green pasture.&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1024\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min.webp\" alt=\"\"\n                class=\"wp-image-8539 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min-768x768.webp 768w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Top-down-aerial-view-of-a-sprawling-herd-of-sheep-grazing-on-a-vast-green-pasture.-The-sheep-are-speckled-across-the-landscape-their-fluffy-wool-coa-min-768x768.webp 768w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Sprawling herd of sheep grazing on a vast, green pasture.                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"1\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Cityscape with skyscrapers, busy road traffic, and energy power.&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1792\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min.webp\" alt=\"\"\n                class=\"wp-image-8536 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-1536x878.webp 1536w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-illustration-of-Hong-Kong-cityscape-with-skyscrapers-busy-road-traffic-and-energy-power-infrastructure.-The-top-view-shows-a-dense-arrangemen-min-1536x878.webp 1536w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Cityscape with skyscrapers, busy road traffic, and energy power.                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"2\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Vibrant red tulip in full bloom, set against a soft, blurred background.&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1024\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min.webp\" alt=\"\"\n                class=\"wp-image-8545 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min-768x768.webp 768w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-vertical-close-up-photo-of-a-vibrant-red-tulip-in-full-bloom-set-against-a-soft-blurred-background.-The-petals-are-dew-kissed-adding-an-extra-lay-min-768x768.webp 768w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Vibrant red tulip in full bloom, set against a soft, blurred background.                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"3\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Showcasing a bird\u2019s eye view of the Colorado River.&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1792\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min.webp\" alt=\"\"\n                class=\"wp-image-8538 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-1536x878.webp 1536w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-showcasing-a-birds-eye-view-of-the-Colorado-River-flowing-through-Lake-Powell-and-Trachyte-Canyon-in-Utah-USA.-The-sunlight-is-casting-min-1536x878.webp 1536w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Showcasing a bird\u2019s eye view of the Colorado River.                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"4\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Capturing the serene beauty of a mountain range during sunrise.&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1024\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min.webp\" alt=\"\"\n                class=\"wp-image-8546 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min-768x768.webp 768w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/A-horizontal-photo-capturing-the-serene-beauty-of-a-mountain-range-during-sunrise.-The-mountains-are-covered-with-lush-greenery-and-the-sky-is-painted-min-768x768.webp 768w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Capturing the serene beauty of a mountain range during sunrise.                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"5\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Lush green tea plantation in Gorreana, Azores.&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1792\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min.webp\" alt=\"\"\n                class=\"wp-image-8537 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-1536x878.webp 1536w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-the-lush-green-tea-plantation-in-Gorreana-Azores-showcasing-the-neat-rows-of-tea-bushes-and-the-natural-landscape-surrounding-the-ar-min-1536x878.webp 1536w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Lush green tea plantation in Gorreana, Azores.                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"6\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Car with its headlights on driving over a pedestrian crosswalk.&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1792\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min.webp\" alt=\"\"\n                class=\"wp-image-8540 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-1536x878.webp 1536w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min.webp 1792w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-300x171.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-1024x585.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-768x439.webp 768w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Aerial-photo-of-a-car-with-its-headlights-on-driving-over-a-pedestrian-crosswalk-at-night-top-view-from-a-drone.-The-scene-is-illuminated-by-the-car-min-1536x878.webp 1536w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Car with its headlights on driving over a pedestrian crosswalk.                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                    <div class=\" up-portfolio-img-content  \"\n    data-item-id=\"7\">\n\n            <div class=\"up-icon-control\">\n            <a class=\"up-lightbox\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage.webp\" data-fancybox=\"search-up-uid-SKmk11gMn \"><svg\r\n\t\t\twidth=\"20px\"\r\n\t\t\theight=\"20px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\td=\"M17 17L21 21\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t\t<path\r\n\t\t\t\td=\"M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z\"\r\n\t\t\t\tstroke=\"#ffffff\" \/\/ Use the prop to set the stroke color\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a><a download href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage.webp\"><svg\r\n\t\t\twidth=\"24px\"\r\n\t\t\theight=\"24px\"\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\tstyle={{ fill: \"none\" }}\r\n\t\t>\r\n\t\t\t<circle\r\n\t\t\t\tcx=\"12\"\r\n\t\t\t\tcy=\"12\"\r\n\t\t\t\tr=\"9\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/circle>\r\n\t\t\t<path\r\n\t\t\t\td=\"M12 7V17M12 17L9.5 14.5M12 17L14.5 14.5\"\r\n\t\t\t\tstroke=\"#ffffff\"\r\n\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t><\/path>\r\n\t\t<\/svg><\/a>        <\/div>\n        <a rel=\"liveDemo-up-uid-SKmk11gMn\" data-fancybox=\"gallery-up-uid-SKmk11gMn\"\n        class=\"justWrap-up-uid-SKmk11gMn\" href=\"http:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage.webp\" id=\"up-portfolio-img-content\" data-protect=\"1\" data-fancybox=\"image\" data-thumbs-position=\"bottom\" data-buttons=\"[&quot;zoom&quot;,&quot;slideShow&quot;,&quot;fullScreen&quot;,&quot;share&quot;,&quot;download&quot;,&quot;thumbs&quot;,&quot;close&quot;]\"  data-caption=\"&lt;h3&gt;Dense forest with tall trees and lush green foliage&lt;\/h3&gt;&lt;p&gt;&lt;\/p&gt;\" data-sub-html=\"&lt;p&gt;&lt;\/p&gt;\">\n                    <img loading=\"lazy\" style=\"object-fit: cover; object-position: 50% 50%\"\n                decoding=\"async\" loading=\"eager width=\"1024\"\n                height=\"1024\" src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage.webp\" alt=\"\"\n                class=\"wp-image-8566 up-portfolio-img\"\n                srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage-768x768.webp 768w\" sizes=\"\" data-sizes=\"auto\"\n                data-src=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage.webp\" data-srcset=\"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage.webp 1024w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage-300x300.webp 300w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage-150x150.webp 150w, https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-content\/uploads\/sites\/62\/2023\/11\/Dense-forest-with-tall-trees-and-lush-green-foliage-768x768.webp 768w\">\n        \n        \n            <\/a>\n\n            \r\n<div class=\"up-portfolio-layout layout-classic\">\r\n    <div class=\"up-overlay\">\r\n        <div class=\"up-overlay-content\">\r\n            <div class=\"up-overlay-content-meta\">\r\n                <span class=\"item-category\">\r\n                                    <\/span>\r\n                                    <h2 class=\"up-overlay-content-meta-title center bottom\">\r\n                        <a href=\"javascript:void(0)\">\r\n                            Dense forest with tall trees and lush green foliage                        <\/a>\r\n                    <\/h2>\r\n                                                <div class=\"up-content-meta-icons\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>                \n<\/div>\r\n                    \r\n                                    <div class=\"loader-paged jg-spinner\">\r\n                        <svg class=\"up-spinner\" width=\"32px\" height=\"32px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t<g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_iconCarrier\">\r\n\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" fill=\"#ddd\"><\/path>\r\n\t\t\t\t<path d=\"M2 12C2 6.47715 6.47715 2 12 2V5C8.13401 5 5 8.13401 5 12H2Z\" fill=\"#007bff\"><\/path>\r\n\t\t\t<\/g>\r\n\t\t<\/svg>                    <\/div>\r\n                \r\n            <\/div>\r\n                    <\/div>\r\n\r\n                                    <div id=\"pagination\" class=\"up-pagination pagination-load-paged\" data-total-pages=\"2\" data-page-limit=\"8\" data-total-item=\"12\" ><div class=\"prev\"><a class=\"page-number\" href=\"?page=1\"><svg width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t<g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_iconCarrier\">\r\n\t\t\t\t{&#8221; &#8220;}\r\n\t\t\t\t<path d=\"M15.5 19L9.20711 12.7071C8.81658 12.3166 8.81658 11.6834 9.20711 11.2929L15.5 5\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>{&#8221; &#8220;}\r\n\t\t\t<\/g>\r\n\t\t<\/svg> <\/a><\/div><div id=\"pageNumbers\" class=\"pagelinks\"><a href=\"?page=1\" class=\"page-number active\">1<\/a><a href=\"?page=2\" class=\"page-number\">2<\/a><\/div><div class=\"next\"><a class=\"page-number\" href=\"?page=2\"><svg width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n\t\t\t<g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g>\r\n\t\t\t<g id=\"SVGRepo_iconCarrier\">\r\n\t\t\t\t{&#8221; &#8220;}\r\n\t\t\t\t<path d=\"M9.5 5L15.7929 11.2929C16.1834 11.6834 16.1834 12.3166 15.7929 12.7071L9.5 19\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>{&#8221; &#8220;}\r\n\t\t\t<\/g>\r\n\t\t<\/svg> <\/a><\/div><\/div>                                                <\/div>\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n   \/\/ Preloader: hide on window load\r\njQuery(window).on('load', function () {\r\n    jQuery(\".up-pre-loader\").css({\r\n        \"opacity\": \"0\",\r\n        \"pointer-events\": \"none\"\r\n    });\r\n\r\n    \/\/ Fade in the .up-elements-wrap\r\n    jQuery(\".up-elements-wrap\").css(\"opacity\", \"1\");\r\n});\r\n\r\n\/\/ Fade in the .up-elements-wrap and fade out the preloader when all images inside it have been loaded\r\njQuery(\".up-elements-wrap img\").on('load', function () {\r\n    \/\/ Add 'loaded' class to the images that have loaded\r\n    jQuery(this).addClass('loaded');\r\n\r\n    \/\/ Check if all images are loaded\r\n    if (jQuery(\".up-elements-wrap img\").length === jQuery(\".up-elements-wrap img.loaded\").length) {\r\n        jQuery(\".up-pre-loader\").css({\r\n            \"opacity\": \"0\",\r\n            \"pointer-events\": \"none\"\r\n        });\r\n\r\n        \/\/ Ensure the .up-elements-wrap is visible\r\n        jQuery(\".up-elements-wrap\").css(\"opacity\", \"1\");\r\n    }\r\n}).each(function () {\r\n    \/\/ Handle cached images that are already loaded\r\n    if (this.complete) {\r\n        jQuery(this).trigger('load');\r\n    }\r\n});\r\n\r\n\/\/ Fallback in case images don't trigger the load event (e.g., cached images)\r\njQuery(document).ready(function () {\r\n    setTimeout(function () {\r\n        if (jQuery(\".up-pre-loader\").css(\"opacity\") !== \"0\") {\r\n            jQuery(\".up-pre-loader\").css({\r\n                \"opacity\": \"0\",\r\n                \"pointer-events\": \"none\"\r\n            });\r\n            jQuery(\".up-elements-wrap\").css(\"opacity\", \"1\");\r\n        }\r\n    }, 5000); \/\/ Adjust the timeout as necessary (e.g., 5000ms = 5 seconds)\r\n});\r\n\r\n    document.addEventListener(\"DOMContentLoaded\", (event) => {\r\n\r\n        \/\/ Select the element you want to check\r\n        const parentElement = document.querySelector(\".up-portfolio-img-wrapper\");\r\n\r\n        \/\/ Create a new MutationObserver instance\r\n        const observer = new MutationObserver((mutationsList, observer) => {\r\n            for (const mutation of mutationsList) {\r\n                if (mutation.type === 'childList') {\r\n                    \/\/ Check if new nodes have been appended to the parent element\r\n                    if (mutation.addedNodes.length > 0) {\r\n                        \/\/ Perform any desired actions here\r\n                        jQuery('[data-fancybox=\"gallery-up-uid-SKmk11gMn\"]').fancybox({\r\n                            arrows: true, \/\/ Show navigation arrows\r\n                            baseClass: 'myFancyBox',\r\n                                                                                                                        thumbs: {\r\n                                    autoStart: true,\r\n                                    axis: 'x'\r\n                                }\r\n                                                        \/\/loop: true, \/\/ Enable looping through the gallery\r\n                        });\r\n\r\n                        jQuery('.layout-tilt .up-portfolio-img-content').on('mousemove', function (e) {\r\n                            console.log(this);\r\n                            console.log('IN');\r\n                            if (jQuery('.layout-tilt').is(':visible')) {\r\n                                const width = jQuery(this).width();\r\n                                const height = jQuery(this).height();\r\n                                const mouseX = e.pageX - jQuery(this).offset().left;\r\n                                const mouseY = e.pageY - jQuery(this).offset().top;\r\n                                const tiltX = (mouseY \/ height - 0.5) * -20;\r\n                                const tiltY = (mouseX \/ width - 0.5) * 20;\r\n\r\n                                \/\/jQuery(this).css('transform', `perspective(1140px) rotateX(${tiltX}deg) rotateY(${tiltY}deg) scale3d(1.03, 1.03, 1.03)`);\r\n                                const translateX = (mouseX \/ width - 0.5) * 20; \/\/ Adjust as needed\r\n                                const translateY = (mouseY \/ height - 0.5) * 20; \/\/ Adjust as needed\r\n\r\n                                jQuery(this).css({\r\n                                    'transitionTimingFunction': 'ease, ease',\r\n                                    'transform': `perspective(1140px) rotateX(${tiltX}deg) rotateY(${tiltY}deg) scale3d(1.05, 1.05, 1.05) translateX(${translateX}px) translateY(${translateY}px)`\r\n                                });\r\n                            } else {\r\n                                jQuery(this).css('transform', '');\r\n                            }\r\n\r\n                        });\r\n\r\n                        jQuery('.layout-tilt .up-portfolio-img-content').on('mouseout', function () {\r\n                            jQuery(this).css('transform', '');\r\n                        });\r\n\r\n                    }\r\n                }\r\n            }\r\n        });\r\n        \/\/ Start observing the parent element for mutations\r\n        observer.observe(parentElement, {\r\n            childList: true\r\n        });\r\n        \/\/ Apply Fancybox to existing elements\r\n        jQuery('[data-fancybox=\"gallery-up-uid-SKmk11gMn\"]').fancybox({\r\n            arrows: true, \/\/ Show navigation arrows\r\n            baseClass: 'myFancyBox',\r\n                                                            thumbs: {\r\n                    autoStart: true,\r\n                    axis: 'x'\r\n                }\r\n                        \/\/loop: true, \/\/ Enable looping through the gallery\r\n        });\r\n\r\n\r\n        jQuery('.layout-tilt .up-portfolio-img-content').on('mousemove', function (e) {\r\n            if (jQuery('.layout-tilt').is(':visible')) {\r\n\r\n                const element = jQuery(this);\r\n                const width = element.width();\r\n                const height = element.height();\r\n                const mouseX = e.pageX - element.offset().left;\r\n                const mouseY = e.pageY - element.offset().top;\r\n\r\n                requestAnimationFrame(function () {\r\n                    const tiltX = (mouseY \/ height - 0.5) * -20;\r\n                    const tiltY = (mouseX \/ width - 0.5) * 20;\r\n                    const translateX = (mouseX \/ width - 0.5) * 20;\r\n                    const translateY = (mouseY \/ height - 0.5) * 20;\r\n\r\n                    element.css({\r\n                        'transitionTimingFunction': 'ease, ease',\r\n                        'transform': `perspective(1140px) rotateX(${tiltX}deg) rotateY(${tiltY}deg) scale3d(1.05, 1.05, 1.05) translateX(${translateX}px) translateY(${translateY}px)`,\r\n                        'z-index': '9999999',\r\n                        \/\/'overflow': 'visible'\r\n                    });\r\n                });\r\n            }\r\n        }).on('mouseleave', function () {\r\n            const element = jQuery(this);\r\n            requestAnimationFrame(function () {\r\n                element.css({\r\n                    'transform': '',\r\n                    'z-index': 'auto',\r\n                    'overflow': 'hidden'\r\n                });\r\n            });\r\n        });\r\n        \/\/ for elementor tab layout isotope isotope to prevent stacking items\r\n\r\n\r\n\r\n        if (jQuery('.tabs-container .tab').length) {\r\n\r\n            console.log('IN TABBBBB!');\r\n\r\n            jQuery('.tabs-container .up-portfolio-img-wrapper').imagesLoaded(function () {\r\n                \/\/ Initialize Isotope once after images are loaded\r\n                jQuery('.up-portfolio-img-wrapper.grid').isotope({\r\n                    itemSelector: '.up-portfolio-img-content',\r\n                    transitionDuration: '0.4s', \/\/ Slightly faster transitions\r\n                    originLeft: true,\r\n                    originTop: true,\r\n                    layoutMode: 'masonry', \/\/ or 'fitRows' if simpler layout is needed\r\n                    stagger: 0 \/\/ No stagger to reduce complexity\r\n                });\r\n\r\n                jQuery('.up-portfolio-img-wrapper.masonry').isotope({\r\n                    itemSelector: '.up-portfolio-img-content',\r\n                    transitionDuration: '0.4s',\r\n                    originLeft: true,\r\n                    originTop: true,\r\n                    layoutMode: 'masonry',\r\n                    stagger: 0\r\n                });\r\n\r\n                \/\/ Attach the click event handler with a condition based on data-tab\r\n                jQuery(\".tabs-container .tab\").on(\"click\", function () {\r\n                    \/\/ Keep the loader visible until Isotope has arranged them\r\n                    jQuery(\".tabs-container .up-pre-loader\").css({\r\n                        \"opacity\": \"1\",\r\n                        \"pointer-events\": \"auto\"\r\n                    });\r\n\r\n                    jQuery(\".tabs-container .up-elements-wrap\").css(\"opacity\", \"0\");\r\n\r\n                    var handlerId = jQuery(this).data(\"tab\");\r\n\r\n                    \/\/ Check if the handlerId is related to layouts requiring Isotope\r\n                    if (handlerId === 'masonry' || handlerId === 'grid' || handlerId === 'instagram' || handlerId === 'youtube' || handlerId === 'unsplash' || handlerId === 'vimeo') {\r\n                        \/\/ Re-layout the grid after a slight delay\r\n                        setTimeout(function () {\r\n                            jQuery('.up-portfolio-img-wrapper').isotope('layout');\r\n\r\n                        }, 10); \/\/ Adjust the delay as needed\r\n\r\n                    }\r\n\r\n\r\n                    setTimeout(function () {\r\n                            jQuery('.tabs-container .up-portfolio-img-wrapper').isotope('layout');\r\n\r\n                            \/\/ Hide loader and show content\r\n                            jQuery(\".tabs-container .up-pre-loader\").css({\r\n                                \"opacity\": \"0\",\r\n                                \"pointer-events\": \"none\"\r\n                            });\r\n                            jQuery(\".tabs-container .up-elements-wrap\").css(\"opacity\", \"1\");\r\n\r\n                        }, 700); \/\/ Adjust the delay as needed\r\n\r\n                });\r\n\r\n                \/\/ Ensure the initial layout after the images are loaded\r\n               \/\/ jQuery('.up-portfolio-img-wrapper').isotope('layout');\r\n            });\r\n        }\r\n\r\n\r\n\r\n    });\r\n<\/script><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7388","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-json\/wp\/v2\/pages\/7388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-json\/wp\/v2\/comments?post=7388"}],"version-history":[{"count":0,"href":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-json\/wp\/v2\/pages\/7388\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/ultimate-portfolio-pro\/wp-json\/wp\/v2\/media?parent=7388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}