{"id":1070,"date":"2021-02-16T04:06:56","date_gmt":"2021-02-16T04:06:56","guid":{"rendered":"https:\/\/altatechstudio.com\/alta\/?page_id=1070"},"modified":"2021-02-20T15:31:58","modified_gmt":"2021-02-20T15:31:58","slug":"architectural-metal-facades","status":"publish","type":"page","link":"https:\/\/altatechstudio.com\/?page_id=1070","title":{"rendered":"Architectural Metal Facades"},"content":{"rendered":"\n\n\n<div id=\"wk-grida68\" class=\"uk-grid-width-1-1 uk-grid uk-grid-match uk-text-center \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin >\n\n\n    <div>\n        <div class=\"uk-panel\">\n\n            \n            \n            \n            \n            \n            \n            \n                        <div class=\"uk-margin\"><h1 class=\"alta-custom-header\">\n    ARCHITECTURAL METAL WORK FENCE\n<\/h1>\n<p class=\"alta-p-desc\">\n    Fencing fabricated in decorative metals is a growing trend. It allows for creativity and architectural vision that meets the demand for low maintenance. Perfection Fence excels at artistry in metalwork design and fabrication. Each fence is crafted by talented artistic welders using bronze, brass, copper, aluminum or steel metals applying old world methods combined with modern technology for manufacturing.\n<\/p>\n<hr class=\"uk-grid-divider\">\n\n<div class=\"tm-shadow prodShadow-noPad\">\n    <div class=\"prodShadow-noPad archEle\">\n    <h4 class=\"headerSubM\">\n        <i class=\"uk-icon uk-icon-shield\"><\/i> \n    <strong> Superior Gate Hardware<\/strong>\n<\/h4>\n<p class=\"alta-p-desc uk-text-justify\">        \nExceptional artistic, reproductive or hand-forged gate hardware in bronze, brass, stainless steel and other specific metals with oil rub, patinas or other artisan finishes are chosen based on the design requirement of each individual project.\n<\/p> \n        <hr>\n     \n<h4 class=\"headerSubM uk-text-center\">\n    <strong><i class=\"uk-icon-exclamation-circle\"><\/i>   Metal Fencing includes:<\/strong>\n<\/h4>\n<table class=\"uk-table uk-table-striped uk-table-hover tbl-metal\">     \n    <tbody>\n        <tr>\n            <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                     Architectural Fencing\n                <\/strong>\n            <\/td>\n              <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                 Guardsman Fencing   \n                <\/strong>\n            <\/td>\n              <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                    Portcullis Fencing  \n                <\/strong>\n            <\/td>\n        <\/tr>\n        <tr>\n            <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                    Vertical Bar Fencing\n                <\/strong>\n            <\/td>\n              <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                     Bow Top Fencing\n                <\/strong>\n            <\/td>\n              <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                     Palisade Security Fencing\n                <\/strong>\n            <\/td>\n        <\/tr>\n    <\/tbody>\n        <\/table> \n<\/div>  \n\n    <div class=\"prodShadow-noPad\">\n  <table class=\"uk-table uk-table-hover uk-text-left uk-text-bold tbl-metal\"> \n    <caption><h4 class=\"headerSub uk-text-center\">\n    <strong><i class=\"uk-icon-cogs\"><\/i>  Features:<\/strong>\n<\/h4> <\/caption>\n    <tr>\n    \n        <td><i class=\"uk-icon-hand-o-right\"><\/i> 100% recyclable, produced from 32.9% pre-consumer and post-recyclable material.<\/td>  <td><i class=\"uk-icon-hand-o-right\"><\/i> Fire resistant and termite proof<\/td>  <\/tr> <tr>\n           <td><i class=\"uk-icon-hand-o-right\"><\/i> Permanent: will not rot, fade, crack or split<\/td><td><i class=\"uk-icon-hand-o-right\"><\/i> High strength, all steel construction with higher wind rating than alternate products <\/td>  \n    <\/tr>\n<\/table>\n          <\/div>\n\n\n<div id=\"wk-grid717\" class=\"uk-grid-width-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-6 uk-grid-width-xlarge-1-6 uk-grid uk-grid-match \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin >\n\n    \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-1.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 1\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-2.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-3.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 3\" width=\"1068\" height=\"600\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-4.jpg\" class=\"uk-overlay-scale\" width=\"1000\" height=\"667\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-5.jpg\" class=\"uk-overlay-scale\" width=\"1000\" height=\"750\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-6.jpg\" class=\"uk-overlay-scale\" width=\"1000\" height=\"719\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-7.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 7\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-7.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-9.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 9\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-9.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-11.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 11\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-11.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-12.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 12\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-12.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-13.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 13\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-13.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-14.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK Alta FENCE 14\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-alta-FENCE-14.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1717'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n    \n<\/div>\n\n\n<script>\n    (function($){\n        \/\/ get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n        $('.uk-overlay > img:first', $('#wk-grid717')).each(function() {\n\n            var $img = $(this),\n                $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n                img = new Image;\n\n            $img.css('display', 'none').after($canvas);\n\n            img.onload = function(){\n                $canvas.remove();\n                $img.css('display', '');\n            };\n\n            img.src = this.src;\n        });\n\n    })(jQuery);\n<\/script>\n    \n<\/div>  \n  \n<hr class=\" uk-grid-divider\">\n \n<div class=\"tm-shadow prodShadow-noPad\">\n    <div class=\"prodShadow-noPad archEle\"> \n         <h4 class=\"headerSubM\">\n       <i class=\"uk-icon uk-icon-shield\"><\/i> \n    <strong>Mesh fencing<\/strong>\n<\/h4>\n\n\n<table class=\"uk-table uk-table-hover uk-text-center tbl-metal\">     \n    <tbody>\n        <tr>\n            <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                    Paramesh 3M \n                <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                    Paramesh 358 \n                <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                   Parasports Ball Park Fencing \n                <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                    Pararail Fencing\n                <\/strong>\n            <\/td>\n        <\/tr>\n         <tr>\n            <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                    Paramesh 868\n                <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                   Paramesh Deco\n                <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                    Paramesh 656 \n                <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield\"><\/i> \n                <strong> \n                   Paramesh Superior 358\n                <\/strong>\n            <\/td>\n        <\/tr>\n    <\/tbody>\n        <\/table> \n\n    <\/div>\n    \n\n<div id=\"wk-grid41a\" class=\"uk-grid-width-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-6 uk-grid-width-xlarge-1-6 uk-grid uk-grid-match \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin >\n\n    \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/ALta-MESH-FENCING-1.jpg\" class=\"uk-overlay-scale\" alt=\"ALta MESH FENCING 1\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/ALta-MESH-FENCING-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-141a'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-2.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK 2\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-141a'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-FENCE-3.jpg\" class=\"uk-overlay-scale\" alt=\"METAL WORK FENCE 3\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-FENCE-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-141a'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-FENCE-4.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-FENCE-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-141a'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-FENCE-5.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-FENCE-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-141a'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/METAL-WORK-FENCE-6.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/METAL-WORK-FENCE-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-141a'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n    \n<\/div>\n\n\n<script>\n    (function($){\n        \/\/ get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n        $('.uk-overlay > img:first', $('#wk-grid41a')).each(function() {\n\n            var $img = $(this),\n                $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n                img = new Image;\n\n            $img.css('display', 'none').after($canvas);\n\n            img.onload = function(){\n                $canvas.remove();\n                $img.css('display', '');\n            };\n\n            img.src = this.src;\n        });\n\n    })(jQuery);\n<\/script>\n\n<\/div>\n\n\n\n\n<hr class=\" uk-grid-divider\">\n<div class=\"tm-shadow prodShadow-noPad\"> \n    <div class=\"prodShadow-noPad archEle\">\n      <h4 class=\"headerSubM\">\n        <i class=\"uk-icon uk-icon-shield\"><\/i> \n    <strong>Pergolas<\/strong>\n<\/h4>\n<p class=\"alta-p-desc\">\n   Pergolas add ambiance to your home, destination for your outdoor living space, and provide a calm and intimate area to enjoy your surroundings. Their architectural elements enhance and define space, creating a living area to include the charm of outdoors and extend your home for gracious entertaining or casual living. \n<\/p>\n<p class=\"alta-p-desc uk-text-justify\">\n    Our custom pergolas can be free-standing, attached to a home or outbuildings, connect buildings or transform an ordinary walkway into an elegant passage to create an air of graciousness in any setting. Our skilled designers will work with you to create a pergola that captures your vision and adds long-lasting beauty to your home. Our manual Ultra Shade Systems can be added for screening the sun and diverting rain on inclement days.\n\n<\/p>\n<p class=\"alta-p-desc uk-text-justify\">Custom pergola designs are our hallmark! We welcome the opportunity to work with you to create one-of-a-kind designs that will enhance your outdoor living space and provide beauty and enjoyment for years to come.\n<\/p>   \n     <table class=\"uk-table uk-table-hover uk-text-center tbl-metal\">     \n    <caption>\n        <h4 class=\"headerSub uk-text-center\">\n        <i class=\"uk-icon uk-icon-cogs\"><\/i> \n    <strong>Types of Pergola Designs<\/strong>\n<\/h4>\n       \n         <\/caption>\n    <tbody>\n    <tr>\n        <td><i class=\"uk-icon uk-icon-shield\"><\/i>  <strong>Pergolas<\/strong><\/td>\n        <td><i class=\"uk-icon uk-icon-shield\"><\/i>  <strong>Open-Top<\/strong> <\/td>\n        <td><i class=\"uk-icon uk-icon-shield\"><\/i>   <strong>Steel<\/strong><\/td>\n        <td><i class=\"uk-icon uk-icon-shield\"><\/i>  <strong>Sail<\/strong> <\/td>\n        <\/tr>\n    <\/tbody>\n<\/table>\n    <\/div>\n    \n\n<div id=\"wk-grida97\" class=\"uk-grid-width-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-6 uk-grid-width-xlarge-1-6 uk-grid uk-grid-match \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin >\n\n    \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-PERGOLAS-1.jpg\" class=\"uk-overlay-scale\" alt=\"Alta PERGOLAS 1\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-PERGOLAS-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1a97'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-PERGOLAS-2.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-PERGOLAS-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1a97'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-PERGOLAS-3.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-PERGOLAS-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1a97'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-PERGOLAS-4.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-PERGOLAS-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1a97'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-PERGOLAS-5.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-PERGOLAS-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1a97'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-PERGOLAS-6.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-PERGOLAS-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1a97'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n    \n<\/div>\n\n\n<script>\n    (function($){\n        \/\/ get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n        $('.uk-overlay > img:first', $('#wk-grida97')).each(function() {\n\n            var $img = $(this),\n                $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n                img = new Image;\n\n            $img.css('display', 'none').after($canvas);\n\n            img.onload = function(){\n                $canvas.remove();\n                $img.css('display', '');\n            };\n\n            img.src = this.src;\n        });\n\n    })(jQuery);\n<\/script>\n\n<\/div> \n\n\n<hr class=\" uk-grid-divider\">\n<div class=\"tm-shadow prodShadow-noPad\">\n    <div class=\"prodShadow-noPad archEle\"> \n         <h4 class=\"headerSubM\">\n       <i class=\"uk-icon uk-icon-shield\"><\/i> \n    <strong>Arbors<\/strong>\n<\/h4>\n   <!--  <p class=\"alta-p-desc\">\n    Enchanting arbors extend a warm welcome to your visitors. Create a style truly your own in ForeverVinyl\u2122, Cellular Vinyl, traditional wood, or EverDur\u2122 ornamental aluminum. Time honored Grand Arbors have two arches and a choice of many decorative side panels. The arches may be left plain, or you can include keystones or keystones with finials. Our skilled designers work with you to capture your vision and create something unique, selecting a single arch over a gate or triple arches or even an elliptical arbor.\n    <\/p> -->\n     <br>\n     <table class=\"uk-table uk-table-hover uk-text-center tbl-metal\"><tbody><tr><td>\n <strong class=\"\"> \n    <i class=\"uk-icon uk-icon-cogs\"><\/i> Highest Quality Materials<\/strong><\/td>\n         <\/tr>\n         <\/tbody>\n        <\/table>\n  \n   <!--      \n<p class=\"alta-p-desc uk-text-justify\">\n   \nWe manufacture all styles of arbors in ForeverVinyl\u2122, Cellular Vinyl, traditional wood and EverDur\u2122 Ornamental Aluminum, matching the quality materials and internal reinforcement used in our fence.\n\n<\/p>-->\n\n<\/div>\n\n<div id=\"wk-gridbec\" class=\"uk-grid-width-1-1 uk-grid-width-small-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-6 uk-grid-width-xlarge-1-6 uk-grid uk-grid-match \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin >\n\n    \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-ARBORS-metal-1.jpg\" class=\"uk-overlay-scale\" alt=\"Alta ARBORS Metal 1\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-ARBORS-metal-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1bec'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-ARBORS-metal-2.jpg\" class=\"uk-overlay-scale\" alt=\"Alta ARBORS Metal 2\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-ARBORS-metal-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1bec'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-ARBORS-metal-3.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-ARBORS-metal-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1bec'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-ARBORS-metal-4.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-ARBORS-metal-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1bec'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-ARBORS-metal-5.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-ARBORS-metal-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1bec'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-ARBORS-metal-6.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-ARBORS-metal-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1bec'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n    \n<\/div>\n\n\n<script>\n    (function($){\n        \/\/ get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n        $('.uk-overlay > img:first', $('#wk-gridbec')).each(function() {\n\n            var $img = $(this),\n                $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n                img = new Image;\n\n            $img.css('display', 'none').after($canvas);\n\n            img.onload = function(){\n                $canvas.remove();\n                $img.css('display', '');\n            };\n\n            img.src = this.src;\n        });\n\n    })(jQuery);\n<\/script>\n \n    <\/div>\n<hr class=\" uk-grid-divider\">\n<div class=\"tm-shadow prodShadow-noPad\">\n      <div class=\"prodShadow-noPad archEle\"> \n    <h4 class=\"headerSubM\">\n       <i class=\"uk-icon uk-icon-shield\"><\/i> \n    <strong>SOLAR METAL PANELS<\/strong>\n<\/h4>\n    <p class=\"alta-p-desc\">\n<img src=\"\/wp-content\/uploads\/alta-solar.jpg\" style=\"float:left;margin-right:2em\" class=\"tm-shadow\" \/>      Metal is the most solar-friendly roof available and the PV contractor should know about it. Metal roofing is attractive, durable, non-flammable and requires almost no maintenance. The \u201cbuy-it-cheap and fix-it-later\u201d mentality has steadily diminished over the last few decades and more building owners are choosing metal than ever before.  <\/p>\n <p class=\"alta-p-desc uk-text-justify\">   \nMetal roofing is really the logical choice for solar integration. Metal roofs offer a decades-long service life, so there is little risk the solar panels will out-live the service life of the metal roofing. Additionally, both thin-film and crystalline solar modules can be attached directly to metal roofing without penetrating the roof.  Roof penetrations can be a source for future leaks, so avoiding them is a sound building practice.  <\/p>\n  <p class=\"alta-p-desc uk-text-justify\">  \nThin-film solar panels can be applied directly to select Metal standing seam products, such as Medallion-Lok, Maxima and 238T. Because the solar panels are attached directly to the roofing material, this technology is referred to as Building Integrated Photovoltaic (BIPV). Some of the advantages of thin-film Solar panels include lightweight, ease of installation and aesthetics. Thin-film solar panels can be jobsite or warehouse applied by solar integrators or roofing contractors that perform solar work.  <\/p>\n  <p class=\"alta-p-desc uk-text-justify\">  \nGeneration X is leading the charge to more durable construction materials and methods that reduce maintenance and have longer service lives. These facts are borne out by statistics clearly indicating that metal has a much larger share of replacement roofing than it does in new roofing within the residential market. Solar contractors should know something about roofing alternatives and service lives in order to bring added value to their customers. The roof and the solar PV array should be evaluated as a single system.  Advising the mounting of a solar array with a 30-year plus life on a TPO or asphalt shingle roof with a 15-year life is a bit like mounting a Ferrari engine on a Mini-Cooper chassis.\n    <\/p>\n   \n<\/div> \n     \n\n<div id=\"wk-grid1cc\" class=\"uk-grid-width-1-1 uk-grid-width-small-1-1 uk-grid-width-medium-1-2 uk-grid-width-large-1-6 uk-grid-width-xlarge-1-6 uk-grid uk-grid-match \" data-uk-grid-match=\"{target:'> div > .uk-panel', row:true}\" data-uk-grid-margin >\n\n    \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-solar-metal-panel-1.jpg\" class=\"uk-overlay-scale\" alt=\"Alta Solar Metal Panel 1\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-solar-metal-panel-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-11cc'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-solar-metal-panel-2.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-solar-metal-panel-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-11cc'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-solar-metal-panel-3.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-solar-metal-panel-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-11cc'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-solar-metal-panel-4.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-solar-metal-panel-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-11cc'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-solar-metal-panel-5.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-solar-metal-panel-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-11cc'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n        \n    <div>\n    \n<div class=\"uk-panel\">\n\n    <div class=\"uk-panel-teaser\">\n\n        <figure class=\"uk-overlay uk-overlay-hover \">\n\n            <img src=\"\/wp-content\/uploads\/alta-solar-metal-panel-6.jpg\" class=\"uk-overlay-scale\" width=\"900\" height=\"700\">\n            \n                        <div class=\"uk-overlay-panel uk-overlay-background uk-overlay-fade\"><\/div>\n            \n                            <div class=\"uk-overlay-panel uk-overlay-icon uk-overlay-fade\"><\/div>\n            \n                                                                        <a class=\"uk-position-cover\" href=\"\/wp-content\/uploads\/alta-solar-metal-panel-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-11cc'}\" ><\/a>\n                                                \n        <\/figure>\n\n    <\/div>\n\n    \n        \n        \n    \n<\/div>\n    <\/div>\n\n    \n<\/div>\n\n\n<script>\n    (function($){\n        \/\/ get the images of the gallery and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n        $('.uk-overlay > img:first', $('#wk-grid1cc')).each(function() {\n\n            var $img = $(this),\n                $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n                img = new Image;\n\n            $img.css('display', 'none').after($canvas);\n\n            img.onload = function(){\n                $canvas.remove();\n                $img.css('display', '');\n            };\n\n            img.src = this.src;\n        });\n\n    })(jQuery);\n<\/script>\n\n<\/div><\/div>\n            \n            \n            \n            \n        <\/div>\n    <\/div>\n\n\n<\/div>\n\n<script>\n    (function($){\n        \/\/ get the images of the grid and replace it by a canvas of the same size to fix the problem with overlapping images on load.\n        $('img:first', $('#wk-grida68')).each(function() {\n            var $img = $(this),\n                $canvas = $('<canvas class=\"uk-responsive-width\"><\/canvas>').attr({width:$img.attr('width'), height:$img.attr('height')}),\n                img = new Image;\n\n            $img.css('display', 'none').after($canvas);\n\n            img.onload = function(){\n                $canvas.remove();\n                $img.css('display', '');\n            };\n\n            img.src = this.src;\n        });\n\n    })(jQuery);\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/1070"}],"collection":[{"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/altatechstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1070"}],"version-history":[{"count":2,"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/1070\/revisions"}],"predecessor-version":[{"id":1127,"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/1070\/revisions\/1127"}],"wp:attachment":[{"href":"https:\/\/altatechstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}