{"id":1072,"date":"2021-02-16T04:07:13","date_gmt":"2021-02-16T04:07:13","guid":{"rendered":"https:\/\/altatechstudio.com\/alta\/?page_id=1072"},"modified":"2021-02-19T06:22:22","modified_gmt":"2021-02-19T06:22:22","slug":"metal-roofing","status":"publish","type":"page","link":"https:\/\/altatechstudio.com\/?page_id=1072","title":{"rendered":"Metal Roofing"},"content":{"rendered":"\n\n\n<div id=\"wk-grid85b\" 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 uk-text-center\">\n    Metal Roofing\n<\/h1>\n<p class=\"alta-p-desc\">\nA metal roof is a long-lasting, low maintenance alternative to traditional asphalt shingles. While asphalt shingles may have lower upfront costs, they are vulnerable to shrinking, eroding, and cracking, especially in regions of the country where they\u2019re exposed to extreme weather conditions. Even when properly maintained and repaired, the life expectancy of asphalt shingles is significantly less than metal.\n<\/p>\n<p class=\"alta-p-desc uk-text-justify\">\n\nMetal roofing can last 50 or more years with minimal maintenance or repairs. When designed accordingly, they can withstand wind gusts of up to 140 miles per hour and will not corrode or crack due to seasonal weather conditions. A metal roof is also fire resistant and energy efficient, reducing your cooling costs by 10-25%. A metal roof isn\u2019t even any noisier than a conventional roof when it rains.\n<\/p>\n<p class=\"alta-p-desc uk-text-justify\">\nA metal roof is a great choice for any home. Metal roofs feature exceptionally long life spans \u2014 many over 50 years \u2014 and their durability and minimal maintenance have made them a consumer favourite for decades. With added features like cool roof coatings that make metal roofs energy efficient, today\u2019s metal roofs are more popular than ever.\n<\/p>\n<p class=\"alta-p-desc uk-text-justify\">\nIf you\u2019ve decided a metal roof is right for your home, the biggest decision you\u2019ll have to make is what type of metal roof is right for your home. To help you decide, here are the pros and cons of four of the most common types of metal roofs <strong>Aluminum<\/strong>, <strong>Copper<\/strong>, <strong>Zinc<\/strong> and  <strong>Steel<\/strong>\n<\/p>\n<div class=\"tm-shadow prodShadow-noPad\">\n    \n\n<div id=\"wk-gridc57\" 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\/metal-roofing-6.jpg\" class=\"uk-overlay-scale\" alt=\"Metal Roofing 6\" 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-roofing-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1c57'}\" ><\/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-roofing-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-roofing-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1c57'}\" ><\/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-roofing-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-roofing-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1c57'}\" ><\/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-roofing-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\/metal-roofing-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1c57'}\" ><\/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-roofing-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-roofing-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1c57'}\" ><\/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-roofing-1.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-roofing-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1c57'}\" ><\/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-gridc57')).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<div class=\"tm-shadow prodShadow-noPad\" style=\"background: url(\/alta\/wp-content\/uploads\/alta-bgg.png);\n    border-radius: 5px;\n    background-color: #ffc1071f;\">\n <h3 class=\"headerSub\">\n    <strong><i class=\"uk-icon-thumbs-up\"><\/i> Advantages of using an Metal Roofing<\/strong>\n<\/h3> \n <div class=\"uk-grid\">\n    <div class=\"uk-width-medium-1-2 uk-row-first\">\n     <div class=\"prodShadow-noPad archEleH archEle\">\n            <h4 class=\"headerSubM\">\n        <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong>LIFETIME<\/strong>\n    <\/h4> \n           <p class=\"alta-p-points uk-text-justify\">        \n        Depending on the type of metal you choose, a metal roof is likely to last anywhere from 40 to 70 years, with minimal repairs.  This beats the lifetime of an asphalt roof (12-20 years) by decades.\n               <br>\n    <\/p>             \n        <\/div>\n    <\/div> \n    <div class=\"uk-width-medium-1-2\">\n         <div class=\"prodShadow-noPad archEleH archEle\">\n             <h4 class=\"headerSubM\">\n    <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong>DURABILITY<\/strong>\n    <\/h4> \n            <p class=\"alta-p-points uk-text-justify\">        \n       Metal roofs are a very tough alternative to asphalt roofing.  They hold up well in all conditions, even against hail and falling trees, because of the strength of the material.  An added bonus, even if your metal roof is dented, odds are that it will still keep the elements out of your home. A metal roof is unlikely to crack or get holes.\n    <\/p>           \n        <\/div>\n    <\/div>\n<\/div>  \n    \n\n<div class=\"uk-grid\">\n    <div class=\"uk-width-medium-1-2 uk-row-first\">\n       <div class=\"prodShadow-noPad archEleH archEle\">\n           <h4 class=\"headerSubM\">\n        <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong> ENERGY EFFICIENCY\n<\/strong>\n    <\/h4> \n          <p class=\"alta-p-points uk-text-justify\">        \n       Since the metal reflects solar heat, you can save bundles on cooling your home in the summer.  On average, a metal roof will save you anywhere between 10%-25% on that energy bill.<br><br><br>\n    <\/p>             \n        <\/div>\n    <\/div> \n    <div class=\"uk-width-medium-1-2\">\n          <div class=\"prodShadow-noPad archEleH archEle\">\n            <h4 class=\"headerSubM\">\n       <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong> SAFETY\n <\/strong>\n    <\/h4> \n            <p class=\"alta-p-points uk-text-justify\">        \n      Metal roofs are largely flame and wind resistant, meaning they are much safer than other roofing material options.  A metal roof won\u2019t go up in flames in the event of a brushfire or a lightning strike, and some metal types are rated to withstand wind gusts of up to 140 mph.  Repairs aren\u2019t something you\u2019d have to worry about with a metal roof.\n    <\/p>            \n        <\/div>\n    <\/div>\n<\/div>\n<div class=\"uk-grid\">\n    <div class=\"uk-width-medium-1-2 uk-row-first\">\n      <div class=\"prodShadow-noPad archEleH archEle\">\n            <div><h4 class=\"headerSubM\">\n       <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong>  \n            ENVIRONMENTALLY FRIENDLY\n\n<\/strong>\n    <\/h4><\/div>\n             <p class=\"alta-p-points uk-text-justify\">        \n    Most metal roofs are made largely of recycled materials and are 100% recyclable after their lifetime has been exceeded. If you consider the 20 billion pounds of asphalt shingles dumped into American landfills every year, metal roofing is a much more environmentally conscious option.\n    <\/p>            \n        <\/div>\n    <\/div> \n    <div class=\"uk-width-medium-1-2\">\n         <div class=\"prodShadow-noPad archEleH archEle\">\n             <h4 class=\"headerSubM\">\n       <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong>  WEIGHT\n\n <\/strong>\n    <\/h4> \n           <p class=\"alta-p-points uk-text-justify\">        \n     Most metal roof options are hundreds of pounds lighter than other roofing types, meaning that the installation process will be much more efficient.  Additionally, a lightweight roofing system is a great idea for an aging home, as it will place less weight on the structural support system of your house.\n    <\/p>          \n        <\/div>\n    <\/div>\n<\/div>\n\n<div class=\"uk-grid\">\n    <div class=\"uk-width-medium-1-2 uk-row-first\">\n    <div class=\"prodShadow-noPad archEleH archEle\">\n            <h4 class=\"headerSubM\">\n      <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong>  \n            SHEDS PRECIPITATION \n<\/strong>\n    <\/h4> \n            <p class=\"alta-p-points uk-text-justify\">        \n    A metal roof has much less friction than a rough asphalt roof, so any sort of precipitation will slide right off, which can prevent disastrous events like ice dams or the over-accumulation of snow.<br><br>\n\n    <\/p>             \n        <\/div>\n    <\/div> \n    <div class=\"uk-width-medium-1-2\">\n        <div class=\"prodShadow-noPad archEleH archEle\">\n             <h4 class=\"headerSubM\">\n       <i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i>\n        <strong>   \nEcology\n\n <\/strong>\n    <\/h4> \n            <p class=\"alta-p-points uk-text-justify\">        \n      Our 100% natural slate is split by hand and uses no additional chemicals. Unlike fabricated products, natural slate is only subjected to extraction and working processes which combined with its unmatchable durability, makes it an sustainable material with low environmental impact.\n\n    <\/p>             \n        <\/div>\n    <\/div>\n<\/div>\n<\/div>\n\n<hr class=\"uk-grid-divider\">\n\n<div class=\"tm-shadow prodShadow-noPad\">\n  \n<h3 class=\"headerSub\">\n   <i class=\"uk-icon uk-icon-certificate\"><\/i> CERTIFIED MATERIALS\n<\/h3>\n<p class=\"alta-p-desc\">\nIt\u2019s a good idea to talk to your trusted contractor about what type of material is right for your commercial roof.  Since there are so many options, your roofer is likely to know what options will be the best for your business, and your budget.  That said, you should ensure that whatever materials you choose are certified.  Certified materials are backed by their manufacturer\u2019s quality reputation, will have a longer warranty, and are likely to be long-lasting, top-of-the-line materials. The best way to protect your assets is to have a durable commercial roof that can withstand any weather for years to come.\n<\/p>\n  <br>  \n<h4 class=\"headerSub uk-text-center\">\n<i class=\"uk-icon-gears\" aria-hidden=\"true\"><\/i> TYPES OF METAL ROOFING\n<\/h4> \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 uk-margin-right\"><\/i> <strong> \n                <\/strong>\n               <strong>Corrugated Metal Roofing Panels   <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i> <strong> \n                <\/strong>\n               <strong>  Standing Seam Metal Roof Panels <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i> <strong> \n                <\/strong>\n                <strong>Rusted Metal Roofing Panels <\/strong>\n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i> <strong> \n                <\/strong>\n                <strong> Copper Roofing Panels <\/strong>\n            <\/td>\n             <\/tr>\n        \n    <\/tbody>\n<\/table> \n    <table class=\"uk-table uk-table-hover uk-text-center tbl-metal\">     \n    <tbody>\n        <tr>\n            \n             <td><i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i> <strong> \n    Galvanized Steel Roofing            <\/strong>\n                 \n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i> <strong> \n         Panel Metal Roofing Systems            <\/strong>\n             \n            <\/td>\n             <td><i class=\"uk-icon uk-icon-shield uk-margin-right\"><\/i> <strong> \n           Curved Sheet Metal Roofing        <\/strong>\n              \n            <\/td>\n        <\/tr>\n        <\/tbody>\n    <\/table>\n    \n    \n\n<div id=\"wk-gridb8d\" 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\/m-r-1.jpg\" class=\"uk-overlay-scale\" alt=\"M R 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\/m-r-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1b8d'}\" ><\/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\/m-r-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\/m-r-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1b8d'}\" ><\/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\/m-r-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\/m-r-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1b8d'}\" ><\/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\/m-r-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\/m-r-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1b8d'}\" ><\/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\/m-r-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\/m-r-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1b8d'}\" ><\/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\/m-r-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\/m-r-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1b8d'}\" ><\/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-gridb8d')).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\n\n<div id=\"wk-grid2f5\" class=\"uk-grid-width-1-1 uk-grid uk-grid-match uk-text-left \" 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\"><div class=\"tm-shadow prodShadow-noPad\">\n<h4 class=\"headerSub uk-text-center\">\n   <i class=\"uk-icon  uk-icon-cogs\"><\/i> Metal Roofing Components\n<\/h4>\n<div class=\"prodShadow-noPad archEle\">\n<h4 class=\"headerSubM\">\n <i class=\"uk-icon  uk-icon-shield\"><\/i>  METAL COILS\/SHEETS\n<\/h4> \n<p class=\"alta-p-desc uk-text-justify\">\n   Metal coils are long, continuous metal rolls that have been treated or coated with paint. All metal roofing starts out as coil or sheet metal, which is then rolled out, cut, and roll formed into a panel for installation. \n<\/p>\n <\/div>\n    \n<div class=\"prodShadow-noPad archEle\">\n<h4 class=\"headerSubM\">\n<i class=\"uk-icon  uk-icon-shield\"><\/i>  PANELS\n<\/h4> \n<p class=\"alta-p-desc uk-text-justify\">\n  Panels are the roll formed pieces of metal coil that have been shaped into the desired profile\/ribbing structure and are ready to be seamed together to form a roof.\n<\/p>\n <\/div>\n    <div class=\"prodShadow-noPad archEle\">\n<h4 class=\"headerSubM\">\n <i class=\"uk-icon  uk-icon-shield\"><\/i> SEAM \n<\/h4> \n<p class=\"alta-p-desc uk-text-justify\">\nThe side rib at which two metal panels come together and are connected. Seams are formed using a roll former and are then snapped together or mechanically seamed together.   \n<\/p>\n <\/div>\n    \n        <div class=\"prodShadow-noPad archEle\">\n<h4 class=\"headerSubM\">\n<i class=\"uk-icon  uk-icon-shield\"><\/i> PROFILE    \n<\/h4> \n<p class=\"alta-p-desc uk-text-justify\">\n The shape metal panels are formed into. The profiles are what determine how the panels fit and connect together.\n<\/p>\n <\/div>\n    \n        <div class=\"prodShadow-noPad archEle\">\n<h4 class=\"headerSubM\">\n <i class=\"uk-icon  uk-icon-shield\"><\/i>  ROLLFORMING EQUIPMENT \n<\/h4> \n<p class=\"alta-p-desc uk-text-justify\">\n  The machinery, either stationary or portable equipment, that forms and shapes the coil into individual panels.\n<\/p>\n <\/div> \n<\/div>\n \n<hr class=\"uk-grid-divider\">\n\n<div class=\"tm-shadow prodShadow-noPad\">\n<h4 class=\"headerSubM uk-text-center\">\n   <i class=\"uk-icon  uk-icon-shield\"><\/i> Common Uses &#038; Applications for Metal Roofing\n<\/h4>   \n <p class=\"alta-p-desc\"> \nMetal roofing has the reputation of only being used on large industrial or commercial structures. While it\u2019s true that metal is a good option for these applications, metal roofing goes far beyond this with use on homes, architectural buildings, and agricultural structures. Let\u2019s discuss more common uses and structures to look for the next time you\u2019re out in your city or town.\n<\/p>\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                    Hospitals\n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i>\n                <strong>\n                    Schools and universities\n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i> \n                <strong>\n                    Churches\n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i>\n                <strong>\n                     Government buildings\n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i>\n                <strong>\n                    Military structures\n                <\/strong>\n            <\/td>\n        <\/tr>\n         <\/tbody>\n    <\/table><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                  Restaurants  \n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i> \n                <strong>\n                 Stores   \n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i> \n                <strong>\n                   Offices \n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i> \n                <strong>\n                    Hotels\n                <\/strong>\n            <\/td>\n            <td><i class=\"uk-icon  uk-icon-shield\"><\/i> \n                <strong>\n                    Transportation buildings\n                <\/strong>\n            <\/td>\n        <\/tr>\n        <\/tbody>\n    <\/table>\n    \n    <hr>\n    \n     \n<div class=\"prodShadow-noPad archEle\">\n  <h4 class=\"headerSubM\">\n  <i class=\"uk-icon  uk-icon-shield\"><\/i>  Residential Projects\n<\/h4>\n<p class=\"alta-p-desc\"> \nThe residential market is booming as homeowners begin to realize that metal roofing will actually save them money in the long run. A lot of homeowners don\u2019t think their roof is big enough to warrant a metal roof, but we are here to tell you that the size of your roof doesn\u2019t matter. Metal roofing systems can be used on something as small as a brick or stone mailbox.\nThere has also been an increase in metal roofing being used as an accent on an awning or as a part of the roof. Be sure to consult with the manufacturer before a contractor installs two different materials together, as they could potentially react and\/or degrade one another.\n<\/p>  \n<\/div>\n\n<div class=\"prodShadow-noPad archEle\">\n<h4 class=\"headerSubM\">\n  <i class=\"uk-icon  uk-icon-shield\"><\/i>  Architectural Projects\n<\/h4>\n<p class=\"alta-p-desc\">\n\nSince metal roofing begins as a metal coil or sheet, it has the ability to be formed and cut into many different shapes, sizes, and lengths. This variety, along with the durability, variety of colors, and eco-friendly qualities, gives architects many benefits to using metal to create aesthetically pleasing structures.\n<\/p>\n<\/div>\n    \n    \n\n<div id=\"wk-grid738\" 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-m-r-1.jpg\" class=\"uk-overlay-scale\" alt=\"Alta M R 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-m-r-1.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1738'}\" ><\/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-m-r-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-m-r-2.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1738'}\" ><\/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-m-r-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-m-r-3.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1738'}\" ><\/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-m-r-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-m-r-4.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1738'}\" ><\/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-m-r-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-m-r-5.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1738'}\" ><\/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-m-r-6.jpg\" class=\"uk-overlay-scale\" alt=\"Alta M R 6\" 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-m-r-6.jpg\" data-lightbox-type=\"image\" data-uk-lightbox=\"{group:'.wk-1738'}\" ><\/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-grid738')).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<div class=\"tm-shadow prodShadow-noPad\">\n   <h3 class=\"headerSub uk-text-center\">\n    <i class=\"uk-icon  uk-icon-flag-checkered\"><\/i> Metal Paint Colors and Finishes\n<\/h3>\n\n<div class=\"uk-text-center\">\n    <img src=\"\/wp-content\/uploads\/Metal-Paint-Colors.jpg\" \/> \n<\/div> \n<\/div>\n\n\n\n\n<\/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-grid2f5')).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\n\n\n\n\n\n\n<\/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-grid85b')).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\/1072"}],"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=1072"}],"version-history":[{"count":2,"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/1072\/revisions"}],"predecessor-version":[{"id":1100,"href":"https:\/\/altatechstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/1072\/revisions\/1100"}],"wp:attachment":[{"href":"https:\/\/altatechstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}