{"id":3076,"date":"2023-01-02T05:07:08","date_gmt":"2023-01-02T05:07:08","guid":{"rendered":"https:\/\/weblearnbd.net\/wp\/harry\/?page_id=3076"},"modified":"2023-03-01T16:00:05","modified_gmt":"2023-03-01T16:00:05","slug":"portfolio-masonary","status":"publish","type":"page","link":"https:\/\/iris-blue.net\/ar\/portfolio-masonary\/","title":{"rendered":"Portfolio Masonary"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3076\" class=\"elementor elementor-3076\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8081b50 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8081b50\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b751b32\" data-id=\"b751b32\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d49187d elementor-widget elementor-widget-portfolio-gallery\" data-id=\"d49187d\" data-element_type=\"widget\" data-widget_type=\"portfolio-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\r\n        <!--    portfolio style 2 -->\r\n        \r\n         <!-- portfolio area start -->\r\n         <section class=\"portfolio__area pb-75 pt-110 p-relative fix tp-el-section\">\r\n                     <div class=\"portfolio__shape\">\r\n               <img decoding=\"async\" class=\"portfolio__shape-20\" src=\"https:\/\/iris-blue.net\/wp-content\/themes\/harry\/assets\/img\/portfolio\/masonary\/shape\/circle-1.png\" alt=\"Iris Blue Agency\">\r\n               <img decoding=\"async\" class=\"portfolio__shape-21\" src=\"https:\/\/iris-blue.net\/wp-content\/themes\/harry\/assets\/img\/portfolio\/masonary\/shape\/polygon-green.png\" alt=\"Iris Blue Agency\">\r\n               <img decoding=\"async\" class=\"portfolio__shape-22\" src=\"https:\/\/iris-blue.net\/wp-content\/themes\/harry\/assets\/img\/portfolio\/masonary\/shape\/polygon-pink.png\" alt=\"Iris Blue Agency\">\r\n               <img decoding=\"async\" class=\"portfolio__shape-23\" src=\"https:\/\/iris-blue.net\/wp-content\/themes\/harry\/assets\/img\/portfolio\/masonary\/shape\/polygon-yellow.png\" alt=\"Iris Blue Agency\">\r\n            <\/div>\r\n                        <div class=\"container-fluid tp-gx-20\">\r\n               <div class=\"row\">\r\n                  <div class=\"col-xl-12\">\r\n                     <div class=\"portfolio__section-title-wrapper text-center mb-90 tp-el-content\">\r\n                                                <span class=\"portfolio__section-title-pre tp-el-subtitle\"> CHECK OUT OUR LATEST WORK <\/span>\r\n                        \r\n\r\n                        <h2 class=\"portfolio__section-title tp-el-title\">Portfolio Masonary<\/h2>\r\n                                             <\/div>\r\n                  <\/div>\r\n               <\/div>\r\n\r\n                <!-- filter button -->\r\n                                <div class=\"row\">\r\n                    <div class=\"col-xxl-12\">\r\n                        <div class=\"portfolio__masonary-btn text-center mb-40\">\r\n                            <div class=\"masonary-menu filter-button-group tp-el-mas-btn\">\r\n\r\n                                                                    <button data-filter=\"*\" class=\"active tp-el-mas-btn\">\r\n                                        All Project \r\n                                    <\/button>\r\n                                \r\n                                 \r\n                                <button data-filter=\".apps\">\r\n                                Apps \r\n                                    <\/button>\r\n                                 \r\n                                <button data-filter=\".branding\">\r\n                                Branding \r\n                                    <\/button>\r\n                                 \r\n                                <button data-filter=\".creative\">\r\n                                \u0627\u0644\u0627\u0628\u062f\u0627\u0639 \r\n                                    <\/button>\r\n                                 \r\n                                <button data-filter=\".packaging\">\r\n                                Packaging \r\n                                    <\/button>\r\n                                 \r\n                                <button data-filter=\".mockup\">\r\n                                Mockup \r\n                                    <\/button>\r\n                                 \r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                              <div class=\"row tp-gx-20 grid\">\r\n               \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item apps\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Apps\" data-title=\"Magazine Cover\">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"455\" height=\"500\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-1.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                  \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item branding\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Branding\" data-title=\"Logo Mockups\">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img decoding=\"async\" width=\"455\" height=\"500\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-2.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                  \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item creative\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Creative\" data-title=\"Pattern Inspired\">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img decoding=\"async\" width=\"455\" height=\"680\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-3.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                  \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item packaging\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Packaging\" data-title=\"Product Design \">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"500\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-4.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                  \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item mockup\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Mockup\" data-title=\"Branding Design\">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"680\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-5.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                  \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item creative\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Creative\" data-title=\"Original Coffee\">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"680\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-6.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                        <div class=\"portfolio__grid-video\">\r\n                                <a href=\"https:\/\/www.youtube.com\/watch?v=EW4ZYb3mCZk&#038;t=147s\" class=\"portfolio-play-btn popup-video tp-el-video-btn\">\r\n                                    <svg width=\"18\" height=\"22\" viewbox=\"0 0 18 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                        <path d=\"M18 11L0 21.3923V0.607696L18 11Z\" fill=\"currentColor\"\/>\r\n                                    <\/svg>                                    \r\n                                <\/a>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                  \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item mockup\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Mockup\" data-title=\"Visual Identity\">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"680\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-8.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                        <div class=\"portfolio__grid-video\">\r\n                                <a href=\"https:\/\/www.youtube.com\/watch?v=EW4ZYb3mCZk&#038;t=147s\" class=\"portfolio-play-btn popup-video tp-el-video-btn\">\r\n                                    <svg width=\"18\" height=\"22\" viewbox=\"0 0 18 22\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                        <path d=\"M18 11L0 21.3923V0.607696L18 11Z\" fill=\"currentColor\"\/>\r\n                                    <\/svg>                                    \r\n                                <\/a>\r\n                            <\/div>\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                  \r\n                                                                                  <div class=\"col-xl-3 col-lg-4 col-md-6 grid-item branding\">\r\n                     <div class=\"portfolio__grid-item mb-20 tp-el-box\">\r\n                        <div class=\"portfolio__grid-thumb tp-protfolio-masonary w-img fix tp-img-reveal tp-img-reveal-item\" data-fx=\"24\" data-meta-tag=\"Branding\" data-title=\" UX Web Design\">\r\n                            <a href=\"https:\/\/weblearnbd.net\/wp\/harry\/portfolio\/portfolio-details\/\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" width=\"455\" height=\"500\" src=\"https:\/\/iris-blue.net\/wp-content\/uploads\/2023\/01\/portfolio-masonary-7.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                                                <\/a>\r\n\r\n                                                    <\/div>\r\n                     <\/div>\r\n                  <\/div>\r\n                                 <\/div>\r\n\r\n                              <div class=\"row\">\r\n                  <div class=\"col-xxl-12\">\r\n                     <div class=\"portfolio__load-more text-center\">\r\n                        <a target=\"\" rel=\"\" href=\"#\" class=\"tp-load-more-btn mt-30 mb-50 tp-el-box-btn\">\r\n                           <svg width=\"17\" height=\"17\" viewbox=\"0 0 17 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                              <path d=\"M1 8.5C1 4.36 4.33 1 8.5 1C13.5025 1 16 5.17 16 5.17M16 5.17V1.42M16 5.17H12.67\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                              <path d=\"M15.9175 8.5C15.9175 12.64 12.5575 16 8.4175 16C4.2775 16 1.75 11.83 1.75 11.83M1.75 11.83H5.14M1.75 11.83V15.58\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                           <\/svg>                              \r\n                           View More Projects                        <\/a>\r\n                     <\/div>\r\n                  <\/div>\r\n               <\/div>\r\n                  \r\n            <\/div>\r\n         <\/section>\r\n         <!-- portfolio area end -->\r\n\r\n        <!-- default style -->\r\n        \r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CHECK OUT OUR LATEST WORK Portfolio Masonary All Project Apps Branding Creative Packaging Mockup View More Projects<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3076","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/iris-blue.net\/ar\/wp-json\/wp\/v2\/pages\/3076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iris-blue.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iris-blue.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iris-blue.net\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iris-blue.net\/ar\/wp-json\/wp\/v2\/comments?post=3076"}],"version-history":[{"count":0,"href":"https:\/\/iris-blue.net\/ar\/wp-json\/wp\/v2\/pages\/3076\/revisions"}],"wp:attachment":[{"href":"https:\/\/iris-blue.net\/ar\/wp-json\/wp\/v2\/media?parent=3076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}