{"id":1114,"date":"2019-12-18T19:45:49","date_gmt":"2019-12-18T19:45:49","guid":{"rendered":"http:\/\/themeforest.unitedthemes.com\/wpversions\/brooklyn\/xml\/demo42\/?page_id=1114"},"modified":"2019-12-18T19:45:49","modified_gmt":"2019-12-18T19:45:49","slug":"example-page-5","status":"publish","type":"page","link":"https:\/\/godecco.com\/index.php\/example-page-5\/","title":{"rendered":"Example Page 5"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_section el_name=&#8221;First Section \/ Work&#8221;][vc_row][vc_column offset=&#8221;vc_col-lg-12&#8243;]<div class=\"wpb_content_element \"><style type=\"text\/css\"><\/style><header id=\"ut_header_69e049f7541d5\" class=\"section-header  ut-no-title-linebreak-mobile ut-no-lead-linebreak-mobile pt-style-2 header-center header-tablet-center header-mobile-center element-with-custom-line-height\"><div class=\"element-with-custom-line-height\" ><h2 data-title=\"A Web Agency Focused On&#13;&#10;Vision, Product And People.\"  data-responsive-font=\"section_title\" class=\"section-title title-with-linebreak \"><span>A Web Agency Focused On<br \/>\nVision, Product And People.<\/span><\/h2><\/div><div data-delay=\"0\" class=\"lead title-with-linebreak\"><p>We believe our work speaks for itself. Browse our most recent projects<br \/>\nbelow and enjoy our <b>handmade work<\/b> with love for every detail.<\/p>\n<\/div><\/header><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column]<div class=\"wpb_content_element  vc_custom_1576698349522\">\r\n        <script type=\"text\/javascript\">\r\n        (function($) {\r\n\r\n            \"use strict\";\r\n\r\n            \/* check if is in vc front end\r\n            ================================================== *\/\r\n            function inIframe() {\r\n\r\n                var field = 'vc_editable';\r\n                var url = window.location.href ;\r\n\r\n                if( url.indexOf('?' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else if( url.indexOf('&' + field + '=') !== -1 ) {\r\n\r\n                    return true;\r\n\r\n                } else {\r\n\r\n                    return false;\r\n\r\n                }\r\n\r\n            }\r\n\r\n            if( inIframe() ) {\r\n\r\n                $(window).trigger(\"load\");\r\n\r\n            }\r\n\r\n            $(window).on(\"load\", function(){\r\n\r\n                $(document).ready( function(){\r\n\r\n                var inc = \"0\";\r\n\r\n                function calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, increament ) {\r\n\r\n                    var step = increament ? increament : 0.1,\r\n                        extra_spacing = $container.hasClass('ut-portfolio-item-container-with-background') ? guttersize : 0,\r\n                        size = ( $container.get(0).getBoundingClientRect().width - extra_spacing - guttersize ) \/ columns - ( guttersize * ( columns - 1 ) \/ columns ) - step;\r\n\r\n                    if( ( ( size + guttersize ) * columns ) < $container.get(0).getBoundingClientRect().width ) {\r\n\r\n                        inc = 0;\r\n                        return size;\r\n\r\n                    } else {\r\n\r\n                        inc = inc + 0.2;\r\n                        return calculate_portfolio_item_width_with_gutter( $container, columns, guttersize, inc );\r\n\r\n                    }\r\n\r\n                }\r\n\r\n                var $win = $(window),\r\n                    $container = $(\"#ut-portfolio-items-101\"),\r\n\t\t\t\t\tcolumns = 4,\r\n\t\t\t\t\tgutter = \"\",\r\n\t\t\t\t\tgutterwidth = \"\",\r\n                    guttersize = \"2\";\r\n\r\n\t\t\t\t$container.on( \"layoutComplete\", function( event, filteredItems ){\r\n\r\n\t\t\t\t\t$(filteredItems).each(function( index, element ){\r\n\r\n\t\t\t\t\t\t$(element.element).addClass(\"sorted\").css({\r\n\t\t\t\t\t\t\t\"opacity\" : \"1\", \"transform\" : \"scale(1)\" \t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t});\r\n\r\n                    $container.addClass(\"layoutComplete\");\r\n\r\n                    $(window).trigger('scroll');\r\n                    $.waypoints(\"refresh\");\r\n                    $.force_appear();\r\n\r\n                    setTimeout(function(  ) {\r\n\r\n                        $(window).trigger('scroll');\r\n                        $.waypoints(\"refresh\");\r\n                        $.force_appear();\r\n\r\n                    }, 401 );\r\n\r\n\r\n\t\t\t\t});\r\n\r\n                var hide_timout,sort_timeout;\r\n\r\n\t\t\t\tfunction hide_portfolio_articles( selector ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n\r\n\t\t\t\t\tclearTimeout( hide_timout );\r\n                    clearTimeout(sort_timeout)\r\n\t\t\t\t\t$(\"> .ut-portfolio-article\", \"#ut-portfolio-items-101\").each(function(){\r\n\r\n\r\n\t\t\t\t\t\tif( $(window).width() <= 1024 ) {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            });\r\n\r\n                        } else {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             });\r\n\r\n                        }\r\n\r\n\t\t\t\t\t});\r\n\r\n\t\t\t\t\tsetTimeout( function() {\r\n\r\n\t\t\t\t\t\t$(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-101\").each(function(){\r\n\r\n                            var $this = $(this);\r\n\r\n\t\t\t\t\t\t\t$this.clearQueue().css({\r\n\t\t\t\t\t\t\t\t\"visibility\" : \"hidden\",\r\n\t\t\t\t\t\t\t\t\"opacity\" : \"0\"\r\n\t\t\t\t\t\t\t}).removeClass( $this.children(\".ut-portfolio-item\").data(\"effect\") );\r\n\r\n\t\t\t\t\t\t});\r\n\r\n                        hide_timout = setTimeout(function(  ) {\r\n\r\n                            $container.isotope({ filter: selector });\r\n\r\n                        }, 400 );\r\n\r\n                        sort_timeout = setTimeout( function() {\r\n                            $container.find('.sorted').each( function() {\r\n                                let box = $(this).find('.ut-portfolio-article-animation-box');\r\n                                if( box.data('effect') === 'noneAnimation' ) {\r\n                                    box.css({\r\n                                        \"visibility\": \"visible\",\r\n                                        \"opacity\": \"1\"\r\n                                    })\r\n                                }\r\n                            } )\r\n                        }, 500 )\r\n\t\t\t\t\t}, 400 );\r\n\r\n\t\t\t\t}\r\n\r\n                function hide_and_relayout_portfolio_articles( callback ) {\r\n\r\n                    $container.removeClass(\"layoutComplete\");\r\n                    $(\"> .ut-portfolio-article\", \"#ut-portfolio-items-101\").each(function(){\r\n\r\n                        if( $(window).width() <= 1024 ) {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\"\r\n                            });\r\n\r\n                        } else {\r\n\r\n                            $(this).addClass(\"ut-portfolio-article-animation\").removeClass(\"sorted\").css({\r\n                                \"opacity\" : \"0\", \"transform\" : \"scale(0.001)\"                                                             });\r\n\r\n                        }\r\n\r\n                    });\r\n\r\n                    setTimeout( function() {\r\n\r\n                        if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                            callback();\r\n\r\n                        }\r\n\r\n                    }, 350 );\r\n\r\n                }\r\n\r\n\t\t\t\tfunction ut_call_isotope( force_column, callback ) {\r\n\r\n\t\t\t\t\tif( $(window).width() > 1024) {\r\n\t\t\t\t\t\tcolumns = 4;\r\n                        guttersize = \"2\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif( force_column ) {\r\n\t\t\t\t\t    columns = force_column;\r\n                    }\r\n\r\n\t\t\t\t\tif( $(window).width() <= 1024) {\r\n\t\t\t\t\t\tcolumns = 2;\r\n                        guttersize = \"2\";\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tif( $(window).width() <= 767) {\r\n                        columns = 1;\r\n                        guttersize = 1;\r\n\t\t\t\t\t}\r\n\r\n                    if( $(window).width() <= 400 ) {\r\n                        guttersize = 1;\r\n                    }\r\n\r\n\t\t\t\t\tif( gutter === \"on\" ) {\r\n\r\n                        $container.children().width( calculate_portfolio_item_width_with_gutter( $container, columns, ( 20 * guttersize ), false ) ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 20 * guttersize;\r\n\r\n\t\t\t\t\t} else {\r\n\r\n                        $container.children().width( $container.get(0).getBoundingClientRect().width \/ columns - 0.05 ).addClass(\"show\");\r\n\t\t\t\t\t\tgutterwidth = 0;\r\n\r\n\t\t\t\t\t}\r\n\r\n                    if( callback && typeof(callback) === \"function\" ) {\r\n\r\n                        callback( columns, gutterwidth );\r\n\r\n                    } else {\r\n\r\n                        $container.ut_require_js({\r\n                            plugin: 'isotope',\r\n                            source: 'isotope',\r\n                            callback: function (element) {\r\n\r\n                                element.addClass(\"animated\").isotope({\r\n\r\n                                    itemSelector : \".ut-portfolio-article\",\r\n                                    layoutMode: \"fitRows\",\r\n                                    masonry: { columnWidth: element.get(0).getBoundingClientRect().width \/ columns - gutterwidth, gutter: gutterwidth },\r\n                                    itemPositionDataEnabled: true,\r\n                                    transitionDuration: 0\r\n\r\n                                }).isotope(\"layout\");\r\n\r\n                                $('.ut-lazy-wait', $container ).each(function (index, element ) {\r\n\r\n                                    $(element).removeClass('ut-lazy-wait');\r\n\r\n                                });\r\n\r\n                            }\r\n\r\n                        });\r\n\r\n                    }\r\n\r\n\t\t\t\t}\r\n\r\n                $(window).utresize(function(){\r\n\r\n                    \/* update isotope *\/\r\n                    ut_call_isotope();\r\n\r\n                });\r\n\r\n                \/* create isotope *\/\r\n                ut_call_isotope();\r\n                $container.on('inview', function() {\r\n                    ut_call_isotope();\r\n                });\r\n                $(window).on('scroll', function() {\r\n                    if( $container.data('loaded') !== 1 && $(this).scrollTop() > 260 ) {\r\n                        $container.attr('data-loaded', 1)\r\n                        $container.data('loaded', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded1') !== 1 && $(this).scrollTop() > 600 ) {\r\n                        $container.attr('data-loaded1', 1)\r\n                        $container.data('loaded1', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded2') !== 1 && $(this).scrollTop() > 780 ) {\r\n                        $container.attr('data-loaded2', 1)\r\n                        $container.data('loaded2', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded3') !== 1 && $(this).scrollTop() > 900 ) {\r\n                        $container.attr('data-loaded3', 1)\r\n                        $container.data('loaded3', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                    if( $container.data('loaded4') !== 1 && $(this).scrollTop() > 1200 ) {\r\n                        $container.attr('data-loaded4', 1)\r\n                        $container.data('loaded4', 1);\r\n                        ut_call_isotope();\r\n                    }\r\n                })\r\n\t\t\t\t\/* additional call for ajax filter *\/\r\n\t\t\t\t\r\n                    \/* Isotope Filtering\r\n                    ================================================== *\/\r\n                    $(\"#ut-portfolio-menu-101 a\").each(function( index ) {\r\n\r\n                        if( $(this).parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        var searchforclass = $(this).attr(\"data-filter\");\r\n\r\n                        if( !$(searchforclass).length  ) {\r\n                            \/\/ hide filter if we do not have any children to filter\r\n                            $(this).hide();\r\n                        }\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-101 a\").on('click', function(event) {\r\n\r\n                        var $this = $(this);\r\n\r\n                        if( $this.parent().hasClass('ut-portfolio-layout-change') ) {\r\n                            return true;\r\n                        }\r\n\r\n                        if( $this.hasClass(\"selected\") ) {\r\n\r\n                            event.preventDefault();\r\n                            return;\r\n\r\n                        }\r\n\r\n                        var selector = $this.attr(\"data-filter\");\r\n\r\n                        if ( !$this.hasClass(\"selected\") ) {\r\n\r\n                            $this.parents(\"#ut-portfolio-menu-101\").find(\".selected\").removeClass(\"selected\");\r\n                            $this.addClass(\"selected\");\r\n\r\n                        }\r\n\r\n                        hide_portfolio_articles( selector );\r\n\r\n                        return false;\r\n\r\n                    });\r\n\r\n                    $(\"#ut-portfolio-menu-101 .ut-portfolio-layout-change a\").on('click', function(event) {\r\n\r\n                        var $this = $(this),\r\n                            $columns = $this.data('default-columns'),\r\n                            $columns_alternate = $this.data('alternate-columns');\r\n\r\n                        var selector = $(\"#ut-portfolio-menu-101 a.selected\").attr(\"data-filter\");\r\n\r\n                        \/\/ restore initial layout\r\n                        if( $this.hasClass('ut-alternate-columns-active') ) {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-101\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function() {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.removeClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        \/\/ switch to alternate layout\r\n                        } else {\r\n\r\n                            hide_and_relayout_portfolio_articles( function () {\r\n\r\n                                ut_call_isotope( $columns_alternate, function ( columns, gutterwidth ) {\r\n\r\n                                    $(\"> .ut-portfolio-article .ut-portfolio-article-animation-box\", \"#ut-portfolio-items-101\").css({\r\n                                        \"visibility\" : \"hidden\",\r\n                                        \"opacity\" : \"0\"\r\n                                    });\r\n\r\n                                    setTimeout(function(  ) {\r\n\r\n                                        $container.isotope({\r\n                                            filter: selector\r\n                                        });\r\n\r\n                                    }, 760 );\r\n\r\n                                });\r\n\r\n                                $this.addClass('ut-alternate-columns-active');\r\n\r\n                            });\r\n\r\n                        }\r\n\r\n                        event.preventDefault();\r\n\r\n                    });\r\n\r\n\t\t\t\t\r\n           \t\t});\r\n\r\n            });\r\n\r\n        }(jQuery));\r\n\r\n        <\/script>\r\n\r\n\t\t<style id=\"ut-portfolio-custom-css-101\" type=\"text\/css\">.ut-portfolio-101 .ut-portfolio-item-container { background: rgba(255, 255, 255, 0) ; }.ut-portfolio-101.ut-carousel { background: rgba(255, 255, 255, 0) !important; }.ut-portfolio-101 .ut-portfolio-item-packery-container { background: rgba(255, 255, 255, 0) ; }#ut-masonry-101 { background: rgba(255, 255, 255, 0) ; }#ut-react-carousel-container-101 { background: rgba(255, 255, 255, 0) ; }.ut-portfolio-101 .ut-portfolio-info-c h3 {font-family:\"Montserrat\" ; font-weight: 800 ; font-size: 20px ; letter-spacing: -0.05em ; text-transform: uppercase ;}.ut-portfolio-101 .portfolio-title {font-family:\"Montserrat\" ; font-weight: 800 ; font-size: 20px ; letter-spacing: -0.05em ; text-transform: uppercase ;}.ut-portfolio-101 .ut-portfolio-info-c span {font-family:\"Poppins\" ; font-weight: 600 ; font-size: 12px ; letter-spacing: 0.05em ; text-transform: uppercase ;}.ut-portfolio-101 .ut-portfolio-info-c h3 { color: rgba(17, 17, 17, 1) ; }.ut-portfolio-101 .portfolio-title { color: rgba(17, 17, 17, 1); }.ut-portfolio-101 .ut-portfolio-title-wrap, .ut-portfolio-101 .portfolio-title { background: #FFF ; }.ut-portfolio-101 .ut-portfolio-info-c, .ut-portfolio-101 .ut-portfolio-info-c span { color: rgba(17, 17, 17, 1) ; }.ut-portfolio-101 .ut-hover-layer .ut-portfolio-info { -webkit-justify-content: center !important; justify-content: center !important; }.ut-portfolio-101 .ut-hover-layer .ut-portfolio-info-c { align-self: center !important; text-align: center; }.ut-portfolio-101 .portfolio-style-two .ut-portfolio-info i { text-align: center ;}.ut-portfolio-101 .ut-portfolio-menu li a { border:none; padding:0; }.ut-portfolio-101 .ut-portfolio-menu li a { font-weight: 600 !important; }.ut-portfolio-101 .ut-portfolio-menu li a { text-transform: uppercase !important; }.ut-portfolio-101 .ut-portfolio-menu li a { font-style: normal !important; }.ut-portfolio-101 .ut-portfolio-menu li a { letter-spacing: 0.05em !important; }.ut-portfolio-101 .ut-portfolio-menu li a { color: rgba(18, 18, 18, 0.5) !important; }.ut-portfolio-101 .ut-portfolio-menu li a { background: rgba(255, 255, 255, 1) !important; }.ut-portfolio-101 .ut-portfolio-menu li a { border-color: rgba(255, 255, 255, 1) !important; }.ut-portfolio-101 .ut-portfolio-menu li a:hover { color: rgba(18, 18, 18, 1) !important; }.ut-portfolio-101 .ut-portfolio-menu li a:hover { background: rgba(255, 255, 255, 1) !important; }.ut-portfolio-101 .ut-portfolio-menu li a:hover { border-color: rgba(255, 255, 255, 1) !important; }.ut-portfolio-101 .ut-portfolio-menu li a.selected { color: rgba(18, 18, 18, 1) !important; }.ut-portfolio-101 .ut-portfolio-menu li a.selected { background: rgba(255, 255, 255, 1) !important; }.ut-portfolio-101 .ut-portfolio-menu li a.selected { border-color: rgba(255, 255, 255, 1) !important; }.ut-portfolio-101 .ut-hover-layer { background: rgba(0,0,0, 0.5); }#ut-loader-101 { color: #ffffff ; }#ut-loader-101 { background: rgba(255, 255, 255, 1) ; }#ut-portfolio-details-navigation-101 a.next-portfolio-details { color: rgba(255, 255, 255, 1) ; }#ut-portfolio-details-navigation-101 a.prev-portfolio-details { color: rgba(255, 255, 255, 1) ; }#ut-portfolio-details-navigation-101 a.next-portfolio-details:hover { color: #999999 ; }#ut-portfolio-details-navigation-101 a.next-portfolio-details:active { color: #999999 ; }#ut-portfolio-details-navigation-101 a.next-portfolio-details:focus { color: #999999 ; }#ut-portfolio-details-navigation-101 a.prev-portfolio-details:hover { color: #999999 ; }#ut-portfolio-details-navigation-101 a.prev-portfolio-details:active { color: #999999 ; }#ut-portfolio-details-navigation-101 a.prev-portfolio-details:focus { color: #999999 ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details { color: #ffffff ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details:hover { color: #ffffff ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details:active { color: #ffffff ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details:focus { color: #ffffff ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details { background: rgba(255, 255, 255, 1) ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details:hover { background: #19b5fe ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details:active { background: #19b5fe ; }#ut-portfolio-details-navigation-101 a.close-portfolio-details:focus { background: #19b5fe ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next:hover { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next:active { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next:focus { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev:hover { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev:active { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev:focus { color: #ffffff ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next { background: rgba(255, 255, 255, 1) ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev { background: rgba(255, 255, 255, 1) ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next:hover { background: #19b5fe ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next:active { background: #19b5fe ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-next:focus { background: #19b5fe ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev:hover { background: #19b5fe ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev:active { background: #19b5fe ; }#ut-portfolio-details-wrap-101 .ut-portfolio-media a.flex-prev:focus { background: #19b5fe ; }<\/style><style id=\"ut-portfolio-single-custom-css\" type=\"text\/css\"><\/style><div id=\"ut-loader-101\" class=\"ut-portfolio-detail-loader\"><i class=\"Bklyn-Core-Rotate-2\"><\/i><\/div><a id=\"ut-portfolio-details-anchor-101\" href=\"#\" class=\"ut-portfolio-offset-anchor-top\"><\/a><div id=\"ut-portfolio-details-navigation-101\" class=\"ut-portfolio-details-navigation grid-container\" data-slideup-width=\"centered\"><a class=\"prev-portfolio-details\" data-wrap=\"101\" href=\"#\"><\/a><a class=\"close-portfolio-details\" data-wrap=\"101\" href=\"#\"><\/a><a class=\"next-portfolio-details\" data-wrap=\"101\" href=\"#\"><\/a><\/div><div id=\"ut-portfolio-details-wrap-101\" class=\"ut-portfolio-details-wrap clearfix\"><div id=\"ut-portfolio-details-101\" class=\"inner ut-portfolio-details\"><\/div><\/div><div class=\"clear\"><\/div><div id=\"ut-portfolio-wrap\" class=\"ut-portfolio-wrap ut-portfolio-101\" data-slideup-title=\"off\" data-slideup-width=\"centered\" data-textcolor=\"rgba(17, 17, 17, 1)\" data-opacity=\"0.5\" data-hovercolor=\"0,0,0\"><a class=\"ut-portfolio-offset-anchor\" style=\"top:-120px;\" id=\"ut-portfolio-items-101-anchor\"><\/a><div class=\"ut-portfolio-menu-wrap ut-portfolio-menu-wrap-center\" style=\"text-align:center;\"><ul id=\"ut-portfolio-menu-101\" class=\"ut-portfolio-menu style_one ut-portfolio-menu-40\"><li><a href=\"#\" data-filter=\"*\" class=\"selected\">All<\/a><\/li><li><a href=\"#\" data-filter=\".pergolas-filt\">Pergolas<\/a><\/li><li><a href=\"#\" data-filter=\".add-ons-filt\">Add ons<\/a><\/li><\/ul><\/div><div id=\"ut-portfolio-items-101\" class=\"ut-portfolio-item-container  ut-portfolio-item-container-with-background\"><article id=\"ut-portfolio-article-4546\" class=\"ut-portfolio-article ut-masonry  portfolio-style-two   pergolas-filt \"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-item ut-hover\"><a id=\"ut-portfolio-trigger-link-101-4546\" class=\"ut-square \" rel=\"bookmark\" title=\"Louvered Pergolas\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/bioclimatic-pergolas\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/pergo011-300x225.jpg&quot;,&quot;500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/pergo011-500x375.jpg&quot;,&quot;750&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/pergo011-750x563.jpg&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/pergo011-1000x750.jpg&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/pergo011-1500x1125.jpg&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/pergo011-2500x1875.jpg&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1125&#039;%2F%3E\" width=\"1500\" height=\"1125\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2024\/09\/pergo011-1500x1125.jpg\" data-image-id=\"4551\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><span class=\"ut-portfolio-info-plus\">+<\/span><\/div><\/div><\/div><\/a><div><a class=\" \" rel=\"bookmark\" title=\"Louvered Pergolas\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/bioclimatic-pergolas\/\" target=\"_self\"><h3 class=\"portfolio-title\">Louvered Pergolas<\/h3><\/a><\/div><\/div><\/div><\/article><article id=\"ut-portfolio-article-4539\" class=\"ut-portfolio-article ut-masonry  portfolio-style-two   pergolas-filt \"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-item ut-hover\"><a id=\"ut-portfolio-trigger-link-101-4539\" class=\"ut-square \" rel=\"bookmark\" title=\"Cabana Pergolas\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/cabana-pergolas\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/wo07-300x225.jpg&quot;,&quot;500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/wo07-500x375.jpg&quot;,&quot;750&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/wo07-750x563.jpg&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/wo07-1000x750.jpg&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/wo07-1500x1125.jpg&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/wo07-2500x1875.jpg&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1125&#039;%2F%3E\" width=\"1500\" height=\"1125\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2023\/08\/wo07-1500x1125.jpg\" data-image-id=\"4430\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><span class=\"ut-portfolio-info-plus\">+<\/span><\/div><\/div><\/div><\/a><div><a class=\" \" rel=\"bookmark\" title=\"Cabana Pergolas\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/cabana-pergolas\/\" target=\"_self\"><h3 class=\"portfolio-title\">Cabana Pergolas<\/h3><\/a><\/div><\/div><\/div><\/article><article id=\"ut-portfolio-article-4537\" class=\"ut-portfolio-article ut-masonry  portfolio-style-two   add-ons-filt \"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-item ut-hover\"><a id=\"ut-portfolio-trigger-link-101-4537\" class=\"ut-square \" rel=\"bookmark\" title=\"Zipper Shades\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/zipper-shades\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/sha04-1-300x225.jpg&quot;,&quot;500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/sha04-1-500x375.jpg&quot;,&quot;750&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/sha04-1-750x563.jpg&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/sha04-1-1000x750.jpg&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/sha04-1-1500x1125.jpg&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/sha04-1-2500x1875.jpg&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1125&#039;%2F%3E\" width=\"1500\" height=\"1125\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2024\/09\/sha04-1-1500x1125.jpg\" data-image-id=\"4585\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><span class=\"ut-portfolio-info-plus\">+<\/span><\/div><\/div><\/div><\/a><div><a class=\" \" rel=\"bookmark\" title=\"Zipper Shades\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/zipper-shades\/\" target=\"_self\"><h3 class=\"portfolio-title\">Zipper Shades<\/h3><\/a><\/div><\/div><\/div><\/article><article id=\"ut-portfolio-article-4535\" class=\"ut-portfolio-article ut-masonry  portfolio-style-two   add-ons-filt \"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-article-animation-box\"><div data-effect=\"portfolioZoomIn\" class=\"ut-portfolio-item ut-hover\"><a id=\"ut-portfolio-trigger-link-101-4535\" class=\"ut-square \" rel=\"bookmark\" title=\"Cable Guided Shades\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/cableguided-shades\/\" target=\"_self\" ><figure>\r\n        <img loading=\"lazy\" decoding=\"async\" data-adaptive-images=\"{&quot;300&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/new06-300x225.jpg&quot;,&quot;500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/new06-500x375.jpg&quot;,&quot;750&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/new06-750x563.jpg&quot;,&quot;1000&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/new06-1000x750.jpg&quot;,&quot;1500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/new06-1500x1125.jpg&quot;,&quot;2500&quot;:&quot;https:\\\/\\\/godecco.com\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/new06-2500x1875.jpg&quot;}\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 1500 1125&#039;%2F%3E\" width=\"1500\" height=\"1125\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2022\/03\/new06-1500x1125.jpg\" data-image-id=\"3102\" class=\"ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image ut-lazy-wait\">\r\n\r\n        <\/figure><div class=\"ut-hover-layer\"><div class=\"ut-portfolio-info\"><div class=\"ut-portfolio-info-c\"><span class=\"ut-portfolio-info-plus\">+<\/span><\/div><\/div><\/div><\/a><div><a class=\" \" rel=\"bookmark\" title=\"Cable Guided Shades\" href=\"https:\/\/godecco.com\/index.php\/portfolio-item\/cableguided-shades\/\" target=\"_self\"><h3 class=\"portfolio-title\">Cable Guided Shades<\/h3><\/a><\/div><\/div><\/div><\/article><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1545258383462{margin-top: 0px !important;padding-top: 80px !important;padding-bottom: 40px !important;background-color: #ffffff !important;}&#8221; el_name=&#8221;Margin top 0px&#8221;][vc_column]<div class=\"wpb_content_element ut-gallery-40  clearfix\"><style type=\"text\/css\">#ut_ig_69e049f7767c2 .ut-lazy:not(.ut-image-loaded) + .ut-video-module-loading { display:block; }#ut_ig_69e049f7767c2 .ut-lazy.ut-image-loaded + .ut-video-module-loading { display:none; }#ut_ig_69e049f7767c2 .ut-animate-gallery-element { opacity: 0; }<\/style><div id=\"ut_ig_69e049f7767c2\" class=\"ut-image-gallery ut-image-gallery-module  ut-image-gallery-40 clearfix\" data-settings=\"{&quot;animate&quot;:true,&quot;effect&quot;:&quot;zoomIn&quot;,&quot;lazy&quot;:true,&quot;delay_animation&quot;:true,&quot;global_delay_animation&quot;:false,&quot;delay_timer&quot;:&quot;100&quot;,&quot;global_delay_timer&quot;:100}\" ><div data-effect=\"zoomIn\" data-animateonce=\"yes\" data-count=\"5\" class=\"ut-image-gallery-item ut-animate-gallery-element animated ut-no-animation-tablet ut-no-animation-mobile  grid-20 tablet-grid-33 mobile-grid-100\"><a class=\"ut-deactivated-link \" href=\"#\"><div class=\"ut-image-gallery-image\" ><img loading=\"lazy\" decoding=\"async\"  class=\" ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 36'%2F%3E\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2018\/09\/4-100x36.jpg\" width=\"100\" height=\"36\"><\/div><\/a><\/div><div data-effect=\"zoomIn\" data-animateonce=\"yes\" data-count=\"5\" class=\"ut-image-gallery-item ut-animate-gallery-element animated ut-no-animation-tablet ut-no-animation-mobile   grid-20 tablet-grid-33 mobile-grid-100\"><a class=\"ut-deactivated-link \" href=\"#\"><div class=\"ut-image-gallery-image\" ><img loading=\"lazy\" decoding=\"async\"  class=\" ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 36'%2F%3E\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2018\/09\/3-100x36.jpg\" width=\"100\" height=\"36\"><\/div><\/a><\/div><div data-effect=\"zoomIn\" data-animateonce=\"yes\" data-count=\"5\" class=\"ut-image-gallery-item ut-animate-gallery-element animated ut-no-animation-tablet ut-no-animation-mobile    grid-20 tablet-grid-33 mobile-grid-100 ut-tablet-last\"><a class=\"ut-deactivated-link \" href=\"#\"><div class=\"ut-image-gallery-image\" ><img loading=\"lazy\" decoding=\"async\"  class=\" ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 36'%2F%3E\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2018\/09\/2-100x36.jpg\" width=\"100\" height=\"36\"><\/div><\/a><\/div><div class=\"clear hide-on-desktop hide-on-tablet\"><\/div><div data-effect=\"zoomIn\" data-animateonce=\"yes\" data-count=\"5\" class=\"ut-image-gallery-item ut-animate-gallery-element animated ut-no-animation-tablet ut-no-animation-mobile     grid-20 tablet-grid-33 mobile-grid-100\"><a class=\"ut-deactivated-link \" href=\"#\"><div class=\"ut-image-gallery-image\" ><img loading=\"lazy\" decoding=\"async\"  class=\" ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 36'%2F%3E\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2018\/09\/1-100x36.jpg\" width=\"100\" height=\"36\"><\/div><\/a><\/div><div data-effect=\"zoomIn\" data-animateonce=\"yes\" data-count=\"5\" class=\"ut-image-gallery-item ut-animate-gallery-element animated ut-no-animation-tablet ut-no-animation-mobile      grid-20 tablet-grid-33 mobile-grid-100\"><a class=\"ut-deactivated-link \" href=\"#\"><div class=\"ut-image-gallery-image\" ><img loading=\"lazy\" decoding=\"async\"  class=\" ut-lazy skip-lazy\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox%3D'0 0 100 36'%2F%3E\" data-src=\"https:\/\/godecco.com\/wp-content\/uploads\/2018\/09\/5-100x36.jpg\" width=\"100\" height=\"36\"><\/div><\/a><\/div><div class=\"ut-image-gallery-sizer\"><\/div><div class=\"clear\"><\/div><\/div><\/div>[\/vc_column][\/vc_row][\/vc_section]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_section el_name=&#8221;First Section \/ Work&#8221;][vc_row][vc_column offset=&#8221;vc_col-lg-12&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1545258383462{margin-top: 0px !important;padding-top: 80px !important;padding-bottom: 40px !important;background-color: #ffffff !important;}&#8221; el_name=&#8221;Margin top 0px&#8221;][vc_column][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1114","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/pages\/1114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/comments?post=1114"}],"version-history":[{"count":1,"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/pages\/1114\/revisions"}],"predecessor-version":[{"id":3073,"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/pages\/1114\/revisions\/3073"}],"wp:attachment":[{"href":"https:\/\/godecco.com\/index.php\/wp-json\/wp\/v2\/media?parent=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}