|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/indolok.id/public_html/ |
Upload File : |
<?php
// Include database connection
require_once 'db_connection.php';
// Query to fetch blog data
$blogs_sql = "SELECT * FROM blog WHERE status = 1 ORDER BY publish_date DESC";
$blogs = $conn->query($blogs_sql);
// Function to truncate HTML content
function truncateHtml($text, $maxLength)
{
// Strip HTML tags to avoid breaking
$plainText = strip_tags($text);
// Truncate the text if it exceeds max length
if (strlen($plainText) > $maxLength) {
return substr($plainText, 0, $maxLength) . '...';
}
return $plainText;
}
?>
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en-ID">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="On Top of the World, Slideshow Title, INDOLOK BAKTI UTAMA, Berita dan Artikel Terbaru">
<meta name="description" content="">
<title>Indolok Homepage</title>
<link rel="stylesheet" href="canvasweb.css" media="screen">
<link rel="stylesheet" href="Indolok.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="canvasweb.js" defer=""></script>
<meta name="generator" content="Canvasweb 6.8.9, canvasweb.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Indolok",
"logo": "images/indolok-white.png",
"sameAs": [
"https://instagram.com/name"
]
}
</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="Indolok Homepage">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta data-intl-tel-input-cdn-path="intlTelInput/">
</head>
<body data-home-page="Indolok.html" data-home-page-title="Indolok" data-path-to-root="./" data-include-products="true" class="u-body u-xl-mode" data-lang="en">
<header class="u-clearfix u-header u-sticky u-sticky-0fc4 u-white u-header" id="sec-2862">
<div class="u-clearfix u-sheet u-valign-middle-sm u-sheet-1">
<a href="#" class="u-image u-logo u-image-1" data-image-width="595" data-image-height="154">
<img src="images/indolok-white.png" class="u-logo-image u-logo-image-1">
</a>
<nav class="u-menu u-menu-dropdown u-offcanvas u-menu-1" data-responsive-from="MD">
<div class="menu-collapse u-custom-font" style="font-size: 0.9375rem; letter-spacing: 0px; font-family: Poppins;">
<a class="u-button-style u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#" data-lang-en="{"content":"<svg class=\"u-svg-link\" viewBox=\"0 0 24 24\"><use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#menu-hamburger\"></use></svg><svg class=\"u-svg-content\" version=\"1.1\" id=\"menu-hamburger\" viewBox=\"0 0 16 16\" x=\"0px\" y=\"0px\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <rect y=\"1\" width=\"16\" height=\"2\"></rect> <rect y=\"7\" width=\"16\" height=\"2\"></rect> <rect y=\"13\" width=\"16\" height=\"2\"></rect> </g></svg>","href":"#"}" data-lang-id="{"content":"<svg class=\"u-svg-link\" viewBox=\"0 0 24 24\"><use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"#menu-hamburger\"></use></svg><svg class=\"u-svg-content\" version=\"1.1\" id=\"menu-hamburger\" viewBox=\"0 0 16 16\" x=\"0px\" y=\"0px\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <rect y=\"1\" width=\"16\" height=\"2\"></rect> <rect y=\"7\" width=\"16\" height=\"2\"></rect> <rect y=\"13\" width=\"16\" height=\"2\"></rect> </g></svg>","href":"#"}" style="padding: 6px 2px; font-size: calc(1em + 12px);">
<svg class="u-svg-link" viewBox="0 0 24 24">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use>
</svg>
<svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<g>
<rect y="1" width="16" height="2"></rect>
<rect y="7" width="16" height="2"></rect>
<rect y="13" width="16" height="2"></rect>
</g>
</svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-custom-font u-nav u-spacing-3 u-unstyled u-nav-1">
<li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="Indolok.html" data-lang-id="{"content":"Home","href":"Indolok.html"}" data-lang-en="{"content":"Home","href":"Indolok.html"}" style="padding: 18px 20px;">Home</a>
</li>
<li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="#" data-lang-en="{"content":"Tentang Kami","href":"#"}" data-lang-id="{"content":"Tentang","href":"#"}" style="padding: 18px 20px;">Tentang Kami</a>
<div class="u-nav-popup">
<ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-2">
<li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="about-indolok.html" data-lang-en="{"content":"Tentang kami","href":"about-indolok.html"}" data-lang-id="{"content":"Tentang kami","href":"about-indolok.html"}">Tentang kami</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="branches.html" data-lang-en="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}" data-lang-id="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}">Kantor Cabang & Distributor</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="certifications.html" data-lang-en="{"content":"Sertifikasi","href":"certifications.html"}" data-lang-id="{"content":"Sertifikasi","href":"certifications.html"}">Sertifikasi</a>
</li>
</ul>
</div>
</li>
<li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="solutions.html" data-lang-en="{"content":"Solusi","href":"solutions.html"}" data-lang-id="{"content":"Solusi","href":"solutions.html"}" style="padding: 18px 20px;">Solusi</a>
<div class="u-nav-popup">
<ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-3">
<li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="fire-solutions.html" data-lang-en="{"content":"Fire Solution","href":"fire-solutions.html"}" data-lang-id="{"content":"Fire Solution","href":"fire-solutions.html"}">Fire Solution</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-custom-color-10 u-nav-link" href="security-solutions.html" data-lang-en="{"content":"Security Solution","href":"security-solutions.html"}" data-lang-id="{"content":"Security Solution","href":"security-solutions.html"}">Security Solution</a>
</li>
</ul>
</div>
</li>
<li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="clients.html" data-lang-en="{"content":"Klien","href":"clients.html"}" data-lang-id="{"content":"Klien","href":"clients.html"}" style="padding: 18px 20px;">Klien</a>
</li>
<li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="blog.html" data-lang-en="{"content":"Artikel","href":"blog.html"}" data-lang-id="{"content":"Artikel","href":"blog.html"}" style="padding: 18px 20px;">Artikel</a>
</li>
<li class="u-nav-item"><a class="u-border-active-custom-color-2 u-button-style u-nav-link u-text-active-custom-color-9 u-text-custom-color-5 u-text-hover-custom-color-9" href="contact-us.html" data-lang-en="{"content":"Contact","href":"contact-us.html"}" data-lang-id="{"content":"Contact","href":"contact-us.html"}" style="padding: 18px 20px;">Contact</a>
</li>
</ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-container-style u-custom-color-1 u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-left u-custom-font u-nav u-popupmenu-items u-spacing-11 u-unstyled u-nav-4">
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="Indolok.html" data-lang-id="{"content":"Home","href":"Indolok.html"}" data-lang-en="{"content":"Home","href":"Indolok.html"}">Home</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="#" data-lang-en="{"content":"Tentang Kami","href":"#"}" data-lang-id="{"content":"Tentang","href":"#"}">Tentang Kami</a>
<div class="u-nav-popup">
<ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-5">
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="about-indolok.html" data-lang-en="{"content":"Tentang kami","href":"about-indolok.html"}" data-lang-id="{"content":"Tentang kami","href":"about-indolok.html"}">Tentang kami</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="branches.html" data-lang-en="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}" data-lang-id="{"content":"Kantor Cabang &amp; Distributor","href":"branches.html"}">Kantor Cabang & Distributor</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="certifications.html" data-lang-en="{"content":"Sertifikasi","href":"certifications.html"}" data-lang-id="{"content":"Sertifikasi","href":"certifications.html"}">Sertifikasi</a>
</li>
</ul>
</div>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="solutions.html" data-lang-en="{"content":"Solusi","href":"solutions.html"}" data-lang-id="{"content":"Solusi","href":"solutions.html"}">Solusi</a>
<div class="u-nav-popup">
<ul class="u-custom-font u-h-spacing-18 u-nav u-unstyled u-v-spacing-10 u-nav-6">
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="fire-solutions.html" data-lang-en="{"content":"Fire Solution","href":"fire-solutions.html"}" data-lang-id="{"content":"Fire Solution","href":"fire-solutions.html"}">Fire Solution</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="security-solutions.html" data-lang-en="{"content":"Security Solution","href":"security-solutions.html"}" data-lang-id="{"content":"Security Solution","href":"security-solutions.html"}">Security Solution</a>
</li>
</ul>
</div>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="clients.html" data-lang-en="{"content":"Klien","href":"clients.html"}" data-lang-id="{"content":"Klien","href":"clients.html"}">Klien</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="blog.html" data-lang-en="{"content":"Artikel","href":"blog.html"}" data-lang-id="{"content":"Artikel","href":"blog.html"}">Artikel</a>
</li>
<li class="u-nav-item"><a class="u-button-style u-nav-link" href="contact-us.html" data-lang-en="{"content":"Contact","href":"contact-us.html"}" data-lang-id="{"content":"Contact","href":"contact-us.html"}">Contact</a>
</li>
</ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div>
</header>
<section class="u-align-center u-clearfix u-hidden-sm u-hidden-xs u-uploaded-video u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-video u-video-cover u-section-1" id="carousel_33fd">
<div style="" class="u-background-video u-expanded u-video-cover">
<div class="embed-responsive">
<video class="embed-responsive-item" data-autoplay="1" loop="" muted="1" autoplay="autoplay" playsinline="">
<source src="files/Desaintanpajudul.mp4" type="video/mp4">
<p>Your browser does not support HTML5 video.</p>
</video>
</div>
<div class="u-video-shading"></div>
</div>
<div class="u-black u-container-style u-expanded-width u-group u-opacity u-opacity-30 u-shape-rectangle u-group-1">
<div class="u-container-layout u-valign-middle u-container-layout-1">
<div class="u-align-left u-container-style u-group u-shape-rectangle u-group-2">
<div class="u-container-layout u-valign-middle u-container-layout-2">
<h1 class="u-custom-font u-text u-text-1"> Expert in Fire, Safety, Security and Rescue Solutions </h1>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-container-align-left-lg u-container-align-left-xl u-hidden-lg u-hidden-md u-hidden-xl u-image u-shading u-section-2" id="carousel_dc76" data-image-width="1280" data-image-height="853">
<div class="u-clearfix u-sheet u-sheet-1">
<h1 class="u-align-left u-text u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1500">Security & Safety</h1>
<h3 class="u-align-left u-text u-text-body-alt-color u-text-2" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500"> Never Ending For 50 Years</h3>
</div>
</section>
<section class="u-clearfix u-custom-color-10 u-section-3" id="sec-1693">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-left u-container-style u-custom-color-10 u-layout-cell u-size-30 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<p class="u-align-right-lg u-align-right-md u-align-right-sm u-align-right-xl u-custom-font u-text u-text-default-lg u-text-default-md u-text-default-sm u-text-default-xl u-text-1"> PT. Indolok Bakti Utama telah memiliki pengalaman
lebih dari 50 tahun dalam memberikan solusi
Kebakaran, Keselamatan, Keamanan dan
Penyelamatan yang didukung tenaga ahli dan
kompetensi tinggi serta telah tersertifikasi ISO
9001:2015 dan ISO 45001:2018. </p>
<a href="about-indolok.html" class="u-align-center-xs u-align-right-lg u-align-right-md u-align-right-sm u-align-right-xl u-btn u-btn-round u-button-style u-custom-color-3 u-custom-font u-hover-palette-1-light-1 u-radius u-btn-1">ABOUT US </a>
</div>
</div>
<div class="u-container-style u-custom-color-10 u-hidden-sm u-hidden-xs u-layout-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<img class="u-align-center-sm u-align-center-xs u-align-left-lg u-align-left-md u-align-left-xl u-image u-image-default u-image-1" src="images/image-logo.jpg" alt="" data-image-width="692" data-image-height="704">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-left u-clearfix u-image u-shading u-section-4" id="carousel_4272" data-image-width="720" data-image-height="1080">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-sheet-1">
<h2 class="u-align-center u-custom-font u-text u-text-body-alt-color u-text-1"> System Integration and Maintenance</h2>
<div class="u-expanded-width-xs u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-align-left-xs u-container-align-center u-container-style u-custom-color-8 u-list-item u-opacity u-opacity-90 u-repeater-item u-list-item-1">
<div class="u-container-layout u-similar-container u-valign-middle-sm u-container-layout-1">
<p class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xl u-custom-font u-text u-text-2"> Memberikan solusi untuk melindungi manusia dan aset berharga di
suatu tempat dengan mengidentifikasi, merancang, memasang dan
menjaga peralatan proteksi kebakaran dan keamanan tinggi peralatan
dengan produk berkualitas tinggi dari merek terkemuka serta didukung
oleh sertfikasi produk dan tim yang berpengalaman. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-image u-section-5" id="sec-3f81" data-image-width="1280" data-image-height="853">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<div class="u-align-left u-container-align-left u-container-style u-custom-color-5 u-expanded-width-xs u-group u-opacity u-opacity-85 u-shape-rectangle u-group-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-valign-middle-sm u-valign-middle-xs u-container-layout-1">
<h5 class="u-align-left u-custom-font u-text u-text-default u-text-1"> Unit Fire Business<br>
</h5>
<h2 class="u-align-left u-custom-font u-text u-text-2"> Salah satu unit bisnis yang dimiliki oleh PT. Indolok Bakti Utama, yang
menyediakan produk dan solusi kepada para pelanggan berupa Alat
Pemadam Api Portabel (APAP), Perlengkapan Pemadam Kebakaran,
Perlengkapan Penyelamatan, Alat Pelindung Diri, dan beberapa produk
lainnya. </h2>
<a href="fire-solutions.html" class="u-active-white u-align-left u-border-2 u-border-white u-btn u-button-style u-custom-font u-hover-white u-none u-text-active-palette-1-base u-text-body-alt-color u-text-hover-palette-1-base u-btn-1">learn more</a>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-container-align-center u-custom-color-10 u-section-6" id="sec-dbd9">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<h2 class="u-align-center u-custom-font u-text u-text-1">Fire Solutions</h2>
<div class="u-expanded-width u-layout-horizontal u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-1">
<div class="u-container-layout u-similar-container u-container-layout-1">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-1" alt="" data-image-width="460" data-image-height="461" src="images/product1.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-2">Fire Alarm System</h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-2">
<div class="u-container-layout u-similar-container u-container-layout-2">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-2" alt="" data-image-width="460" data-image-height="461" src="images/product2.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-3">Aspirating Smoke Detection System</h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-3">
<div class="u-container-layout u-similar-container u-container-layout-3">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-3" alt="" data-image-width="460" data-image-height="461" src="images/product3.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-4">Public Address & Voice Alarm System</h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-4">
<div class="u-container-layout u-similar-container u-container-layout-4">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-4" alt="" data-image-width="380" data-image-height="380" src="images/product11.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-5">Fire Suppression System</h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-5">
<div class="u-container-layout u-similar-container u-container-layout-5">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-5" alt="" data-image-width="444" data-image-height="444" src="images/product21.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-6"> Fire Hydrant System </h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-6">
<div class="u-container-layout u-similar-container u-container-layout-6">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-6" alt="" data-image-width="390" data-image-height="390" src="images/product31.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-7"> Sprinkler System </h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-7">
<div class="u-container-layout u-similar-container u-container-layout-7">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-7" alt="" data-image-width="390" data-image-height="390" src="images/product41.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-8"> Water Spray/Water Mist System </h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-8">
<div class="u-container-layout u-similar-container u-container-layout-8">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-8" alt="" data-image-width="390" data-image-height="390" src="images/product51.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-9"> Battery Energy
Storage Room Protection </h4>
</div>
</div>
</div>
<a class="u-absolute-vcenter u-custom-color-1 u-gallery-nav u-gallery-nav-prev u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-1" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
</a>
<a class="u-absolute-vcenter u-custom-color-1 u-gallery-nav u-gallery-nav-next u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-2" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
</a>
</div>
</div>
</section>
<section class="u-clearfix u-image u-section-7" id="sec-8c7d" data-image-width="1280" data-image-height="853">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-xl u-sheet-1">
<div class="u-align-left u-container-align-left u-container-style u-custom-color-9 u-expanded-width-sm u-expanded-width-xs u-group u-opacity u-opacity-90 u-shape-rectangle u-group-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-container-layout-1">
<h5 class="u-align-left u-custom-font u-text u-text-default u-text-1"> Unit Security <br>
</h5>
<h2 class="u-align-left u-custom-font u-text u-text-2"> Unit bisnis yang dimiliki oleh PT. Indolok Bakti Utama, yang
menyediakan produk dan solusi kepada para pelanggan berupa proteksi keamanan tinggi dengan produk berkualitas tinggi dari merek terkemuka serta didukung
oleh sertfikasi produk dan tim yang berpengalaman. </h2>
<a href="security-solutions.html" class="u-active-white u-align-left u-border-2 u-border-white u-btn u-button-style u-custom-font u-hover-white u-none u-text-active-palette-1-base u-text-body-alt-color u-text-hover-palette-1-base u-btn-1">learn more</a>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-container-align-center u-custom-color-9 u-section-8" id="sec-327c">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
<h2 class="u-align-center u-custom-font u-text u-text-1">Security Solutions</h2>
<div class="u-expanded-width u-layout-horizontal u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-1">
<div class="u-container-layout u-similar-container u-container-layout-1">
<img class="u-expanded-width u-image u-image-default u-image-1" alt="" data-image-width="428" data-image-height="428" src="images/produk1.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-2"> Entrance Control </h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-2">
<div class="u-container-layout u-similar-container u-container-layout-2">
<img class="u-expanded-width u-image u-image-default u-image-2" alt="" data-image-width="656" data-image-height="656" src="images/produk2.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-3">Outdoor Perimeter Protection </h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-3">
<div class="u-container-layout u-similar-container u-container-layout-3">
<img class="u-expanded-width u-image u-image-default u-image-3" alt="" data-image-width="460" data-image-height="461" src="images/product5.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-4">Security Doors & Partition</h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-4">
<div class="u-container-layout u-similar-container u-container-layout-4">
<img class="u-expanded-width u-image u-image-default u-image-4" alt="" data-image-width="460" data-image-height="461" src="images/product6.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-5">Security Inspection System</h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-5">
<div class="u-container-layout u-similar-container u-container-layout-5">
<img class="u-expanded-width u-image u-image-default u-image-5" alt="" data-image-width="586" data-image-height="586" src="images/produk3.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-6"> CCTV Surveilance System </h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-6">
<div class="u-container-layout u-similar-container u-container-layout-6">
<img class="u-expanded-width u-image u-image-default u-image-6" alt="" data-image-width="488" data-image-height="488" src="images/produk41.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-7"> Access Control System </h4>
</div>
</div>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-7">
<div class="u-container-layout u-similar-container u-container-layout-7">
<img class="u-expanded-width u-image u-image-default u-image-7" alt="" data-image-width="703" data-image-height="703" src="images/produk5.jpg">
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-8"> Under Vehicle Screening
System (UVSS) </h4>
</div>
</div>
</div>
<a class="u-absolute-vcenter u-custom-color-1 u-gallery-nav u-gallery-nav-prev u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-1" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
</a>
<a class="u-absolute-vcenter u-custom-color-1 u-gallery-nav u-gallery-nav-next u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-2" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
</a>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-container-align-center u-section-9" id="sec-9266">
<div class="u-align-left u-clearfix u-sheet u-valign-middle-lg u-valign-middle-xl u-sheet-1">
<h2 class="u-align-center u-custom-font u-text u-text-custom-color-10 u-text-1">Kenapa Kami </h2>
<div class="u-expanded-width u-layout-grid u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-container-layout-1">
<img class="u-align-center u-image u-image-contain u-image-default u-preserve-proportions u-image-1" src="images/why_03.jpg" alt="" data-image-width="190" data-image-height="236">
<p class="u-align-center u-text u-text-2"> Berdiri lebih dari 52 tahun </p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-container-layout-2">
<img class="u-align-center u-image u-image-contain u-image-default u-preserve-proportions u-image-2" src="images/why_05.jpg" alt="" data-image-width="222" data-image-height="236">
<p class="u-align-center u-text u-text-3"> Terpercaya oleh perusahaan </p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-container-layout-3">
<img class="u-align-center u-image u-image-contain u-image-default u-preserve-proportions u-image-3" src="images/why_09.jpg" alt="" data-image-width="190" data-image-height="205">
<p class="u-align-center u-text u-text-4"> Dan memiliki 7 cabang </p>
</div>
</div>
<div class="u-container-style u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-container-layout-4">
<img class="u-align-center u-image u-image-contain u-image-default u-preserve-proportions u-image-4" src="images/why_10.jpg" alt="" data-image-width="222" data-image-height="230">
<p class="u-align-center u-text u-text-5"> Tim ahli di bidangnya </p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-image u-shading u-section-10" id="sec-2cae" data-image-width="768" data-image-height="429">
<div class="u-clearfix u-sheet u-sheet-1">
<h2 class="u-align-center u-custom-font u-text u-text-custom-color-5 u-text-1">Merek Indolok</h2>
<div class="custom-expanded u-expanded-width-lg u-expanded-width-md u-expanded-width-sm u-expanded-width-xl u-gallery u-layout-horizontal u-no-transition u-show-text-none u-width-image u-gallery-1">
<div class="u-gallery-inner">
<div class="u-effect-hover-slide u-gallery-item u-shape-rectangle u-gallery-item-1">
<div class="u-back-slide u-back-slide-1" data-image-width="200" data-image-height="200"><img class="u-back-image u-effect-hover-slide-direction-left u-back-image-1" src="images/Gunnebo-1002.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-1"></div>
</div>
<div class="u-effect-hover-slide u-gallery-item u-shape-rectangle u-gallery-item-2">
<div class="u-back-slide u-back-slide-2" data-image-width="200" data-image-height="200"><img class="u-back-image u-effect-hover-slide-direction-left u-back-image-2" src="images/Maximax-100.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-2"></div>
</div>
<div class="u-effect-hover-slide u-gallery-item u-shape-rectangle u-gallery-item-3">
<div class="u-back-slide u-back-slide-3" data-image-width="200" data-image-height="200"><img class="u-back-image u-effect-hover-slide-direction-left u-back-image-3" src="images/Kidde-100.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-3"></div>
</div>
<div class="u-effect-hover-slide u-gallery-item u-shape-rectangle u-gallery-item-4">
<div class="u-back-slide u-back-slide-4" data-image-width="200" data-image-height="200"><img class="u-back-image u-effect-hover-slide-direction-left u-back-image-4" src="images/Notifier-100.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-4"></div>
</div>
<div class="u-effect-hover-slide u-gallery-item u-shape-rectangle u-gallery-item-5">
<div class="u-back-slide u-back-slide-5" data-image-width="200" data-image-height="200"><img class="u-back-image u-effect-hover-slide-direction-left u-back-image-5" src="images/System_Sensor-100.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-5"></div>
</div>
<div class="u-effect-hover-slide u-gallery-item u-shape-rectangle u-gallery-item-6">
<div class="u-back-slide u-back-slide-6" data-image-width="200" data-image-height="200"><img class="u-back-image u-effect-hover-slide-direction-left u-back-image-6" src="images/UNV-100.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-6"></div>
</div>
</div>
<a class="u-absolute-vcenter u-custom-color-5 u-gallery-nav u-gallery-nav-prev u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-1" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
</a>
<a class="u-absolute-vcenter u-custom-color-5 u-gallery-nav u-gallery-nav-next u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-2" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
</a>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-image u-shading u-section-11" id="carousel_89da" data-image-width="1346" data-image-height="508">
<div class="u-clearfix u-sheet u-sheet-1">
<h2 class="u-align-center u-custom-font u-text u-text-1">Standard Kami</h2>
<div class="custom-expanded u-expanded-width-xs u-gallery u-layout-horizontal u-no-transition u-show-text-none u-width-image u-gallery-1">
<div class="u-gallery-inner">
<div class="u-effect-hover-zoomOut u-gallery-item u-shape-rectangle u-gallery-item-1">
<div class="u-back-slide u-back-slide-1" data-image-width="1200" data-image-height="632"><img class="u-back-image u-back-image-1" src="images/mark-of-trust-certified-ISO-45001-occupational-health-and-safety-management-white-logo-En-GB-1019new.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-1"></div>
</div>
<div class="u-effect-hover-zoomOut u-gallery-item u-shape-rectangle u-gallery-item-2">
<div class="u-back-slide u-back-slide-2" data-image-width="1200" data-image-height="1362"><img class="u-back-image u-back-image-2" src="images/NFPA_logo.svg.png">
</div>
<div class="u-over-slide u-shading u-over-slide-2"></div>
</div>
<div class="u-effect-hover-zoomOut u-gallery-item u-shape-rectangle u-gallery-item-3">
<div class="u-back-slide u-back-slide-3" data-image-width="200" data-image-height="100"><img class="u-back-image u-back-image-3" src="images/iso9001.png">
</div>
<div class="u-over-slide u-shading u-over-slide-3"></div>
</div>
<div class="u-effect-hover-zoomOut u-gallery-item u-shape-rectangle u-gallery-item-4">
<div class="u-back-slide u-back-slide-4" data-image-width="360" data-image-height="360"><img class="u-back-image u-back-image-4" src="images/ul-logo.png">
</div>
<div class="u-over-slide u-shading u-over-slide-4"></div>
</div>
</div>
<a class="u-absolute-vcenter u-custom-color-1 u-gallery-nav u-gallery-nav-prev u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-1" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
</a>
<a class="u-custom-color-1 u-gallery-nav u-gallery-nav-next u-icon-rounded u-opacity u-opacity-70 u-radius u-spacing-10 u-text-white u-gallery-nav-2" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
</a>
</div>
</div>
</section>
<?php if ($blogs->num_rows > 0) : ?>
<section class="u-align-center u-clearfix u-image u-section-12" id="carousel_512f" data-image-width="768" data-image-height="429">
<div class="u-clearfix u-sheet u-valign-middle-lg u-sheet-1">
<h1 class="u-custom-font u-text u-text-body-alt-color u-text-1">Artikel Terbaru</h1><!--blog--><!--blog_options_json--><!--{"type":"Recent","source":"","tags":"","count":""}--><!--/blog_options_json-->
<div class="u-blog u-expanded-width u-layout-horizontal u-blog-1" data-items-per-page="3">
<div class="u-list-control"></div>
<div class="u-repeater u-repeater-1">
<?php while ($blog = $blogs->fetch_assoc()) : ?>
<div class="u-align-left u-blog-post u-container-style u-repeater-item u-video-cover u-white u-repeater-item-1">
<div class="u-container-layout u-similar-container u-valign-top-md u-valign-top-sm u-valign-top-xs u-container-layout-1">
<a class="u-post-header-link" href="https://www.indolok.id/blog-detail.php?<?= strtolower($blog['alias']) ?>">
<img alt="" class="u-blog-control u-expanded-width u-image u-image-default u-image-1" src="https://www.indolok.id/cms/uploads/blog/<?= $blog['image1'] ?>" data-image-width="4341" data-image-height="3000">
</a>
<h2 class="u-text u-text-custom-color-5 u-text-2">
<a class="u-active-none u-btn u-button-link u-button-style u-hover-none u-btn-1" href="https://www.indolok.id/blog-detail.php?<?= strtolower($blog['alias']) ?>"><?= $blog['blog'] ?></a>
</h2>
<div class="blogText u-custom-font u-heading-font u-text u-text-3">
<?= truncateHtml($blog['description'], 150) ?>
</div>
</div>
</div>
<?php endwhile ?>
</div>
<div class="u-list-control"></div>
<a class="u-gallery-nav u-gallery-nav-prev u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-gallery-nav-1" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.847 451.847">
<path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path>
</svg>
</span>
</a>
<a class="u-gallery-nav u-gallery-nav-next u-grey-70 u-icon-circle u-opacity u-opacity-70 u-spacing-10 u-text-white u-gallery-nav-2" href="#" role="button">
<span aria-hidden="true">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
<span class="sr-only">
<svg viewBox="0 0 451.846 451.847">
<path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path>
</svg>
</span>
</a>
</div><!--/blog-->
</div>
</section>
<?php endif ?>
<footer class="u-align-center u-clearfix u-custom-color-10 u-footer u-footer" id="sec-bd46">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width-sm u-expanded-width-xs u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-center-sm u-align-center-xs u-align-left-lg u-align-left-md u-align-left-xl u-container-align-left-lg u-container-align-left-md u-container-align-left-sm u-container-align-left-xs u-container-style u-layout-cell u-size-15 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<p class="u-text u-text-default u-text-1" data-lang-en="<span style="font-weight: 700;">PT. Indolok Bakti Utama<br></span><br>Palma Tower Lt.11&nbsp;<br>Unit C,D,E<br>Jl RA. Kartini II, S Kav.6 No.Sektor 2 Jakarta 12310&nbsp;<br><br>" data-lang-id="<span style="font-weight: 700;">PT. Indolok Bakti Utama<br></span><br>Palma Tower Lt.11&nbsp;<br>Unit C,D,E<br>Jl RA. Kartini II, S Kav.6 No.Sektor 2 Jakarta 12310&nbsp;<br><br>">
<span style="font-weight: 700;">PT. Indolok Bakti Utama<br>
</span>
<br>Palma Tower Lt.11 <br>Unit C,D,E<br>Jl RA. Kartini II, S Kav.6 No.Sektor 2 Jakarta 12310 <br>
<br>
</p>
</div>
</div>
<div class="u-container-align-center-sm u-container-align-center-xs u-container-style u-layout-cell u-size-15 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<p class="u-align-center-sm u-align-center-xs u-text u-text-default u-text-2" data-lang-en="Solutions<br><br><span style="font-weight: 400;">Fire Solution<br>Security Solution</span>" data-lang-id="Solutions<br><br><span style="font-weight: 400;">Fire Solution<br>Security Solution</span>">Solutions<br>
<br>
<span style="font-weight: 400;">Fire Solution<br>Security Solution
</span>
</p>
</div>
</div>
<div class="u-container-style u-layout-cell u-size-15 u-layout-cell-3">
<div class="u-container-layout u-container-layout-3">
<p class="u-text u-text-default u-text-3" data-lang-en="About Indolok" data-lang-id="About Indolok">About Indolok</p>
</div>
</div>
<div class="u-container-style u-layout-cell u-size-15 u-layout-cell-4">
<div class="u-container-layout u-valign-top u-container-layout-4">
<div class="u-align-center u-social-icons u-spacing-10 u-social-icons-1">
<a class="u-social-url" title="instagram" target="_blank" href="https://instagram.com/name"><span class="u-file-icon u-icon u-social-icon u-social-instagram u-text-white u-icon-1"><img src="images/1400829-899945ec.png" alt=""></span>
</a>
<a class="u-social-url" target="_blank" data-type="LinkedIn" title="LinkedIn" href=""><span class="u-file-icon u-icon u-social-icon u-social-linkedin u-text-white u-icon-2"><img src="images/3536569-288af1f9.png" alt=""></span>
</a>
<a class="u-social-url" target="_blank" data-type="Custom" title="Custom" href=""><span class="u-file-icon u-icon u-social-custom u-social-icon u-text-white u-icon-3"><img src="images/5968812-41b1313c.png" alt=""></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer><span style="height: 64px; width: 64px; margin-left: 0px; margin-right: auto; margin-top: 0px; background-image: none; right: 20px; bottom: 5px; padding: 13px;" class="u-back-to-top u-custom-color-1 u-icon u-icon-circle u-opacity u-opacity-85" data-href="#">
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 551.13 551.13">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1d98"></use>
</svg>
<svg class="u-svg-content" enable-background="new 0 0 551.13 551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg" id="svg-1d98">
<path d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"></path>
</svg>
</span>
</body>
</html>