|
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_once 'header.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);
// Query to fetch categories data for System Integration section
$categories_sql = "SELECT id_categories, category, category_en, alias, alias_en, thumbnail FROM categories WHERE status = 1 AND parent IS NULL AND type = 'mis' ORDER BY priority ASC";
$categories_result = $conn->query($categories_sql);
$categories = [];
if ($categories_result->num_rows > 0) {
while($row = $categories_result->fetch_assoc()) {
$categories[] = $row;
}
}
// 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;
}
// Close the database connection
$conn->close();
?>
<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-clearfix u-image u-section-5 u-section-5-image2" 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-8 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"> System Integration and Maintenance<br>
</h5>
<h2 class="u-align-left 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.</h2>
<a href="#" 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">System Integration and Maintenance</h2>
<div class="u-expanded-width u-layout-horizontal u-list u-list-1">
<div class="u-repeater u-repeater-1">
<?php
$counter = 1;
foreach($categories as $category):
$category_name = !empty($category['category']) ? $category['category'] : $category['category_en'];
$category_alias = !empty($category['alias']) ? $category['alias'] : $category['alias_en'];
$thumbnail_path = !empty($category['thumbnail']) ? 'cms/uploads/category/' . $category['thumbnail'] : 'images/default-category.jpg';
?>
<div class="u-align-center u-container-style u-custom-color-6 u-list-item u-repeater-item u-list-item-<?php echo $counter; ?>">
<div class="u-container-layout u-similar-container u-container-layout-<?php echo $counter; ?>">
<a href="solution.php?type=<?php echo htmlspecialchars($category_alias); ?>">
<img class="u-expanded-width u-image u-image-contain u-image-default u-image-<?php echo $counter; ?>" alt="<?php echo htmlspecialchars($category_name); ?>" src="<?php echo htmlspecialchars($thumbnail_path); ?>">
</a>
<h4 class="u-custom-font u-text u-text-custom-color-5 u-text-<?php echo ($counter + 1); ?>">
<a href="solution.php?type=<?php echo htmlspecialchars($category_alias); ?>" style="text-decoration: none; color: inherit;">
<?php echo htmlspecialchars($category_name); ?>
</a>
</h4>
</div>
</div>
<?php
$counter++;
endforeach;
?>
</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-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" style="background:#d76c0c">
<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"> 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.php" 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-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-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/logo10.webp">
</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-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/logo16.webp">
</div>
<div class="u-over-slide u-shading u-over-slide-6"></div>
</div>
<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/logo11.webp">
</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-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/logo4.webp">
</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-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/logo2b.webp">
</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/logo3b.webp">
</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-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/logo5b.webp">
</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/logo6.webp">
</div>
<div class="u-over-slide u-shading u-over-slide-6"></div>
</div>
<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/logo7b.webp">
</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-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/logo8b.webp">
</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-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/logo9b.webp">
</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-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/logo12b.webp">
</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-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/logo13.webp">
</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-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/logo14.webp">
</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-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/logo15b.webp">
</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-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/logo18b.webp">
</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?slug=<?= 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?slug=<?= 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 ?>
<?php include_once 'footer.php'; ?>