{"id":55,"date":"2026-04-16T13:44:19","date_gmt":"2026-04-16T13:44:19","guid":{"rendered":"https:\/\/hla.co.id\/?page_id=55"},"modified":"2026-04-16T13:47:39","modified_gmt":"2026-04-16T13:47:39","slug":"proyek-kami","status":"publish","type":"page","link":"https:\/\/hla.co.id\/?page_id=55","title":{"rendered":"Proyek Kami"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Gallery Project<\/title>\n\n<style>\nbody {\n    font-family: 'Segoe UI', sans-serif;\n    background: #f5f7fa;\n    margin: 0;\n}\n\n.gallery {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 20px;\n}\n\n.card {\n    background: #fff;\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.08);\n    transition: 0.3s;\n}\n\n.card:hover {\n    transform: translateY(-5px);\n}\n\n.thumbnail {\n    position: relative;\n    cursor: pointer;\n}\n\n.thumbnail img {\n    width: 100%;\n    height: 200px;\n    object-fit: cover;\n}\n\n.play-btn {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(0,0,0,0.6);\n    border-radius: 50%;\n    padding: 15px;\n    color: white;\n    font-size: 20px;\n}\n\n.content {\n    padding: 15px;\n}\n\n.title {\n    font-size: 18px;\n    font-weight: bold;\n    margin-bottom: 5px;\n}\n\n.meta {\n    font-size: 13px;\n    color: #777;\n    margin-bottom: 10px;\n}\n\n.category {\n    display: inline-block;\n    background: #007bff;\n    color: white;\n    padding: 3px 10px;\n    border-radius: 20px;\n    font-size: 12px;\n}\n\n\/* Modal *\/\n.modal {\n    display: none;\n    position: fixed;\n    z-index: 999;\n    padding-top: 60px;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0,0,0,0.8);\n}\n\n.modal-content {\n    display: block;\n    margin: auto;\n    width: 80%;\n    max-width: 800px;\n}\n\n.close {\n    position: absolute;\n    top: 20px;\n    right: 40px;\n    color: white;\n    font-size: 30px;\n    cursor: pointer;\n}\n\n<\/style>\n<\/head>\n<body>\n\n<h2>Gallery Project<\/h2>\n\n<div class=\"gallery\">\n\n    <!-- ITEM 1 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ')\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dQw4w9WgXcQ\/hqdefault.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">PUPR BANDUNG BARAT<\/div>\n            <div class=\"meta\">PEMBUATAN TANGGULAN SUNGAI DS TANIMULYA<\/div>\n            <span class=\"category\">Konstruksi<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- ITEM 2 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VIDEO_ID')\">\n            <img decoding=\"async\" src=\"thumbnail.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">MR FAHMI<\/div>\n            <div class=\"meta\">RESIDENCE BOGOR REGENCY<\/div>\n            <span class=\"category\">Enginer<\/span>\n        <\/div>\n    <\/div>\n    \n    <!-- ITEM 3 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ')\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dQw4w9WgXcQ\/hqdefault.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">PT SENTUL CITY<\/div>\n            <div class=\"meta\">RAISED FLOOR AEON MALL SENTUL CITY<\/div>\n            <span class=\"category\">Konstruksi<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- ITEM 4 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VIDEO_ID')\">\n            <img decoding=\"async\" src=\"thumbnail.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">UNIVERSITAS ISLAM JAKARTA<\/div>\n            <div class=\"meta\">INSTALASI FASAD MESJID<\/div>\n            <span class=\"category\">Supply<\/span>\n        <\/div>\n    <\/div>\n    \n        <!-- ITEM 5 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ')\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dQw4w9WgXcQ\/hqdefault.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">PT LITS SERIBU DRUMS<\/div>\n            <div class=\"meta\">WALKING DRUMS RESTAURANT ANCOL<\/div>\n            <span class=\"category\">Konstruksi<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- ITEM 6 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VIDEO_ID')\">\n            <img decoding=\"async\" src=\"thumbnail.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">PUPR BANDUNG BARAT<\/div>\n            <div class=\"meta\">TPT IRIGASI SITU SAEUR PADALARANG<\/div>\n            <span class=\"category\">Enginer<\/span>\n        <\/div>\n    <\/div>\n    \n    <!-- ITEM 7 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ')\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dQw4w9WgXcQ\/hqdefault.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">PT BESTOW HARAPAN INDAH<\/div>\n            <div class=\"meta\">RESIDENCE BUMI CITRA INDAH CIPATIK<\/div>\n            <span class=\"category\">Konstruksi<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- ITEM 8 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VIDEO_ID')\">\n            <img decoding=\"async\" src=\"thumbnail.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">BBPPMPV BMTI BANDUNG<\/div>\n            <div class=\"meta\">LAPANGAN TENIS DAN GARASI BIS BMTI BANDUNG<\/div>\n            <span class=\"category\">Supply<\/span>\n        <\/div>\n    <\/div>\n    \n        <!-- ITEM 9 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VIDEO_ID')\">\n            <img decoding=\"async\" src=\"thumbnail.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">RSJ CISARUA &#8211; BANDUNG<\/div>\n            <div class=\"meta\">PEMASANGAN CCTV DAN TV<\/div>\n            <span class=\"category\">Supply<\/span>\n        <\/div>\n    <\/div>\n    \n        <!-- ITEM 10 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ')\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dQw4w9WgXcQ\/hqdefault.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">PT SINARMAS LAND<\/div>\n            <div class=\"meta\">LANDSKAP DP MALL SEMARANG<\/div>\n            <span class=\"category\">Konstruksi<\/span>\n        <\/div>\n    <\/div>\n\n    <!-- ITEM 11 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/VIDEO_ID')\">\n            <img decoding=\"async\" src=\"thumbnail.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">PT DWIJAYA SELARAS<\/div>\n            <div class=\"meta\">RUANG PANEL MEGA KUNINGAN PANTAI INDAH KAPUK<\/div>\n            <span class=\"category\">Enginer<\/span>\n        <\/div>\n    <\/div>\n    \n    <!-- ITEM 12 -->\n    <div class=\"card\">\n        <div class=\"thumbnail\" onclick=\"openVideo('https:\/\/www.youtube.com\/embed\/dQw4w9WgXcQ')\">\n            <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/dQw4w9WgXcQ\/hqdefault.jpg\">\n            <div class=\"play-btn\">\u25b6<\/div>\n        <\/div>\n        <div class=\"content\">\n            <div class=\"title\">CIPUTRA GROUP<\/div>\n            <div class=\"meta\">DERMAGA APUNG CITRA GARDEN 8<\/div>\n            <span class=\"category\">Konstruksi<\/span>\n        <\/div>\n    <\/div>\n\n\n<\/div>\n\n<!-- MODAL VIDEO -->\n<div id=\"videoModal\" class=\"modal\">\n    <span class=\"close\" onclick=\"closeVideo()\">&times;<\/span>\n    <iframe id=\"videoFrame\" class=\"modal-content\" height=\"450\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div>\n\n<script>\nfunction openVideo(url) {\n    document.getElementById(\"videoModal\").style.display = \"block\";\n    document.getElementById(\"videoFrame\").src = url;\n}\n\nfunction closeVideo() {\n    document.getElementById(\"videoModal\").style.display = \"none\";\n    document.getElementById(\"videoFrame\").src = \"\";\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Gallery Project Gallery Project \u25b6 PUPR BANDUNG BARAT PEMBUATAN TANGGULAN SUNGAI DS TANIMULYA Konstruksi \u25b6 MR FAHMI RESIDENCE BOGOR REGENCY Enginer \u25b6 PT SENTUL CITY RAISED FLOOR AEON MALL SENTUL CITY Konstruksi \u25b6 UNIVERSITAS ISLAM JAKARTA INSTALASI FASAD MESJID Supply \u25b6 PT LITS SERIBU DRUMS WALKING DRUMS RESTAURANT ANCOL Konstruksi \u25b6 PUPR BANDUNG BARAT TPT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-55","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hla.co.id\/index.php?rest_route=\/wp\/v2\/pages\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hla.co.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hla.co.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hla.co.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hla.co.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=55"}],"version-history":[{"count":2,"href":"https:\/\/hla.co.id\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions"}],"predecessor-version":[{"id":57,"href":"https:\/\/hla.co.id\/index.php?rest_route=\/wp\/v2\/pages\/55\/revisions\/57"}],"wp:attachment":[{"href":"https:\/\/hla.co.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}