PageSourceSearch

https://mclassroof.id/about-us/

html mclassroof.id collected 2026-10-10 00:26:15 UTC 111,238 bytes, 1,154 lines download raw bytes

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 &raquo; Feed" href="https://mclassroof.id/feed/" />
38<link rel="alternate" type="application/rss+xml" title="mclassroof.id &raquo; 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&#038;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&#038;display=swap&#038;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&#038;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="{&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_effects_offset&quot;:100,&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;: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="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" 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="{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;i class=\&quot;fas fa-caret-down\&quot;&gt;&lt;\/i&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}" 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="{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\/\/youtu.be\/O24i4luDvYo&quot;,&quot;background_video_start&quot;:0,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}">
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="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" 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="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" 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="{&quot;animation&quot;:&quot;bounceIn&quot;}">
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="{&quot;_animation&quot;:&quot;fadeIn&quot;}" 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="{&quot;_animation&quot;:&quot;bounceIn&quot;}" 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="{&quot;_animation&quot;:&quot;fadeIn&quot;}" 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="{&quot;_animation&quot;:&quot;fadeIn&quot;}" 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="{&quot;_animation&quot;:&quot;bounceIn&quot;}" 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&#038;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="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" 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="{&quot;background_background&quot;:&quot;classic&quot;}">
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&#038;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="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" 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="{&quot;background_background&quot;:&quot;classic&quot;}">
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">&nbsp;</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.