1<!doctype html> 2<html dir="ltr" lang="en-US" 3 prefix="og: https://ogp.me/ns#" > 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="profile" href="https://gmpg.org/xfn/11"> 8 <title>Tentang M-Class - mclassroof.id</title> 9 <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> 10 11 <!-- All in One SEO 4.4.1 - aioseo.com --> 12 <meta name="description" content="Lebih dari 25 Tahun Memproduksi Genteng yang Berkualitas TENTANG PT. M CLASS INDUSTRY PT. M Class Industry adalah produsen genteng keramik berglasir tipe M pertama yang sudah beroperasi sejak tahun 1997. Diawali dengan merek Metropolitan Keramik Utama, kemudian dilanjutkan menjadi M-Class setelah PT. M Class Industry bergabung di bawah naungan Wings Group dan Siam Cement" /> 13 <meta name="robots" content="max-image-preview:large" /> 14 <link rel="canonical" href="https://mclassroof.id/about-us/" /> 15 <meta name="generator" content="All in One SEO (AIOSEO) 4.4.1" /> 16 <meta property="og:locale" content="en_US" /> 17 <meta property="og:site_name" content="mclassroof.id -" /> 18 <meta property="og:type" content="article" /> 19 <meta property="og:title" content="Tentang M-Class - mclassroof.id" /> 20 <meta property="og:description" content="Lebih dari 25 Tahun Memproduksi Genteng yang Berkualitas TENTANG PT. M CLASS INDUSTRY PT. M Class Industry adalah produsen genteng keramik berglasir tipe M pertama yang sudah beroperasi sejak tahun 1997. Diawali dengan merek Metropolitan Keramik Utama, kemudian dilanjutkan menjadi M-Class setelah PT. M Class Industry bergabung di bawah naungan Wings Group dan Siam Cement" /> 21 <meta property="og:url" content="https://mclassroof.id/about-us/" /> 22 <meta property="og:image" content="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB.png" /> 23 <meta property="og:image:secure_url" content="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB.png" /> 24 <meta property="article:published_time" content="2023-06-27T06:41:50+00:00" /> 25 <meta property="article:modified_time" content="2023-07-21T09:00:34+00:00" /> 26 <meta name="twitter:card" content="summary_large_image" /> 27 <meta name="twitter:title" content="Tentang M-Class - mclassroof.id" /> 28 <meta name="twitter:description" content="Lebih dari 25 Tahun Memproduksi Genteng yang Berkualitas TENTANG PT. M CLASS INDUSTRY PT. M Class Industry adalah produsen genteng keramik berglasir tipe M pertama yang sudah beroperasi sejak tahun 1997. Diawali dengan merek Metropolitan Keramik Utama, kemudian dilanjutkan menjadi M-Class setelah PT. M Class Industry bergabung di bawah naungan Wings Group dan Siam Cement" /> 29 <meta name="twitter:image" content="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB.png" /> 30
30<script type="application/ld+json" class="aioseo-schema"> 31 {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/mclassroof.id\/about-us\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mclassroof.id\/#listItem","position":1,"item":{"@type":"WebPage","@id":"https:\/\/mclassroof.id\/","name":"Home","description":"Atap Terbaik untuk Hunian Anda. KUALITAS GENTENG KERAMIK PT. M CLASS INDUSTRY Hemat Energi Lebih Ekonomis Struktur Kuat Meredam Bising Tersertifikasi Genteng Keramik M-Class diproduksi sejak tahun 1997 dengan sistem interlocking yang memudahkan pemasangan serta diproses dan diproduksi dengan teknologi Jepang. Pelajari Lebih Lanjut Genteng Keramik Ratta dengan desain absolute-flat pertama di Indonesia dapat dipasang sejajar","url":"https:\/\/mclassroof.id\/"},"nextItem":"https:\/\/mclassroof.id\/about-us\/#listItem"},{"@type":"ListItem","@id":"https:\/\/mclassroof.id\/about-us\/#listItem","position":2,"item":{"@type":"WebPage","@id":"https:\/\/mclassroof.id\/about-us\/","name":"Tentang M-Class","description":"Lebih dari 25 Tahun Memproduksi Genteng yang Berkualitas TENTANG PT. M CLASS INDUSTRY PT. M Class Industry adalah produsen genteng keramik berglasir tipe M pertama yang sudah beroperasi sejak tahun 1997. Diawali dengan merek Metropolitan Keramik Utama, kemudian dilanjutkan menjadi M-Class setelah PT. M Class Industry bergabung di bawah naungan Wings Group dan Siam Cement","url":"https:\/\/mclassroof.id\/about-us\/"},"previousItem":"https:\/\/mclassroof.id\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/mclassroof.id\/#organization","name":"mclassroof.id","url":"https:\/\/mclassroof.id\/","logo":{"@type":"ImageObject","url":"https:\/\/mclassroof.id\/wp-content\/uploads\/2023\/06\/LOGO-WEB.png","@id":"https:\/\/mclassroof.id\/#organizationLogo","width":372,"height":69},"image":{"@id":"https:\/\/mclassroof.id\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/mclassroof.id\/about-us\/#webpage","url":"https:\/\/mclassroof.id\/about-us\/","name":"Tentang M-Class - mclassroof.id","description":"Lebih dari 25 Tahun Memproduksi Genteng yang Berkualitas TENTANG PT. M CLASS INDUSTRY PT. M Class Industry adalah produsen genteng keramik berglasir tipe M pertama yang sudah beroperasi sejak tahun 1997. Diawali dengan merek Metropolitan Keramik Utama, kemudian dilanjutkan menjadi M-Class setelah PT. M Class Industry bergabung di bawah naungan Wings Group dan Siam Cement","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mclassroof.id\/#website"},"breadcrumb":{"@id":"https:\/\/mclassroof.id\/about-us\/#breadcrumblist"},"datePublished":"2023-06-27T06:41:50+01:00","dateModified":"2023-07-21T09:00:34+01:00"},{"@type":"WebSite","@id":"https:\/\/mclassroof.id\/#website","url":"https:\/\/mclassroof.id\/","name":"mclassroof.id","inLanguage":"en-US","publisher":{"@id":"https:\/\/mclassroof.id\/#organization"}}]} 32 </script>
32 33 <!-- All in One SEO --> 34 35<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 36<link rel='dns-prefetch' href='//stats.wp.com' /> 37<link rel="alternate" type="application/rss+xml" title="mclassroof.id » Feed" href="https://mclassroof.id/feed/" /> 38<link rel="alternate" type="application/rss+xml" title="mclassroof.id » Comments Feed" href="https://mclassroof.id/comments/feed/" /> 39 <!-- This site uses the Google Analytics by MonsterInsights plugin v8.17 - Using Analytics tracking - https://www.monsterinsights.com/ -->
vendor: 59 bytes, lines 39-40
39 40 <script src="//www.googletagmanager.com/gtag/js?id=
40G-1YMY2SSZCR
vendor: 68 bytes, lines 40-41
40" data-cfasync="false" data-wpfc-render="false" async></script> 41
41<script data-cfasync="false" data-wpfc-render="false"> 42 var mi_version = '8.17'; 43 var mi_track_user = true; 44 var mi_no_track_reason = ''; 45 46 var disableStrs = [ 47 'ga-disable-G-1YMY2SSZCR', 48 ]; 49 50 /* Function to detect opted out users */ 51 function __gtagTrackerIsOptedOut() { 52 for (var index = 0; index < disableStrs.length; index++) { 53 if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { 54 return true; 55 } 56 } 57 58 return false; 59 } 60 61 /* Disable tracking if the opt-out cookie exists. */ 62 if (__gtagTrackerIsOptedOut()) { 63 for (var index = 0; index < disableStrs.length; index++) { 64 window[disableStrs[index]] = true; 65 } 66 } 67 68 /* Opt-out function */ 69 function __gtagTrackerOptout() { 70 for (var index = 0; index < disableStrs.length; index++) { 71 document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; 72 window[disableStrs[index]] = true; 73 } 74 } 75 76 if ('undefined' === typeof gaOptout) { 77 function gaOptout() { 78 __gtagTrackerOptout(); 79 } 80 } 81 window.dataLayer = window.dataLayer || []; 82 83 window.MonsterInsightsDualTracker = { 84 helpers: {}, 85 trackers: {}, 86 }; 87 if (mi_track_user) { 88 function __gtagDataLayer() { 89 dataLayer.push(arguments); 90 } 91 92 function __gtagTracker(type, name, parameters) { 93 if (!parameters) { 94 parameters = {}; 95 } 96 97 if (parameters.send_to) { 98 __gtagDataLayer.apply(null, arguments); 99 return; 100 } 101 102 if (type === 'event') { 103 parameters.send_to = monsterinsights_frontend.v4_id; 104 var hookName = name; 105 if (typeof parameters['event_category'] !== 'undefined') { 106 hookName = parameters['event_category'] + ':' + name; 107 } 108 109 if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { 110 MonsterInsightsDualTracker.trackers[hookName](parameters); 111 } else { 112 __gtagDataLayer('event', name, parameters); 113 } 114 115 } else { 116 __gtagDataLayer.apply(null, arguments); 117 } 118 } 119 120 __gtagTracker('js', new Date()); 121 __gtagTracker('set', { 122 'developer_id.dZGIzZG': true, 123 }); 124 __gtagTracker('config', 'G-1YMY2SSZCR', {"forceSSL":"true","link_attribution":"true"} ); 125 window.gtag = __gtagTracker; (function () { 126 /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ 127 /* ga and __gaTracker compatibility shim. */ 128 var noopfn = function () { 129 return null; 130 }; 131 var newtracker = function () { 132 return new Tracker(); 133 }; 134 var Tracker = function () { 135 return null; 136 }; 137 var p = Tracker.prototype; 138 p.get = noopfn; 139 p.set = noopfn; 140 p.send = function () { 141 var args = Array.prototype.slice.call(arguments); 142 args.unshift('send'); 143 __gaTracker.apply(null, args); 144 }; 145 var __gaTracker = function () { 146 var len = arguments.length; 147 if (len === 0) { 148 return; 149 } 150 var f = arguments[len - 1]; 151 if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { 152 if ('send' === arguments[0]) { 153 var hitConverted, hitObject = false, action; 154 if ('event' === arguments[1]) { 155 if ('undefined' !== typeof arguments[3]) { 156 hitObject = { 157 'eventAction': arguments[3], 158 'eventCategory': arguments[2], 159 'eventLabel': arguments[4], 160 'value': arguments[5] ? arguments[5] : 1, 161 } 162 } 163 } 164 if ('pageview' === arguments[1]) { 165 if ('undefined' !== typeof arguments[2]) { 166 hitObject = { 167 'eventAction': 'page_view', 168 'page_path': arguments[2], 169 } 170 } 171 } 172 if (typeof arguments[2] === 'object') { 173 hitObject = arguments[2]; 174 } 175 if (typeof arguments[5] === 'object') { 176 Object.assign(hitObject, arguments[5]); 177 } 178 if ('undefined' !== typeof arguments[1].hitType) { 179 hitObject = arguments[1]; 180 if ('pageview' === hitObject.hitType) { 181 hitObject.eventAction = 'page_view'; 182 } 183 } 184 if (hitObject) { 185 action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction;
186 hitConverted = mapArgs(hitObject); 187 __gtagTracker('event', action, hitConverted); 188 } 189 } 190 return; 191 } 192 193 function mapArgs(args) { 194 var arg, hit = {}; 195 var gaMap = { 196 'eventCategory': 'event_category', 197 'eventAction': 'event_action', 198 'eventLabel': 'event_label', 199 'eventValue': 'event_value', 200 'nonInteraction': 'non_interaction', 201 'timingCategory': 'event_category', 202 'timingVar': 'name', 203 'timingValue': 'value', 204 'timingLabel': 'event_label', 205 'page': 'page_path', 206 'location': 'page_location', 207 'title': 'page_title', 208 }; 209 for (arg in args) { 210 if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { 211 hit[gaMap[arg]] = args[arg]; 212 } else { 213 hit[arg] = args[arg]; 214 } 215 } 216 return hit; 217 } 218 219 try { 220 f.hitCallback(); 221 } catch (ex) { 222 } 223 }; 224 __gaTracker.create = newtracker; 225 __gaTracker.getByName = newtracker; 226 __gaTracker.getAll = function () { 227 return []; 228 }; 229 __gaTracker.remove = noopfn; 230 __gaTracker.loaded = true; 231 window['__gaTracker'] = __gaTracker; 232 })(); 233 } else { 234 console.log(""); 235 (function () { 236 function __gtagTracker() { 237 return null; 238 } 239 240 window['__gtagTracker'] = __gtagTracker; 241 window['gtag'] = __gtagTracker; 242 })(); 243 } 244 </script>
244 245 <!-- / Google Analytics by MonsterInsights --> 246
246<script> 247window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/mclassroof.id\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.10"}}; 248/*! This file is auto-generated */ 249!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); 250</script>
250 251 252<style id='wp-emoji-styles-inline-css'> 253 254 img.wp-smiley, img.emoji { 255 display: inline !important; 256 border: none !important; 257 box-shadow: none !important; 258 height: 1em !important; 259 width: 1em !important; 260 margin: 0 0.07em !important; 261 vertical-align: -0.1em !important; 262 background: none !important; 263 padding: 0 !important; 264 } 265</style> 266<link rel='stylesheet' id='wp-block-library-css' href='https://mclassroof.id/wp-includes/css/dist/block-library/style.min.css?ver=6.8.10' media='all' /> 267<style id='wp-block-library-inline-css'> 268.has-text-align-justify{text-align:justify;} 269</style> 270<style id='classic-theme-styles-inline-css'> 271/*! This file is auto-generated */ 272.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 273</style> 274<link rel='stylesheet' id='jetpack-videopress-video-block-view-css' href='https://mclassroof.id/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-videopress/build/block-editor/blocks/video/view.css?minify=false&ver=34ae973733627b74a14e' media='all' /> 275<link rel='stylesheet' id='mediaelement-css' href='https://mclassroof.id/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' media='all' /> 276<link rel='stylesheet' id='wp-mediaelement-css' href='https://mclassroof.id/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.8.10' media='all' /> 277<style id='joinchat-button-style-inline-css'> 278.wp-block-joinchat-button{border:none!important;text-align:center}.wp-block-joinchat-button figure{display:table;margin:0 auto;padding:0}.wp-block-joinchat-button figcaption{font:normal normal 400 .6em/2em var(--wp--preset--font-family--system-font,sans-serif);margin:0;padding:0}.wp-block-joinchat-button .joinchat-button__qr{background-color:#fff;border:6px solid #25d366;border-radius:30px;box-sizing:content-box;display:block;height:200px;margin:auto;overflow:hidden;padding:10px;width:200px}.wp-block-joinchat-button .joinchat-button__qr canvas,.wp-block-joinchat-button .joinchat-button__qr img{display:block;margin:auto}.wp-block-joinchat-button .joinchat-button__link{align-items:center;background-color:#25d366;border:6px solid #25d366;border-radius:30px;display:inline-flex;flex-flow:row nowrap;justify-content:center;line-height:1.25em;margin:0 auto;text-decoration:none}.wp-block-joinchat-button .joinchat-button__link:before{background:transparent var(--joinchat-ico) no-repeat center;background-size:100%;content:"";display:block;height:1.5em;margin:-.75em .75em -.75em 0;width:1.5em}.wp-block-joinchat-button figure+.joinchat-button__link{margin-top:10px}@media (orientation:landscape)and (min-height:481px),(orientation:portrait)and (min-width:481px){.wp-block-joinchat-button.joinchat-button--qr-only figure+.joinchat-button__link{display:none}}@media (max-width:480px),(orientation:landscape)and (max-height:480px){.wp-block-joinchat-button figure{display:none}} 279 280</style> 281<style id='global-styles-inline-css'> 282:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,
2820,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
282.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 283:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 284:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 285:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 286</style> 287<link rel='stylesheet' id='wpsl-styles-css' href='https://mclassroof.id/wp-content/plugins/wp-store-locator/css/styles.min.css?ver=2.2.261' media='all' /> 288<link rel='stylesheet' id='hello-elementor-css' href='https://mclassroof.id/wp-content/themes/hello-elementor/style.min.css?ver=2.8.1' media='all' /> 289<link rel='stylesheet' id='hello-elementor-theme-style-css' href='https://mclassroof.id/wp-content/themes/hello-elementor/theme.min.css?ver=2.8.1' media='all' /> 290<link rel='stylesheet' id='elementor-frontend-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.14.1' media='all' /> 291<link rel='stylesheet' id='elementor-post-17-css' href='https://mclassroof.id/wp-content/uploads/elementor/css/post-17.css?ver=1763614312' media='all' /> 292<link rel='stylesheet' id='elementor-lazyload-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/css/modules/lazyload/frontend.min.css?ver=3.14.1' media='all' /> 293<link rel='stylesheet' id='eael-general-css' href='https://mclassroof.id/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/css/view/general.min.css?ver=5.8.3' media='all' /> 294<link rel='stylesheet' id='eael-126-css' href='https://mclassroof.id/wp-content/uploads/essential-addons-elementor/eael-126.css?ver=1689933634' media='all' /> 295<link rel='stylesheet' id='elementor-icons-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.20.0' media='all' /> 296<style id='elementor-icons-inline-css'> 297 298 .elementor-add-new-section .elementor-add-templately-promo-button{ 299 background-color: #5d4fff; 300 background-image: url(https://mclassroof.id/wp-content/plugins/essential-addons-for-elementor-lite/assets/admin/images/templately/logo-icon.svg); 301 background-repeat: no-repeat; 302 background-position: center center; 303 position: relative; 304 } 305 306 .elementor-add-new-section .elementor-add-templately-promo-button > i{ 307 height: 12px; 308 } 309 310 body .elementor-add-new-section .elementor-add-section-area-button { 311 margin-left: 0; 312 } 313 314 .elementor-add-new-section .elementor-add-templately-promo-button{ 315 background-color: #5d4fff; 316 background-image: url(https://mclassroof.id/wp-content/plugins/essential-addons-for-elementor-lite/assets/admin/images/templately/logo-icon.svg); 317 background-repeat: no-repeat; 318 background-position: center center; 319 position: relative; 320 } 321 322 .elementor-add-new-section .elementor-add-templately-promo-button > i{ 323 height: 12px; 324 } 325 326 body .elementor-add-new-section .elementor-add-section-area-button { 327 margin-left: 0; 328 } 329</style> 330<link rel='stylesheet' id='swiper-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' media='all' /> 331<link rel='stylesheet' id='elementor-pro-css' href='https://mclassroof.id/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css?ver=3.14.1' media='all' /> 332<link rel='stylesheet' id='elementor-post-126-css' href='https://mclassroof.id/wp-content/uploads/elementor/css/post-126.css?ver=1763614706' media='all' /> 333<link rel='stylesheet' id='elementor-post-976-css' href='https://mclassroof.id/wp-content/uploads/elementor/css/post-976.css?ver=1763614313' media='all' /> 334<link rel='stylesheet' id='elementor-post-493-css' href='https://mclassroof.id/wp-content/uploads/elementor/css/post-493.css?ver=1763614313' media='all' /> 335<link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Montserrat%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.8.10' media='all' /> 336<link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css?ver=5.15.3' media='all' /> 337<link rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=5.15.3' media='all' /> 338<link rel='stylesheet' id='elementor-icons-fa-brands-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/brands.min.css?ver=5.15.3' media='all' /> 339<link rel='stylesheet' id='elementor-icons-fa-regular-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/lib/font-awesome/css/regular.min.css?ver=5.15.3' media='all' /> 340<link rel='stylesheet' id='jetpack_css-css' href='https://mclassroof.id/wp-content/plugins/jetpack/css/jetpack.css?ver=12.3.2' media='all' />
341<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
341<script src="https://mclassroof.id/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend-gtag.min.js?ver=8.17" id="monsterinsights-frontend-script-js"></script>
vendor: 1 bytes, line 341
341
342<script data-cfasync="false" data-wpfc-render="false" id='monsterinsights-frontend-script-js-extra'>var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/mclassroof.id","hash_tracking":"false","v4_id":"G-1YMY2SSZCR"};</script>
vendor: 1 bytes, line 342
342
343<script src="https://mclassroof.id/wp-content/plugins/jquery-updater/js/jquery-3.7.0.min.js?ver=3.7.0" id="jquery-core-js"></script>
vendor: 1 bytes, line 343
343
344<script src="https://mclassroof.id/wp-content/plugins/jquery-updater/js/jquery-migrate-3.4.0.min.js?ver=3.4.0" id="jquery-migrate-js"></script>
344 345 346<!-- Google Analytics snippet added by Site Kit -->
vendor: 58 bytes, lines 346-347
346 347<script src="https://www.googletagmanager.com/gtag/js?id=
347GT-TQTF8SH
vendor: 40 bytes, line 347
347" id="google_gtagjs-js" async></script>
348<script id="google_gtagjs-js-after"> 349window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);} 350gtag('set', 'linker', {"domains":["mclassroof.id"]} ); 351gtag("js", new Date()); 352gtag("set", "developer_id.dZTNiMT", true); 353gtag("config", "GT-TQTF8SH"); 354</script>
354 355 356<!-- End Google Analytics snippet added by Site Kit --> 357<link rel="https://api.w.org/" href="https://mclassroof.id/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://mclassroof.id/wp-json/wp/v2/pages/126" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mclassroof.id/xmlrpc.php?rsd" /> 358<meta name="generator" content="WordPress 6.8.10" /> 359<link rel='shortlink' href='https://mclassroof.id/?p=126' /> 360<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://mclassroof.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmclassroof.id%2Fabout-us%2F" /> 361<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://mclassroof.id/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmclassroof.id%2Fabout-us%2F&format=xml" /> 362<meta name="generator" content="Site Kit by Google 1.107.0" /> <style>img#wpstats{display:none}</style> 363 <meta name="description" content="M-Class dan Ratta merupakan genteng keramik berglazur yang diproduksi oleh PT M-Class Industry dengan menggunakan teknologi mutakhir Jepang dan Italia. Demi menjaga standar kekuatan dan kualitas, proses produksi genteng M-Class dan Ratta, masing-masing melalui proses pembakaran hingga 1100°C dan sudah menerapkan standarisasi manajemen mutu ISO 9001 : 2015. Kini, genteng M-Class dan Ratta tidak hanya didistribusikan ke seluruh Indonesia tapi hingga mancanegara."> 364<meta name="generator" content="Elementor 3.14.1; features: e_dom_optimization, e_optimized_assets_loading, e_optimized_css_loading, a11y_improvements, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap"> 365<link rel="icon" href="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-PT-M-CLASS-INDUSTRY-1-100x100.png" sizes="32x32" /> 366<link rel="icon" href="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-PT-M-CLASS-INDUSTRY-1.png" sizes="192x192" /> 367<link rel="apple-touch-icon" href="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-PT-M-CLASS-INDUSTRY-1.png" /> 368<meta name="msapplication-TileImage" content="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-PT-M-CLASS-INDUSTRY-1.png" /> 369<style id="wpforms-css-vars-root"> 370 :root { 371 --wpforms-field-border-radius: 3px; 372--wpforms-field-background-color: #ffffff; 373--wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); 374--wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); 375--wpforms-label-color: rgba( 0, 0, 0, 0.85 ); 376--wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); 377--wpforms-label-error-color: #d63637; 378--wpforms-button-border-radius: 3px; 379--wpforms-button-background-color: #066aab; 380--wpforms-button-text-color: #ffffff; 381--wpforms-field-size-input-height: 43px; 382--wpforms-field-size-input-spacing: 15px; 383--wpforms-field-size-font-size: 16px; 384--wpforms-field-size-line-height: 19px; 385--wpforms-field-size-padding-h: 14px; 386--wpforms-field-size-checkbox-size: 16px; 387--wpforms-field-size-sublabel-spacing: 5px; 388--wpforms-field-size-icon-size: 1; 389--wpforms-label-size-font-size: 16px; 390--wpforms-label-size-line-height: 19px; 391--wpforms-label-size-sublabel-font-size: 14px; 392--wpforms-label-size-sublabel-line-height: 17px; 393--wpforms-button-size-font-size: 17px; 394--wpforms-button-size-height: 41px; 395--wpforms-button-size-padding-h: 15px; 396--wpforms-button-size-margin-top: 10px; 397 398 } 399 </style> <meta name="facebook-domain-verification" content="tlim3eg3x88znvkxay0ij54gl1wznm" /> 400</head> 401<body class="wp-singular page-template-default page page-id-126 wp-custom-logo wp-theme-hello-elementor e-lazyload elementor-default elementor-kit-17 elementor-page elementor-page-126 elementor-page-2643"> 402 403 404<a class="skip-link screen-reader-text" href="#content">Skip to content</a> 405 406 <div data-elementor-type="header" data-elementor-id="976" class="elementor elementor-976 elementor-location-header" data-elementor-post-type="elementor_library"> 407 <section class="elementor-section elementor-top-section elementor-element elementor-element-6ee62b5 elementor-section-height-min-height elementor-section-items-top elementor-section-stretched elementor-section-boxed elementor-section-height-default" data-id="6ee62b5" data-element_type="section" data-settings="{"sticky":"top","sticky_effects_offset":100,"stretch_section":"section-stretched","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0}"> 408 <div class="elementor-container elementor-column-gap-default"> 409 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-faf5e4a" data-id="faf5e4a" data-element_type="column"> 410 <div class="elementor-widget-wrap elementor-element-populated"> 411 <div class="elementor-element elementor-element-4d64026 logo elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="4d64026" data-element_type="widget" data-widget_type="theme-site-logo.default"> 412 <div class="elementor-widget-container"> 413 <style>/*! elementor - v3.14.0 - 26-06-2023 */ 414.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style> <a href="https://mclassroof.id"> 415 <img width="372" height="69" src="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB.png" class="attachment-medium_large size-medium_large wp-image-3067" alt="" srcset="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB.png 372w, https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB-300x56.png 300w" sizes="(max-width: 372px) 100vw, 372px" data-attachment-id="3067" data-permalink="https://mclassroof.id/?attachment_id=3067" data-orig-file="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB.png" data-orig-size="372,69" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="LOGO WEB" data-image-description="" data-image-caption="" data-medium-file="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB-300x56.png" data-large-file="https://mclassroof.id/wp-content/uploads/2023/06/LOGO-WEB.png" /> </a> 416 </div>
417 </div> 418 </div> 419 </div> 420 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d4d2990" data-id="d4d2990" data-element_type="column"> 421 <div class="elementor-widget-wrap elementor-element-populated"> 422 <div class="elementor-element elementor-element-f6f79cb elementor-nav-menu__align-center elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="f6f79cb" data-element_type="widget" data-settings="{"layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" data-widget_type="nav-menu.default"> 423 <div class="elementor-widget-container"> 424 <link rel="stylesheet" href="https://mclassroof.id/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css"> <nav class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-overline e--animation-fade"> 425 <ul id="menu-1-f6f79cb" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2524"><a href="https://mclassroof.id/our-products/" class="elementor-item">Our Products</a> 426<ul class="sub-menu elementor-nav-menu--dropdown"> 427 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1500"><a href="https://mclassroof.id/m-class/" class="elementor-sub-item">M-Class</a></li> 428 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88"><a href="https://mclassroof.id/ratta/" class="elementor-sub-item">RATTA</a></li> 429</ul> 430</li> 431<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-126 current_page_item menu-item-132"><a href="https://mclassroof.id/about-us/" aria-current="page" class="elementor-item elementor-item-active">About Us</a></li> 432<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://mclassroof.id/e-catalog/" class="elementor-item">E-Catalog</a></li> 433<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a href="https://mclassroof.id/portfolio/" class="elementor-item">Portfolio</a></li> 434<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a href="https://mclassroof.id/news/" class="elementor-item">News</a></li> 435<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2633"><a href="http://info.mclassroof.com" class="elementor-item">Features</a> 436<ul class="sub-menu elementor-nav-menu--dropdown"> 437 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2634"><a href="https://info.mclassroof.com/#calculator" class="elementor-sub-item elementor-item-anchor">ROOF CALCULATOR</a></li> 438</ul> 439</li> 440</ul> </nav> 441 <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> 442 <i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"></i><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"></i> <span class="elementor-screen-only">Menu</span> 443 </div> 444 <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> 445 <ul id="menu-2-f6f79cb" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2524"><a href="https://mclassroof.id/our-products/" class="elementor-item" tabindex="-1">Our Products</a> 446<ul class="sub-menu elementor-nav-menu--dropdown"> 447 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1500"><a href="https://mclassroof.id/m-class/" class="elementor-sub-item" tabindex="-1">M-Class</a></li> 448 <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-88"><a href="https://mclassroof.id/ratta/" class="elementor-sub-item" tabindex="-1">RATTA</a></li> 449</ul> 450</li> 451<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-126 current_page_item menu-item-132"><a href="https://mclassroof.id/about-us/" aria-current="page" class="elementor-item elementor-item-active" tabindex="-1">About Us</a></li> 452<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-85"><a href="https://mclassroof.id/e-catalog/" class="elementor-item" tabindex="-1">E-Catalog</a></li> 453<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-86"><a href="https://mclassroof.id/portfolio/" class="elementor-item" tabindex="-1">Portfolio</a></li> 454<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-84"><a href="https://mclassroof.id/news/" class="elementor-item" tabindex="-1">News</a></li> 455<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-2633"><a href="http://info.mclassroof.com" class="elementor-item" tabindex="-1">Features</a> 456<ul class="sub-menu elementor-nav-menu--dropdown"> 457 <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2634"><a href="https://info.mclassroof.com/#calculator" class="elementor-sub-item elementor-item-anchor" tabindex="-1">ROOF CALCULATOR</a></li> 458</ul> 459</li> 460</ul> </nav>
461 </div> 462 </div> 463 </div> 464 </div> 465 </div> 466 </section> 467 </div> 468 469<main id="content" class="site-main post-126 page type-page status-publish hentry"> 470 471 472 <div class="page-content"> 473 <div data-elementor-type="wp-page" data-elementor-id="126" class="elementor elementor-126" data-elementor-post-type="page"> 474 <section class="elementor-section elementor-top-section elementor-element elementor-element-d5029fa elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="d5029fa" data-element_type="section" data-settings="{"background_background":"video","background_video_link":"https:\/\/youtu.be\/O24i4luDvYo","background_video_start":0,"background_play_on_mobile":"yes"}"> 475 <div class="elementor-background-video-container"> 476 <div class="elementor-background-video-embed"></div> 477 </div> 478 <div class="elementor-background-overlay"></div> 479 <div class="elementor-container elementor-column-gap-default"> 480 <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-eae7e03" data-id="eae7e03" data-element_type="column"> 481 <div class="elementor-widget-wrap elementor-element-populated"> 482 <div class="elementor-element elementor-element-01ccb87 elementor-widget elementor-widget-heading" data-id="01ccb87" data-element_type="widget" data-widget_type="heading.default"> 483 <div class="elementor-widget-container"> 484 <style>/*! elementor - v3.14.0 - 26-06-2023 */ 485.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h2 class="elementor-heading-title elementor-size-default">Lebih dari 25 Tahun Memproduksi Genteng yang Berkualitas</h2> </div> 486 </div> 487 </div> 488 </div> 489 <div class="elementor-column elementor-col-66 elementor-top-column elementor-element elementor-element-8174a87" data-id="8174a87" data-element_type="column"> 490 <div class="elementor-widget-wrap elementor-element-populated"> 491 <div class="elementor-element elementor-element-55b0a6d elementor-widget elementor-widget-spacer" data-id="55b0a6d" data-element_type="widget" data-widget_type="spacer.default"> 492 <div class="elementor-widget-container"> 493 <style>/*! elementor - v3.14.0 - 26-06-2023 */ 494.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}</style> <div class="elementor-spacer"> 495 <div class="elementor-spacer-inner"></div> 496 </div> 497 </div> 498 </div> 499 <div class="elementor-element elementor-element-5e29d91 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="5e29d91" data-element_type="widget" data-widget_type="image.default"> 500 <div class="elementor-widget-container"> 501 <img fetchpriority="high" decoding="async" data-attachment-id="128" data-permalink="https://mclassroof.id/home/header-logo/" data-orig-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO.png" data-orig-size="1027,169" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="HEADER LOGO" data-image-description="" data-image-caption="" data-medium-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-300x49.png" data-large-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-1024x169.png" width="768" height="126" src="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-768x126.png" class="attachment-medium_large size-medium_large wp-image-128" alt="" srcset="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-768x126.png 768w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-300x49.png 300w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-1024x169.png 1024w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-600x99.png 600w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO.png 1027w" sizes="(max-width: 768px) 100vw, 768px" data-attachment-id="128" data-permalink="https://mclassroof.id/home/header-logo/" data-orig-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO.png" data-orig-size="1027,169" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="HEADER LOGO" data-image-description="" data-image-caption="" data-medium-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-300x49.png" data-large-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-1024x169.png" /> </div>
502 </div> 503 </div> 504 </div> 505 </div> 506 </section> 507 <section class="elementor-section elementor-top-section elementor-element elementor-element-7ef3347 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7ef3347" data-element_type="section"> 508 <div class="elementor-container elementor-column-gap-default"> 509 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be4f0a5" data-id="be4f0a5" data-element_type="column"> 510 <div class="elementor-widget-wrap elementor-element-populated"> 511 <div class="elementor-element elementor-element-0cdf597 elementor-widget elementor-widget-spacer" data-id="0cdf597" data-element_type="widget" data-widget_type="spacer.default"> 512 <div class="elementor-widget-container"> 513 <div class="elementor-spacer"> 514 <div class="elementor-spacer-inner"></div> 515 </div> 516 </div> 517 </div> 518 <div class="elementor-element elementor-element-f476c58 elementor-widget elementor-widget-heading" data-id="f476c58" data-element_type="widget" data-widget_type="heading.default"> 519 <div class="elementor-widget-container"> 520 <h2 class="elementor-heading-title elementor-size-default">TENTANG PT. M CLASS INDUSTRY</h2> </div> 521 </div> 522 <div class="elementor-element elementor-element-36bbe37 elementor-widget elementor-widget-text-editor" data-id="36bbe37" data-element_type="widget" data-widget_type="text-editor.default"> 523 <div class="elementor-widget-container"> 524 <style>/*! elementor - v3.14.0 - 26-06-2023 */ 525.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style> <p>PT. M Class Industry adalah produsen genteng keramik berglasir tipe M pertama yang sudah beroperasi sejak tahun 1997. Diawali dengan merek Metropolitan Keramik Utama, kemudian dilanjutkan menjadi M-Class setelah PT. M Class Industry bergabung di bawah naungan Wings Group dan Siam Cement Group.</p><p>M-Class dan Ratta merupakan genteng keramik berglasir berkualitas tinggi yang diproduksi dengan teknologi mutakhir Jepang dan Eropa. Demi menjaga standar kualitas dan durabilitas, proses produksi genteng M-Class dan Ratta, masing-masing melalui pembakaran hingga 1100°C dan juga menerapkan standarisasi manajemen mutu ISO 9001 : 2015. Kini, genteng M-Class dan Ratta tidak hanya didistribusikan ke seluruh Indonesia tapi hingga mancanegara.</p><p>PT. M-Class Industry memiliki visi dan misi untuk menjadi produsen genteng keramik terkemuka di Indonesia dan Mancanegara dengan menghasilkan produk dan layanan yang berkualitas serta memberi rasa aman dan nyaman bagi penggunanya.</p> </div> 526 </div> 527 </div> 528 </div> 529 </div> 530 </section> 531 <section class="elementor-section elementor-top-section elementor-element elementor-element-d0b60f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d0b60f3" data-element_type="section"> 532 <div class="elementor-container elementor-column-gap-default"> 533 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bc668b5" data-id="bc668b5" data-element_type="column"> 534 <div class="elementor-widget-wrap elementor-element-populated"> 535 <div class="elementor-element elementor-element-f82fa45 elementor-widget elementor-widget-heading" data-id="f82fa45" data-element_type="widget" data-widget_type="heading.default"> 536 <div class="elementor-widget-container"> 537 <h2 class="elementor-heading-title elementor-size-default">NAPAK TILAS</h2> </div>
538 </div> 539 </div> 540 </div> 541 </div> 542 </section> 543 <section class="elementor-section elementor-top-section elementor-element elementor-element-8ce1830 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8ce1830" data-element_type="section"> 544 <div class="elementor-container elementor-column-gap-default"> 545 <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-56b6b0e" data-id="56b6b0e" data-element_type="column"> 546 <div class="elementor-widget-wrap"> 547 </div> 548 </div> 549 <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-7c7f89e elementor-invisible" data-id="7c7f89e" data-element_type="column" data-settings="{"animation":"bounceIn"}"> 550 <div class="elementor-widget-wrap elementor-element-populated"> 551 <div class="elementor-element elementor-element-802aadd elementor-widget elementor-widget-eael-feature-list" data-id="802aadd" data-element_type="widget" data-widget_type="eael-feature-list.default"> 552 <div class="elementor-widget-container"> 553 <div class="-icon-position-top -tablet-icon-position-left -mobile-icon-position-left"> 554 <ul id="eael-feature-list-802aadd" class="eael-feature-list-items circle stacked connector-type-modern"> 555 <li class="eael-feature-list-item elementor-repeater-item-f687b63"> 556 <span class="connector" style="right: calc(100% - 92px); left: 0;"></span> 557 <span class="connector connector-tablet" style="right: calc(100% - 92px); left: 0;"></span> 558 <span class="connector connector-mobile" style="right: calc(100% - 92px); left: 0;"></span> 559 560 <div class="eael-feature-list-icon-box"> 561 <div class="eael-feature-list-icon-inner"> 562 563 <span class="eael-feature-list-icon fl-icon-0"> 564 565 <img decoding="async" src="http://mclassroof.id/wp-content/uploads/2023/07/metro-01.jpg" class="eael-feature-list-img" alt=""> </span> 566 </div> 567 </div> 568 <div class="eael-feature-list-content-box"> 569 <h2 class="eael-feature-list-title" >1997</h2 > 570 <p class="eael-feature-list-content">Genteng tipe M pertama diproduksi dan dipasarkan dengan merek Metropolitan Keramik Utama</p> 571 </div> 572 573 </li> 574 <li class="eael-feature-list-item elementor-repeater-item-7b66289"> 575 <span class="connector" style="right: calc(100% - 92px); left: 0;"></span> 576 <span class="connector connector-tablet" style="right: calc(100% - 92px); left: 0;"></span> 577 <span class="connector connector-mobile" style="right: calc(100% - 92px); left: 0;"></span> 578 579 <div class="eael-feature-list-icon-box"> 580 <div class="eael-feature-list-icon-inner"> 581 582 <span class="eael-feature-list-icon fl-icon-1"> 583 584 <img decoding="async" src="http://mclassroof.id/wp-content/uploads/2023/07/2-1.jpg" class="eael-feature-list-img" alt=""> </span> 585 </div> 586 </div> 587 <div class="eael-feature-list-content-box"> 588 <h2 class="eael-feature-list-title" >2002</h2 > 589 <p class="eael-feature-list-content">PT. Metrolopolitan Keramik Utama bergabung dengan WINGS Group, perusahaan yang telah dikenal sebagai salah satu distributor terbesar produk makanan dan personal care di Indonesia. 590 591</p> 592 </div> 593 594 </li> 595 <li class="eael-feature-list-item elementor-repeater-item-7a58879"> 596 <span class="connector" style="right: calc(100% - 92px); left: 0;"></span> 597 <span class="connector connector-tablet" style="right: calc(100% - 92px); left: 0;"></span> 598 <span class="connector connector-mobile" style="right: calc(100% - 92px); left: 0;"></span> 599 600 <div class="eael-feature-list-icon-box"> 601 <div class="eael-feature-list-icon-inner"> 602 603 <span class="eael-feature-list-icon fl-icon-2"> 604 605 <img decoding="async" src="http://mclassroof.id/wp-content/uploads/2023/07/3.jpg" class="eael-feature-list-img" alt=""> </span> 606 </div> 607 </div> 608 <div class="eael-feature-list-content-box"> 609 <h2 class="eael-feature-list-title" >2003</h2 > 610 <p class="eael-feature-list-content">WINGS Group mengubah nama Metropolitan Keramik Utama menjadi M-Class. Sebagai genteng tipe M yang kuat dan berkelas.</p> 611 </div> 612 613 </li> 614 <li class="eael-feature-list-item elementor-repeater-item-0d04769">
615 <span class="connector" style="right: calc(100% - 92px); left: 0;"></span> 616 <span class="connector connector-tablet" style="right: calc(100% - 92px); left: 0;"></span> 617 <span class="connector connector-mobile" style="right: calc(100% - 92px); left: 0;"></span> 618 619 <div class="eael-feature-list-icon-box"> 620 <div class="eael-feature-list-icon-inner"> 621 622 <span class="eael-feature-list-icon fl-icon-3"> 623 624 <img decoding="async" src="http://mclassroof.id/wp-content/uploads/2023/07/4.jpg" class="eael-feature-list-img" alt=""> </span> 625 </div> 626 </div> 627 <div class="eael-feature-list-content-box"> 628 <h2 class="eael-feature-list-title" >2006</h2 > 629 <p class="eael-feature-list-content">WINGS Group bekerja sama dengan SCG (Siam Cement Group) untuk mengembangkan Genteng M-Class. 630 631</p> 632 </div> 633 634 </li> 635 <li class="eael-feature-list-item elementor-repeater-item-16547fb"> 636 <span class="connector" style="right: calc(100% - 92px); left: 0;"></span> 637 <span class="connector connector-tablet" style="right: calc(100% - 92px); left: 0;"></span> 638 <span class="connector connector-mobile" style="right: calc(100% - 92px); left: 0;"></span> 639 640 <div class="eael-feature-list-icon-box"> 641 <div class="eael-feature-list-icon-inner"> 642 643 <span class="eael-feature-list-icon fl-icon-4"> 644 645 <img decoding="async" src="http://mclassroof.id/wp-content/uploads/2023/07/ratta.jpg" class="eael-feature-list-img" alt=""> </span> 646 </div> 647 </div> 648 <div class="eael-feature-list-content-box"> 649 <h2 class="eael-feature-list-title" >2019</h2 > 650 <p class="eael-feature-list-content">PT. M Class Industry meluncurkan produk RATTA, genteng keramik absolute flat dengan teknologi Eropa yang elegan.</p> 651 </div> 652 653 </li> 654 </ul> 655 </div> 656 </div> 657 </div> 658 </div> 659 </div> 660 <div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a93dd27" data-id="a93dd27" data-element_type="column"> 661 <div class="elementor-widget-wrap"> 662 </div> 663 </div> 664 </div> 665 </section> 666 <section class="elementor-section elementor-top-section elementor-element elementor-element-2ef9a66 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2ef9a66" data-element_type="section"> 667 <div class="elementor-container elementor-column-gap-default"> 668 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ed7c32" data-id="5ed7c32" data-element_type="column"> 669 <div class="elementor-widget-wrap elementor-element-populated"> 670 <div class="elementor-element elementor-element-a378f64 elementor-widget elementor-widget-spacer" data-id="a378f64" data-element_type="widget" data-widget_type="spacer.default"> 671 <div class="elementor-widget-container"> 672 <div class="elementor-spacer"> 673 <div class="elementor-spacer-inner"></div> 674 </div> 675 </div> 676 </div> 677 <div class="elementor-element elementor-element-3886bc7 elementor-widget elementor-widget-heading" data-id="3886bc7" data-element_type="widget" data-widget_type="heading.default"> 678 <div class="elementor-widget-container"> 679 <h2 class="elementor-heading-title elementor-size-default">PRODUK KAMI!</h2> </div> 680 </div> 681 <div class="elementor-element elementor-element-c0f1d90 elementor-widget elementor-widget-spacer" data-id="c0f1d90" data-element_type="widget" data-widget_type="spacer.default"> 682 <div class="elementor-widget-container"> 683 <div class="elementor-spacer"> 684 <div class="elementor-spacer-inner"></div> 685 </div> 686 </div> 687 </div> 688 </div> 689 </div> 690 </div> 691 </section> 692 <section class="elementor-section elementor-top-section elementor-element elementor-element-63c0920 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="63c0920" data-element_type="section"> 693 <div class="elementor-container elementor-column-gap-default"> 694 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-82f6a00" data-id="82f6a00" data-element_type="column"> 695 <div class="elementor-widget-wrap elementor-element-populated"> 696 <div class="elementor-element elementor-element-18160ff eael-infobox-content-align-center eael-infobox-shape-square eael-infobox-hover-img-shape-square elementor-widget elementor-widget-eael-info-box" data-id="18160ff" data-element_type="widget" data-widget_type="eael-info-box.default"> 697 <div class="elementor-widget-container"> 698 <div class="eael-infobox"> 699 <div class="infobox-icon"> 700 701 <img decoding="async" src="https://mclassroof.id/wp-content/uploads/2023/07/product-01.jpg" alt=""> 702 703 704 705 </div> 706 <div class="infobox-content"> 707 <h4 class="title">Download Brosur Genteng M-Class</h4> 708 <p><div class="elementor-element elementor-element-5a11eba elementor-widget elementor-widget-text-editor animated fadeIn" data-id="5a11eba" data-element_type="widget" data-settings="{"_animation":"fadeIn"}" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Genteng M-Class sudah diproduksi sejak tahun 1997 dengan sistem interlocking yang memudahkan pemasangan serta diproses dan diproduksi dengan teknologi Jepang.</p></div></div><div class="elementor-element elementor-element-dfcc4b9 elementor-button-info elementor-align-center elementor-widget elementor-widget-button animated bounceIn" data-id="dfcc4b9" data-element_type="widget" data-settings="{"_animation":"bounceIn"}" data-widget_type="button.default"><div class="elementor-widget-container"><div class="elementor-button-wrapper"> </div></div></div></p> 709 <div class="infobox-button"> 710 <a class="eael-infobox-button" href="https://drive.google.com/file/d/19C8IAjrrI9JJX9CuRAmkLtuhx7iOlYZQ/view?usp=sharing">
711 <span class="infobox-button-text">Download Sekarang!</span> 712 </a> 713 </div> 714 </div> 715 </div> 716 717 </div> 718 </div> 719 </div> 720 </div> 721 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fcb8935" data-id="fcb8935" data-element_type="column"> 722 <div class="elementor-widget-wrap elementor-element-populated"> 723 <div class="elementor-element elementor-element-b2e904a eael-infobox-content-align-center eael-infobox-shape-square eael-infobox-hover-img-shape-square elementor-widget elementor-widget-eael-info-box" data-id="b2e904a" data-element_type="widget" data-widget_type="eael-info-box.default"> 724 <div class="elementor-widget-container"> 725 <div class="eael-infobox"> 726 <div class="infobox-icon"> 727 728 <img decoding="async" src="https://mclassroof.id/wp-content/uploads/2023/07/product-02.jpg" alt=""> 729 730 731 732 </div> 733 <div class="infobox-content"> 734 <h4 class="title">Download Brosur Genteng RATTA</h4> 735 <p><div class="elementor-element elementor-element-5a11eba elementor-widget elementor-widget-text-editor animated fadeIn" data-id="5a11eba" data-element_type="widget" data-settings="{"_animation":"fadeIn"}" data-widget_type="text-editor.default"><div class="elementor-widget-container"><div class="elementor-element elementor-element-439247a elementor-widget elementor-widget-text-editor animated fadeIn" data-id="439247a" data-element_type="widget" data-settings="{"_animation":"fadeIn"}" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Genteng Ratta dengan desain <i>absolute-flat</i> pertama di Indonesia dapat dipasang sejajar. Desainnya unggul serta proses produksinya yang menggunakan tekonologi Eropa.</p></div></div><div class="elementor-element elementor-element-3d3dd07 elementor-button-info elementor-align-center elementor-widget elementor-widget-button animated bounceIn" data-id="3d3dd07" data-element_type="widget" data-settings="{"_animation":"bounceIn"}" data-widget_type="button.default"><div class="elementor-widget-container"><div class="elementor-button-wrapper"> </div></div></div></div></div></p> 736 <div class="infobox-button"> 737 <a class="eael-infobox-button" href="https://drive.google.com/file/d/1X5CxiDfWRc2m-kQJkQI3FlYHSDee3nlA/view?usp=sharing"> 738 <span class="infobox-button-text">Download Sekarang!</span> 739 </a> 740 </div> 741 </div> 742 </div> 743 744 </div> 745 </div> 746 </div> 747 </div> 748 </div> 749 </section> 750 <section class="elementor-section elementor-top-section elementor-element elementor-element-b48a165 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b48a165" data-element_type="section"> 751 <div class="elementor-container elementor-column-gap-default"> 752 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d9df949" data-id="d9df949" data-element_type="column"> 753 <div class="elementor-widget-wrap elementor-element-populated"> 754 <div class="elementor-element elementor-element-0c85ade elementor-widget elementor-widget-spacer" data-id="0c85ade" data-element_type="widget" data-widget_type="spacer.default"> 755 <div class="elementor-widget-container"> 756 <div class="elementor-spacer"> 757 <div class="elementor-spacer-inner"></div> 758 </div> 759 </div> 760 </div> 761 <div class="elementor-element elementor-element-c7f22bc elementor-widget elementor-widget-spacer" data-id="c7f22bc" data-element_type="widget" data-widget_type="spacer.default"> 762 <div class="elementor-widget-container"> 763 <div class="elementor-spacer"> 764 <div class="elementor-spacer-inner"></div> 765 </div>
766 </div> 767 </div> 768 <div class="elementor-element elementor-element-f4b6de3 elementor-widget elementor-widget-eael-cta-box" data-id="f4b6de3" data-element_type="widget" data-widget_type="eael-cta-box.default"> 769 <div class="elementor-widget-container"> 770 <div class="eael-call-to-action cta-icon-flex bg-img cta-preset-2"> 771 <div class="icon"> 772 <img decoding="async" src="http://mclassroof.id/wp-content/uploads/2023/07/WhatsApp.svg" alt="" /> 773 </div> 774 <div class="content"> 775 <h2 class="title">Punya pertanyaan lebih lanjut?</h2><p><p>Tenang, segala kebutuhanmu akan dijawab oleh agent kami!</p></p> </div> 776 <div class="action"> 777 <a href="https://api.whatsapp.com/send?phone=6281197505585&text=Hai%20M%20Class." class="cta-button cta-btn-preset-1 effect-1">Hubungi Kami</a> </div> 778 </div> 779 </div> 780 </div> 781 <div class="elementor-element elementor-element-05ab437 elementor-widget elementor-widget-spacer" data-id="05ab437" data-element_type="widget" data-widget_type="spacer.default"> 782 <div class="elementor-widget-container"> 783 <div class="elementor-spacer"> 784 <div class="elementor-spacer-inner"></div> 785 </div> 786 </div> 787 </div> 788 </div> 789 </div> 790 </div> 791 </section> 792 </div> 793 <div class="post-tags"> 794 </div> 795 </div> 796 797 798</main> 799 800 <div data-elementor-type="footer" data-elementor-id="493" class="elementor elementor-493 elementor-location-footer" data-elementor-post-type="elementor_library"> 801 <section class="elementor-section elementor-top-section elementor-element elementor-element-9581a2b elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="9581a2b" data-element_type="section"> 802 <div class="elementor-container elementor-column-gap-default"> 803 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d34fd1f" data-id="d34fd1f" data-element_type="column"> 804 <div class="elementor-widget-wrap elementor-element-populated"> 805 <div class="elementor-element elementor-element-fbaef64 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="fbaef64" data-element_type="widget" data-widget_type="image.default"> 806 <div class="elementor-widget-container"> 807 <img width="300" height="49" src="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-300x49.png" class="attachment-medium size-medium wp-image-128" alt="" loading="lazy" srcset="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-300x49.png 300w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-1024x169.png 1024w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-768x126.png 768w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-600x99.png 600w, https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO.png 1027w" sizes="auto, (max-width: 300px) 100vw, 300px" data-attachment-id="128" data-permalink="https://mclassroof.id/home/header-logo/" data-orig-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO.png" data-orig-size="1027,169" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="HEADER LOGO" data-image-description="" data-image-caption="" data-medium-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-300x49.png" data-large-file="https://mclassroof.id/wp-content/uploads/2023/06/HEADER-LOGO-1024x169.png" /> </div> 808 </div> 809 </div> 810 </div> 811 </div> 812 </section> 813 <section class="elementor-section elementor-top-section elementor-element elementor-element-80b1f20 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="80b1f20" data-element_type="section" data-settings="{"background_background":"classic"}"> 814 <div class="elementor-container elementor-column-gap-default"> 815 <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-59a39ea" data-id="59a39ea" data-element_type="column"> 816 <div class="elementor-widget-wrap elementor-element-populated"> 817 <div class="elementor-element elementor-element-e371de8 elementor-widget__width-initial elementor-widget elementor-widget-text-editor" data-id="e371de8" data-element_type="widget" data-widget_type="text-editor.default"> 818 <div class="elementor-widget-container"> 819 <p>M-Class dan Ratta adalah produk genteng keramik berglasir berkualitas buatan PT. M Class Industry, perusahaan manufaktur genteng yang sudah berdiri sejak tahun 1997.</p> </div>
820 </div> 821 <div class="elementor-element elementor-element-37a8aa5 elementor-shape-circle e-grid-align-mobile-center elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons" data-id="37a8aa5" data-element_type="widget" data-widget_type="social-icons.default"> 822 <div class="elementor-widget-container"> 823 <style>/*! elementor - v3.14.0 - 26-06-2023 */ 824.elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)));height:calc(var(--icon-size, 25px) + (2 * var(--icon-padding, .5em)))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}</style> <div class="elementor-social-icons-wrapper elementor-grid"> 825 <span class="elementor-grid-item"> 826 <a class="elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-c1cd5db" href="https://web.facebook.com/mclassrooftiles" target="_blank"> 827 <span class="elementor-screen-only">Facebook</span> 828 <i class="fab fa-facebook"></i> </a> 829 </span> 830 <span class="elementor-grid-item"> 831 <a class="elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-9c5c9c3" href="https://www.youtube.com/@MClassRoof" target="_blank"> 832 <span class="elementor-screen-only">Youtube</span> 833 <i class="fab fa-youtube"></i> </a> 834 </span> 835 <span class="elementor-grid-item"> 836 <a class="elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-56c604b" href="https://www.instagram.com/mclassroof/" target="_blank"> 837 <span class="elementor-screen-only">Instagram</span> 838 <i class="fab fa-instagram"></i> </a> 839 </span> 840 </div>
841 </div> 842 </div> 843 </div> 844 </div> 845 <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-499b8d3" data-id="499b8d3" data-element_type="column"> 846 <div class="elementor-widget-wrap"> 847 </div> 848 </div> 849 <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-cead2f6" data-id="cead2f6" data-element_type="column"> 850 <div class="elementor-widget-wrap elementor-element-populated"> 851 <div class="elementor-element elementor-element-a06e1c4 elementor-widget elementor-widget-heading" data-id="a06e1c4" data-element_type="widget" data-widget_type="heading.default"> 852 <div class="elementor-widget-container"> 853 <h2 class="elementor-heading-title elementor-size-default">Genteng Keramik <br>M-Class dan RATTA</h2> </div> 854 </div> 855 <div class="elementor-element elementor-element-0211d4d elementor-widget elementor-widget-heading" data-id="0211d4d" data-element_type="widget" data-widget_type="heading.default"> 856 <div class="elementor-widget-container"> 857 <h2 class="elementor-heading-title elementor-size-default"><a href="https://mclassroof.id/about-us/">Tentang Kami</a></h2> </div> 858 </div> 859 <div class="elementor-element elementor-element-e6952aa elementor-widget elementor-widget-heading" data-id="e6952aa" data-element_type="widget" data-widget_type="heading.default"> 860 <div class="elementor-widget-container"> 861 <h2 class="elementor-heading-title elementor-size-default"><a href="https://mclassroof.id/portfolio/">Portfolio Produk</a></h2> </div> 862 </div> 863 <div class="elementor-element elementor-element-fd452d5 elementor-widget elementor-widget-heading" data-id="fd452d5" data-element_type="widget" data-widget_type="heading.default"> 864 <div class="elementor-widget-container"> 865 <h2 class="elementor-heading-title elementor-size-default"><a href="https://mclassroof.id/news/">Berita Terkini</a></h2> </div> 866 </div> 867 <div class="elementor-element elementor-element-b165a42 elementor-widget elementor-widget-heading" data-id="b165a42" data-element_type="widget" data-widget_type="heading.default"> 868 <div class="elementor-widget-container"> 869 <h2 class="elementor-heading-title elementor-size-default"><a href="https://mclassroof.id/e-catalog/">Katalog Produk</a></h2> </div> 870 </div> 871 </div> 872 </div> 873 <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-086b6e2" data-id="086b6e2" data-element_type="column"> 874 <div class="elementor-widget-wrap elementor-element-populated"> 875 <div class="elementor-element elementor-element-0c5a01f elementor-widget elementor-widget-heading" data-id="0c5a01f" data-element_type="widget" data-widget_type="heading.default"> 876 <div class="elementor-widget-container"> 877 <h2 class="elementor-heading-title elementor-size-default">Layanan Konsumen</h2> </div> 878 </div> 879 <div class="elementor-element elementor-element-3667426 elementor-widget elementor-widget-heading" data-id="3667426" data-element_type="widget" data-widget_type="heading.default"> 880 <div class="elementor-widget-container"> 881 <h2 class="elementor-heading-title elementor-size-default">PT. M Class Industry 882</h2> </div> 883 </div> 884 <div class="elementor-element elementor-element-97f0d1f elementor-widget elementor-widget-heading" data-id="97f0d1f" data-element_type="widget" data-widget_type="heading.default"> 885 <div class="elementor-widget-container"> 886 <h2 class="elementor-heading-title elementor-size-default">Jl. Raya Curug - Kosambi No.Desa, Walahar, Kec. Klari, Karawang, Jawa Barat 41371</h2> </div> 887 </div> 888 <div class="elementor-element elementor-element-2f29c02 elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="2f29c02" data-element_type="widget" data-widget_type="icon-list.default"> 889 <div class="elementor-widget-container"> 890 <link rel="stylesheet" href="https://mclassroof.id/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css"> <ul class="elementor-icon-list-items"> 891 <li class="elementor-icon-list-item">
892 <a href="https://api.whatsapp.com/send?phone=6281197505585&text=Hai%20M%20Class."> 893 894 <span class="elementor-icon-list-icon"> 895 <i aria-hidden="true" class="fab fa-whatsapp"></i> </span> 896 <span class="elementor-icon-list-text"><span>(+62) 81197505585 (WA)</span></span> 897 </a> 898 </li> 899 </ul> 900 </div> 901 </div> 902 <div class="elementor-element elementor-element-a900ff6 elementor-mobile-align-center elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="a900ff6" data-element_type="widget" data-widget_type="icon-list.default"> 903 <div class="elementor-widget-container"> 904 <ul class="elementor-icon-list-items"> 905 <li class="elementor-icon-list-item"> 906 <a href="mailto:[email protected]"> 907 908 <span class="elementor-icon-list-icon"> 909 <i aria-hidden="true" class="far fa-envelope"></i> </span> 910 <span class="elementor-icon-list-text"><span>[email protected]</span></span> 911 </a> 912 </li> 913 </ul> 914 </div> 915 </div> 916 </div> 917 </div> 918 </div> 919 </section> 920 <section class="elementor-section elementor-top-section elementor-element elementor-element-7caa707 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7caa707" data-element_type="section"> 921 <div class="elementor-container elementor-column-gap-default"> 922 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b7de418 elementor-hidden-mobile" data-id="b7de418" data-element_type="column"> 923 <div class="elementor-widget-wrap elementor-element-populated"> 924 <div class="elementor-element elementor-element-ecb7724 elementor-widget elementor-widget-text-editor" data-id="ecb7724" data-element_type="widget" data-widget_type="text-editor.default"> 925 <div class="elementor-widget-container"> 926 <p><strong>Copyright 2024</strong></p> </div> 927 </div> 928 </div> 929 </div> 930 <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d6f9e31" data-id="d6f9e31" data-element_type="column"> 931 <div class="elementor-widget-wrap elementor-element-populated"> 932 <div class="elementor-element elementor-element-5b213ac elementor-widget elementor-widget-image" data-id="5b213ac" data-element_type="widget" data-widget_type="image.default"> 933 <div class="elementor-widget-container"> 934 <img width="300" height="56" src="https://mclassroof.id/wp-content/uploads/2023/06/logo-industry-2-300x56.png" class="attachment-medium size-medium wp-image-808" alt="" loading="lazy" srcset="https://mclassroof.id/wp-content/uploads/2023/06/logo-industry-2-300x56.png 300w, https://mclassroof.id/wp-content/uploads/2023/06/logo-industry-2.png 372w" sizes="auto, (max-width: 300px) 100vw, 300px" data-attachment-id="808" data-permalink="https://mclassroof.id/?attachment_id=808" data-orig-file="https://mclassroof.id/wp-content/uploads/2023/06/logo-industry-2.png" data-orig-size="372,69" data-comments-opened="1" data-image-meta="{"aperture":"0","credit":"","camera":"","caption":"","created_timestamp":"0","copyright":"","focal_length":"0","iso":"0","shutter_speed":"0","title":"","orientation":"0"}" data-image-title="logo-industry" data-image-description="" data-image-caption="" data-medium-file="https://mclassroof.id/wp-content/uploads/2023/06/logo-industry-2-300x56.png" data-large-file="https://mclassroof.id/wp-content/uploads/2023/06/logo-industry-2.png" /> </div> 935 </div> 936 </div> 937 </div> 938 </div> 939 </section> 940 <section class="elementor-section elementor-top-section elementor-element elementor-element-0a9328c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="0a9328c" data-element_type="section" data-settings="{"background_background":"classic"}"> 941 <div class="elementor-container elementor-column-gap-default"> 942 <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-eab827a" data-id="eab827a" data-element_type="column"> 943 <div class="elementor-widget-wrap elementor-element-populated"> 944 <div class="elementor-element elementor-element-609f5d0 elementor-widget elementor-widget-spacer" data-id="609f5d0" data-element_type="widget" data-widget_type="spacer.default"> 945 <div class="elementor-widget-container"> 946 <div class="elementor-spacer"> 947 <div class="elementor-spacer-inner"></div> 948 </div>
949 </div> 950 </div> 951 </div> 952 </div> 953 </div> 954 </section> 955 </div> 956
957<script type="speculationrules"> 958{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/hello-elementor\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 959</script>
959 960
960<script type='text/javascript'> 961 const lazyloadRunObserver = () => { 962 const dataAttribute = 'data-e-bg-lazyload'; 963 const lazyloadBackgrounds = document.querySelectorAll( `[${ dataAttribute }]:not(.lazyloaded)` ); 964 const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { 965 entries.forEach( ( entry ) => { 966 if ( entry.isIntersecting ) { 967 let lazyloadBackground = entry.target; 968 const lazyloadSelector = lazyloadBackground.getAttribute( dataAttribute ); 969 if ( lazyloadSelector ) { 970 lazyloadBackground = entry.target.querySelector( lazyloadSelector ); 971 } 972 if( lazyloadBackground ) { 973 lazyloadBackground.classList.add( 'lazyloaded' ); 974 } 975 lazyloadBackgroundObserver.unobserve( entry.target ); 976 } 977 }); 978 }, { rootMargin: '100px 0px 100px 0px' } ); 979 lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { 980 lazyloadBackgroundObserver.observe( lazyloadBackground ); 981 } ); 982 }; 983 const events = [ 984 'DOMContentLoaded', 985 'elementor/lazyload/observe', 986 ]; 987 events.forEach( ( event ) => { 988 document.addEventListener( event, lazyloadRunObserver ); 989 } ); 990 </script>
990 991 <div id="jp-carousel-loading-overlay"> 992 <div id="jp-carousel-loading-wrapper"> 993 <span id="jp-carousel-library-loading"> </span> 994 </div> 995 </div> 996 <div class="jp-carousel-overlay" style="display: none;"> 997 998 <div class="jp-carousel-container"> 999 <!-- The Carousel Swiper --> 1000 <div 1001 class="jp-carousel-wrap swiper-container jp-carousel-swiper-container jp-carousel-transitions" 1002 itemscope 1003 itemtype="https://schema.org/ImageGallery"> 1004 <div class="jp-carousel swiper-wrapper"></div> 1005 <div class="jp-swiper-button-prev swiper-button-prev"> 1006 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1007 <mask id="maskPrev" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="9" height="12"> 1008 <path d="M16.2072 16.59L11.6496 12L16.2072 7.41L14.8041 6L8.8335 12L14.8041 18L16.2072 16.59Z" fill="white"/> 1009 </mask> 1010 <g mask="url(#maskPrev)"> 1011 <rect x="0.579102" width="23.8823" height="24" fill="#FFFFFF"/> 1012 </g> 1013 </svg> 1014 </div> 1015 <div class="jp-swiper-button-next swiper-button-next"> 1016 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1017 <mask id="maskNext" mask-type="alpha" maskUnits="userSpaceOnUse" x="8" y="6" width="8" height="12"> 1018 <path d="M8.59814 16.59L13.1557 12L8.59814 7.41L10.0012 6L15.9718 12L10.0012 18L8.59814 16.59Z" fill="white"/> 1019 </mask> 1020 <g mask="url(#maskNext)"> 1021 <rect x="0.34375" width="23.8822" height="24" fill="#FFFFFF"/> 1022 </g> 1023 </svg> 1024 </div> 1025 </div> 1026 <!-- The main close buton --> 1027 <div class="jp-carousel-close-hint"> 1028 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1029 <mask id="maskClose" mask-type="alpha" maskUnits="userSpaceOnUse" x="5" y="5" width="15" height="14"> 1030 <path d="M19.3166 6.41L17.9135 5L12.3509 10.59L6.78834 5L5.38525 6.41L10.9478 12L5.38525 17.59L6.78834 19L12.3509 13.41L17.9135 19L19.3166 17.59L13.754 12L19.3166 6.41Z" fill="white"/> 1031 </mask> 1032 <g mask="url(#maskClose)"> 1033 <rect x="0.409668" width="23.8823" height="24" fill="#FFFFFF"/> 1034 </g> 1035 </svg> 1036 </div> 1037 <!-- Image info, comments and meta --> 1038 <div class="jp-carousel-info"> 1039 <div class="jp-carousel-info-footer"> 1040 <div class="jp-carousel-pagination-container"> 1041 <div class="jp-swiper-pagination swiper-pagination"></div> 1042 <div class="jp-carousel-pagination"></div> 1043 </div> 1044 <div class="jp-carousel-photo-title-container"> 1045 <h2 class="jp-carousel-photo-caption"></h2> 1046 </div> 1047 <div class="jp-carousel-photo-icons-container"> 1048 <a href="#" class="jp-carousel-icon-btn jp-carousel-icon-info" aria-label="Toggle photo metadata visibility"> 1049 <span class="jp-carousel-icon"> 1050 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1051 <mask id="maskInfo" mask-type="alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="21" height="20"> 1052 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7537 2C7.26076 2 2.80273 6.48 2.80273 12C2.80273 17.52 7.26076 22 12.7537 22C18.2466 22 22.7046 17.52 22.7046 12C22.7046 6.48 18.2466 2 12.7537 2ZM11.7586 7V9H13.7488V7H11.7586ZM11.7586 11V17H13.7488V11H11.7586ZM4.79292 12C4.79292 16.41 8.36531 20 12.7537 20C17.142 20 20.7144 16.41 20.7144 12C20.7144 7.59 17.142 4 12.7537 4C8.36531 4 4.79292 7.59 4.79292 12Z" fill="white"/> 1053 </mask> 1054 <g mask="url(#maskInfo)"> 1055 <rect x="0.8125" width="23.8823" height="24" fill="#FFFFFF"/> 1056 </g> 1057 </svg> 1058 </span> 1059 </a> 1060 </div> 1061 </div> 1062 <div class="jp-carousel-info-extra"> 1063 <div class="jp-carousel-info-content-wrapper"> 1064 <div class="jp-carousel-photo-title-container"> 1065 <h2 class="jp-carousel-photo-title"></h2> 1066 </div> 1067 <div class="jp-carousel-comments-wrapper"> 1068 </div> 1069 <div class="jp-carousel-image-meta"> 1070 <div class="jp-carousel-title-and-caption"> 1071 <div class="jp-carousel-photo-info"> 1072 <h3 class="jp-carousel-caption" itemprop="caption description"></h3> 1073 </div> 1074 1075 <div class="jp-carousel-photo-description"></div> 1076 </div> 1077 <ul class="jp-carousel-image-exif" style="display: none;"></ul> 1078 <a class="jp-carousel-image-download" target="_blank" style="display: none;"> 1079 <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 1080 <mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="3" y="3" width="19" height="18"> 1081 <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84615 5V19H19.7775V12H21.7677V19C21.7677 20.1 20.8721 21 19.7775 21H5.84615C4.74159 21 3.85596 20.1 3.85596 19V5C3.85596 3.9 4.74159 3 5.84615 3H12.8118V5H5.84615ZM14.802 5V3H21.7677V10H19.7775V6.41L9.99569 16.24L8.59261 14.83L18.3744 5H14.802Z" fill="white"/> 1082 </mask> 1083 <g mask="url(#mask0)"> 1084 <rect x="0.870605" width="23.8823" height="24" fill="#FFFFFF"/> 1085 </g> 1086 </svg> 1087 <span class="jp-carousel-download-text"></span> 1088 </a> 1089 <div class="jp-carousel-image-map" style="display: none;"></div> 1090 </div> 1091 </div>
1092 </div> 1093 </div> 1094 </div> 1095 1096 </div> 1097 <link rel='stylesheet' id='e-animations-css' href='https://mclassroof.id/wp-content/plugins/elementor/assets/lib/animations/animations.min.css?ver=3.14.1' media='all' />
1098<script src="https://mclassroof.id/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=1.0.0" id="hello-theme-frontend-js"></script>
vendor: 1 bytes, line 1098
1098
1099<script id="eael-general-js-extra"> 1100var localize = {"ajaxurl":"https:\/\/mclassroof.id\/wp-admin\/admin-ajax.php","nonce":"cb67c2581b","i18n":{"added":"Added ","compare":"Compare","loading":"Loading..."},"eael_translate_text":{"required_text":"is a required field","invalid_text":"Invalid","billing_text":"Billing","shipping_text":"Shipping","fg_mfp_counter_text":"of"},"page_permalink":"https:\/\/mclassroof.id\/about-us\/","cart_redirectition":"no","cart_page_url":"","el_breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}}; 1101</script>
vendor: 1 bytes, line 1101
1101
1102<script src="https://mclassroof.id/wp-content/plugins/essential-addons-for-elementor-lite/assets/front-end/js/view/general.min.js?ver=5.8.3" id="eael-general-js"></script>
vendor: 1 bytes, line 1102
1102
1103<script src="https://mclassroof.id/wp-content/uploads/essential-addons-elementor/eael-126.js?ver=1689933634" id="eael-126-js"></script>
vendor: 1 bytes, line 1103
1103
1104<script id="joinchat-lite-js-extra"> 1105var joinchat_obj = {"settings":{"telephone":"6281197505585","whatsapp_web":true,"message_send":"Hi PT. M-Class Industry! Ada pertanyaan yang ingin saya tanyakan terkait Genteng M-Class dan Ratta!"}}; 1106</script>
vendor: 1 bytes, line 1106
1106
1107<script src="https://mclassroof.id/wp-content/plugins/creame-whatsapp-me/public/js/joinchat-lite.min.js?ver=5.0.6" id="joinchat-lite-js"></script>
vendor: 1 bytes, line 1107
1107
1108<script defer src="https://stats.wp.com/e-202640.js" id="jetpack-stats-js"></script>
vendor: 1 bytes, line 1108
1108
1109<script id="jetpack-stats-js-after"> 1110_stq = window._stq || []; 1111_stq.push([ "view", {v:'ext',blog:'221345248',post:'126',tz:'1',srv:'mclassroof.id',j:'1:12.3.2'} ]); 1112_stq.push([ "clickTrackerInit", "221345248", "126" ]); 1113</script>
vendor: 1 bytes, line 1113
1113
1114<script src="https://mclassroof.id/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.0.1" id="smartmenus-js"></script>
vendor: 1 bytes, line 1114
1114
1115<script id="jetpack-carousel-js-extra"> 1116var jetpackSwiperLibraryPath = {"url":"https:\/\/mclassroof.id\/wp-content\/plugins\/jetpack\/_inc\/build\/carousel\/swiper-bundle.min.js"}; 1117var jetpackCarouselStrings = {"widths":[370,700,1000,1200,1400,2000],"is_logged_in":"","lang":"en","ajaxurl":"https:\/\/mclassroof.id\/wp-admin\/admin-ajax.php","nonce":"d3ef6b5876","display_exif":"1","display_comments":"0","single_image_gallery":"1","single_image_gallery_media_file":"","background_color":"black","comment":"Comment","post_comment":"Post Comment","write_comment":"Write a Comment...","loading_comments":"Loading Comments...","download_original":"View full size <span class=\"photo-size\">{0}<span class=\"photo-size-times\">\u00d7<\/span>{1}<\/span>","no_comment_text":"Please be sure to submit some text with your comment.","no_comment_email":"Please provide an email address to comment.","no_comment_author":"Please provide your name to comment.","comment_post_error":"Sorry, but there was an error posting your comment. Please try again later.","comment_approved":"Your comment was approved.","comment_unapproved":"Your comment is in moderation.","camera":"Camera","aperture":"Aperture","shutter_speed":"Shutter Speed","focal_length":"Focal Length","copyright":"Copyright","comment_registration":"0","require_name_email":"1","login_url":"https:\/\/mclassroof.id\/wp-login.php?redirect_to=https%3A%2F%2Fmclassroof.id%2Fabout-us%2F","blog_id":"1","meta_data":["camera","aperture","shutter_speed","focal_length","copyright"]}; 1118</script>
vendor: 1 bytes, line 1118
1118
1119<script src="https://mclassroof.id/wp-content/plugins/jetpack/_inc/build/carousel/jetpack-carousel.min.js?ver=12.3.2" id="jetpack-carousel-js"></script>
vendor: 1 bytes, line 1119
1119
1120<script src="https://mclassroof.id/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.14.1" id="elementor-pro-webpack-runtime-js"></script>
vendor: 1 bytes, line 1120
1120
1121<script src="https://mclassroof.id/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.14.1" id="elementor-webpack-runtime-js"></script>
vendor: 1 bytes, line 1121
1121
1122<script src="https://mclassroof.id/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.14.1" id="elementor-frontend-modules-js"></script>
vendor: 1 bytes, line 1122
1122
1123<script src="https://mclassroof.id/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
vendor: 1 bytes, line 1123
1123
1124<script src="https://mclassroof.id/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
vendor: 1 bytes, line 1124
1124
1125<script id="wp-i18n-js-after"> 1126wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 1127</script>
vendor: 1 bytes, line 1127
1127
1128<script id="elementor-pro-frontend-js-before"> 1129var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/mclassroof.id\/wp-admin\/admin-ajax.php","nonce":"c3c516f514","urls":{"assets":"https:\/\/mclassroof.id\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/mclassroof.id\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/mclassroof.id\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; 1130</script>
vendor: 1 bytes, line 1130
1130
1131<script src="https://mclassroof.id/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.14.1" id="elementor-pro-frontend-js"></script>
vendor: 1 bytes, line 1131
1131
1132<script src="https://mclassroof.id/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script>
vendor: 1 bytes, line 1132
1132
1133<script src="https://mclassroof.id/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
vendor: 1 bytes, line 1133
1133
1134<script id="elementor-frontend-js-before"> 1135var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.14.1","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"a11y_improvements":true,"additional_custom_breakpoints":true,"container":true,"e_swiper_latest":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"landing-pages":true,"nested-elements":true,"e_lazyload":true,"page-transitions":true,"notes":true,"loop":true,"form-submissions":true,"e_scroll_snap":true},"urls":{"assets":"https:\/\/mclassroof.id\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal"},"post":{"id":126,"title":"Tentang%20M-Class%20-%20mclassroof.id","excerpt":"M-Class dan Ratta merupakan genteng keramik berglazur yang diproduksi oleh PT M-Class Industry dengan menggunakan teknologi mutakhir Jepang dan Italia. Demi menjaga standar kekuatan dan kualitas, proses produksi genteng M-Class dan Ratta, masing-masing melalui proses pembakaran hingga 1100\u00b0C dan sudah menerapkan standarisasi manajemen mutu ISO 9001 : 2015. Kini, genteng M-Class dan Ratta tidak hanya didistribusikan ke seluruh Indonesia tapi hingga mancanegara.\n\n","featuredImage":false}}; 1136</script>
vendor: 1 bytes, line 1136
1136
1137<script src="https://mclassroof.id/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.14.1" id="elementor-frontend-js"></script>
vendor: 1 bytes, line 1137
1137
1138<script src="https://mclassroof.id/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.14.1" id="pro-elements-handlers-js"></script>
vendor: 1 bytes, line 1138
1138
1139<script src="https://mclassroof.id/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.14.1" id="e-sticky-js"></script>
vendor: 1 bytes, line 1139
1139
1140<script src="https://mclassroof.id/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
vendor: 1 bytes, line 1140
1140
1141<script id="wp-util-js-extra"> 1142var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; 1143</script>
vendor: 1 bytes, line 1143
1143
1144<script src="https://mclassroof.id/wp-includes/js/wp-util.min.js?ver=6.8.10" id="wp-util-js"></script>
vendor: 1 bytes, line 1144
1144
1145<script id="wpforms-elementor-js-extra"> 1146var wpformsElementorVars = {"captcha_provider":"recaptcha","recaptcha_type":"v2"}; 1147</script>
vendor: 1 bytes, line 1147
1147
1148<script src="https://mclassroof.id/wp-content/plugins/wpforms-lite/assets/js/integrations/elementor/frontend.min.js?ver=1.8.2.3" id="wpforms-elementor-js"></script>
1148 1149 1150</body> 1151</html> 1152 1153 1154<!-- Page cached by LiteSpeed Cache 7.6.2 on 2026-10-04 23:24:21 -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.