{"id":9985,"date":"2026-08-26T14:58:19","date_gmt":"2026-08-26T11:28:19","guid":{"rendered":"https:\/\/hormuz-steel.com\/?page_id=9985"},"modified":"2026-10-03T16:57:22","modified_gmt":"2026-10-03T13:27:22","slug":"photo-gallery","status":"publish","type":"page","link":"https:\/\/hormuz-steel.com\/en\/photo-gallery\/","title":{"rendered":"Photo Gallery"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9985\" class=\"elementor elementor-9985\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26bc58a e-con-full e-flex e-con e-parent\" data-id=\"26bc58a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d18dfcd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d18dfcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t```html\r\n<style>\r\n\/* =========================================================\r\nHORMUZ POLAD RASA\r\nFULL WIDTH RESPONSIVE GALLERY\r\n========================================================= *\/\r\n\r\n.hpr-gallery {\r\n    --blue: #0B2E63;\r\n    --orange: #FF3D0A;\r\n    --bg: #F4F6F9;\r\n\r\n    direction: ltr;\r\n    width: 100%;\r\n    padding: 90px 0 110px;\r\n    background: var(--bg);\r\n    font-family: inherit;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hpr-gallery *,\r\n.hpr-gallery *::before,\r\n.hpr-gallery *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hpr-gallery-wrap {\r\n    width: min(1250px, 92%);\r\n    margin: 0 auto;\r\n}\r\n\r\n.hpr-gallery-header {\r\n    text-align: center;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.hpr-gallery-line {\r\n    width: 52px;\r\n    height: 4px;\r\n    margin: 0 auto 18px;\r\n    border-radius: 20px;\r\n    background: var(--orange);\r\n}\r\n\r\n.hpr-gallery-header h1 {\r\n    margin: 0 0 14px;\r\n    color: var(--blue);\r\n    font-size: clamp(32px, 4vw, 52px);\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n}\r\n\r\n.hpr-gallery-header p {\r\n    max-width: 700px;\r\n    margin: 0 auto;\r\n    color: #667085;\r\n    font-size: 16px;\r\n    line-height: 2;\r\n}\r\n\r\n\/* =========================\r\nMASONRY \/ TILE GALLERY\r\n========================= *\/\r\n\r\n.hpr-gallery-grid {\r\n    columns: 3 300px;\r\n    column-gap: 22px;\r\n}\r\n\r\n.hpr-gallery-item {\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    margin: 0 0 22px;\r\n    break-inside: avoid;\r\n    overflow: hidden;\r\n    border-radius: 18px;\r\n    background: #fff;\r\n    border: 1px solid rgba(11,46,99,.08);\r\n    box-shadow: 0 12px 32px rgba(11,46,99,.08);\r\n    cursor: pointer;\r\n}\r\n\r\n.hpr-gallery-item img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    transition: transform .5s ease;\r\n}\r\n\r\n.hpr-gallery-item::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n        to bottom,\r\n        transparent 55%,\r\n        rgba(2,11,31,.48)\r\n    );\r\n    opacity: 0;\r\n    transition: opacity .35s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.hpr-gallery-item:hover img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n.hpr-gallery-item:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.hpr-gallery-icon {\r\n    position: absolute;\r\n    z-index: 2;\r\n    left: 18px;\r\n    bottom: 18px;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n    background: var(--orange);\r\n    color: #fff;\r\n\r\n    font-size: 22px;\r\n    line-height: 1;\r\n\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    transition: all .35s ease;\r\n}\r\n\r\n.hpr-gallery-item:hover .hpr-gallery-icon {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n\/* =========================\r\nLIGHTBOX\r\n========================= *\/\r\n\r\n.hpr-lightbox {\r\n    position: fixed;\r\n    inset: 0;\r\n    z-index: 999999;\r\n\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 25px;\r\n\r\n    background: rgba(2,11,31,.95);\r\n}\r\n\r\n.hpr-lightbox.active {\r\n    display: flex;\r\n}\r\n\r\n.hpr-lightbox img {\r\n    display: block;\r\n    max-width: 94vw;\r\n    max-height: 90vh;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    border-radius: 12px;\r\n    box-shadow: 0 25px 80px rgba(0,0,0,.35);\r\n}\r\n\r\n.hpr-lightbox button {\r\n    position: absolute;\r\n    z-index: 4;\r\n    border: none;\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 48px;\r\n    height: 48px;\r\n\r\n    border-radius: 50%;\r\n    background: var(--orange);\r\n    color: #fff;\r\n\r\n    font-family: Arial, sans-serif;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n}\r\n\r\n.hpr-lightbox-close {\r\n    top: 22px;\r\n    right: 22px;\r\n}\r\n\r\n.hpr-lightbox-prev {\r\n    left: 22px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n\r\n.hpr-lightbox-next {\r\n    right: 22px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n}\r\n\r\n\/* =========================\r\nRESPONSIVE\r\n========================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    .hpr-gallery-grid {\r\n        columns: 2 250px;\r\n        column-gap: 18px;\r\n    }\r\n\r\n    .hpr-gallery-item {\r\n        margin-bottom: 18px;\r\n    }\r\n}\r\n\r\n@media (max-width: 560px) {\r\n\r\n    .hpr-gallery {\r\n        padding: 65px 0 80px;\r\n    }\r\n\r\n    .hpr-gallery-grid {\r\n        columns: 1;\r\n    }\r\n\r\n    .hpr-gallery-wrap {\r\n        width: 92%;\r\n    }\r\n\r\n    .hpr-lightbox {\r\n        padding: 12px;\r\n    }\r\n\r\n    .hpr-lightbox-close {\r\n        top: 15px;\r\n        right: 15px;\r\n    }\r\n\r\n    .hpr-lightbox-prev {\r\n        left: 12px;\r\n    }\r\n\r\n    .hpr-lightbox-next {\r\n        right: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"hpr-gallery\">\r\n\r\n    <div class=\"hpr-gallery-wrap\">\r\n\r\n        <div class=\"hpr-gallery-header\">\r\n\r\n            <div class=\"hpr-gallery-line\"><\/div>\r\n\r\n            <h1>Photo Gallery<\/h1>\r\n\r\n            <p>\r\n                A visual overview of Hormuz Polad Rasa\u2019s activities, products, and facilities\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"hpr-gallery-grid\">\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/08\/86969844-298c-44cc-92ab-2b83dc69a6dd.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/08\/b9eed856-61fc-4bd5-ba98-c5bb2718280f.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/08\/c8f12fd2-a496-4c08-aa2d-a47ea3cc584c.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/08\/a8d0ee7d-9fa3-409e-850e-ae562c56c115.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/08\/0203f912-31a8-477a-a74d-faccf00ff37d.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/08\/0621ebaa-31df-469e-b0aa-98c20be9336e.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/08\/adf71403-49b4-403f-a78a-6369a3b52890.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <!-- New Images -->\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/d7e696f9-44b4-4c48-8644-dd1f9ef061bb.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/35d38957-8629-4878-93fa-cb58c61b74cb.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/187170b4-c232-47e5-96cc-76b19ed481ad.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/062a295d-b123-4e20-b124-f7170b7e2852.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <!-- Newly Added Images -->\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/iraq-sell2.jpg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/iraq-sell.jpg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/IMG_8387.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/IMG_8386.jpeg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/trsell.jpg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/09\/trsell02.jpg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <!-- Two New Images -->\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/10\/iraq2.jpg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"hpr-gallery-item\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/hormuz-steel.com\/wp-content\/uploads\/2026\/10\/iraq.jpg\"\r\n                    alt=\"Hormuz Polad Rasa\"\r\n                    loading=\"lazy\"\r\n                >\r\n                <span class=\"hpr-gallery-icon\">\u2315<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<div class=\"hpr-lightbox\" id=\"hprLightbox\">\r\n\r\n    <button\r\n        class=\"hpr-lightbox-close\"\r\n        type=\"button\"\r\n        aria-label=\"Close\"\r\n    >\u00d7<\/button>\r\n\r\n\r\n    <button\r\n        class=\"hpr-lightbox-prev\"\r\n        type=\"button\"\r\n        aria-label=\"Previous Image\"\r\n    >\u2039<\/button>\r\n\r\n\r\n    <img decoding=\"async\"\r\n        id=\"hprLightboxImage\"\r\n        src=\"\"\r\n        alt=\"Gallery Image\"\r\n    >\r\n\r\n\r\n    <button\r\n        class=\"hpr-lightbox-next\"\r\n        type=\"button\"\r\n        aria-label=\"Next Image\"\r\n    >\u203a<\/button>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n    const items = document.querySelectorAll('.hpr-gallery-item');\r\n    const lightbox = document.getElementById('hprLightbox');\r\n    const image = document.getElementById('hprLightboxImage');\r\n\r\n    const closeButton = document.querySelector('.hpr-lightbox-close');\r\n    const previousButton = document.querySelector('.hpr-lightbox-prev');\r\n    const nextButton = document.querySelector('.hpr-lightbox-next');\r\n\r\n    const images = Array.from(items).map(function (item) {\r\n        return item.querySelector('img').src;\r\n    });\r\n\r\n    let current = 0;\r\n\r\n    function openGallery(index) {\r\n        current = index;\r\n        image.src = images[current];\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden';\r\n    }\r\n\r\n    function closeGallery() {\r\n        lightbox.classList.remove('active');\r\n        document.body.style.overflow = '';\r\n    }\r\n\r\n    function nextImage() {\r\n        current = (current + 1) % images.length;\r\n        image.src = images[current];\r\n    }\r\n\r\n    function previousImage() {\r\n        current = (current - 1 + images.length) % images.length;\r\n        image.src = images[current];\r\n    }\r\n\r\n    items.forEach(function (item, index) {\r\n        item.addEventListener('click', function () {\r\n            openGallery(index);\r\n        });\r\n    });\r\n\r\n    closeButton.addEventListener('click', closeGallery);\r\n    nextButton.addEventListener('click', nextImage);\r\n    previousButton.addEventListener('click', previousImage);\r\n\r\n    lightbox.addEventListener('click', function (event) {\r\n        if (event.target === lightbox) {\r\n            closeGallery();\r\n        }\r\n    });\r\n\r\n    document.addEventListener('keydown', function (event) {\r\n\r\n        if (!lightbox.classList.contains('active')) return;\r\n\r\n        if (event.key === 'Escape') {\r\n            closeGallery();\r\n        }\r\n\r\n        if (event.key === 'ArrowRight') {\r\n            nextImage();\r\n        }\r\n\r\n        if (event.key === 'ArrowLeft') {\r\n            previousImage();\r\n        }\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#8220;`html Photo Gallery A visual overview of Hormuz Polad Rasa\u2019s activities, products, and facilities \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u2315 \u00d7 \u2039 \u203a &#8220;`<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9985","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/pages\/9985","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/comments?post=9985"}],"version-history":[{"count":3,"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/pages\/9985\/revisions"}],"predecessor-version":[{"id":9989,"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/pages\/9985\/revisions\/9989"}],"wp:attachment":[{"href":"https:\/\/hormuz-steel.com\/en\/wp-json\/wp\/v2\/media?parent=9985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}