{"id":682,"date":"2025-05-08T17:41:53","date_gmt":"2025-05-08T17:41:53","guid":{"rendered":"https:\/\/imeo-eg.net\/?page_id=682"},"modified":"2025-05-11T14:57:58","modified_gmt":"2025-05-11T14:57:58","slug":"yemen","status":"publish","type":"page","link":"https:\/\/imeo-eg.net\/?page_id=682","title":{"rendered":"YEMEN"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Project Details<\/title>\n    <!-- Bootstrap CSS -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <!-- AOS CSS -->\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n    <!-- GLightbox -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/glightbox\/dist\/css\/glightbox.min.css\">\n    <style>\n        .project-hero {\n            height: 60vh;\n            background-size: cover;\n            background-position: center;\n            position: relative;\n            margin-bottom: 50px;\n        }\n        .project-hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.5);\n        }\n        .project-hero-content {\n            position: relative;\n            z-index: 1;\n            color: white;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n        .project-details-section {\n            padding: 80px 0;\n        }\n        .project-feature-box {\n            padding: 30px;\n            border-radius: 10px;\n            background: #f8f9fa;\n            margin-bottom: 30px;\n            height: 100%;\n        }\n        .project-gallery img {\n            border-radius: 10px;\n            margin-bottom: 20px;\n            transition: transform 0.3s;\n        }\n        .project-gallery img:hover {\n            transform: scale(1.03);\n        }\n        .gallery-section {\n            margin-bottom: 50px;\n            padding: 30px 0;\n            border-bottom: 1px solid #eee;\n        }\n        .section-title {\n            margin-bottom: 30px;\n            padding-bottom: 15px;\n            border-bottom: 2px solid #007bff;\n        }\n        .gallery-img {\n            border-radius: 5px;\n            margin-bottom: 20px;\n            transition: transform 0.3s;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        .back-to-top {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            width: 50px;\n            height: 50px;\n            background: #007bff;\n            color: white;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 20px;\n            cursor: pointer;\n            opacity: 0;\n            visibility: hidden;\n            transition: all 0.3s;\n            z-index: 999;\n        }\n        .back-to-top.active {\n            opacity: 1;\n            visibility: visible;\n        }\n        .back-to-top:hover {\n            background: #0069d9;\n            transform: translateY(-3px);\n        }\n        .tab-content {\n            padding: 20px 0;\n        }\n        .project-nav {\n            background: #f8f9fa;\n            padding: 10px 0;\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n        }\n        .nav-tabs .nav-link {\n            font-weight: 500;\n            color: #495057;\n            border: none;\n            padding: 10px 20px;\n        }\n        .nav-tabs .nav-link.active {\n            color: #007bff;\n            background-color: transparent;\n            border-bottom: 3px solid #007bff;\n        }\n        .nav-tabs .nav-link:hover {\n            border-color: transparent;\n            color: #007bff;\n        }\n        .tab-pane {\n            display: none;\n        }\n        .tab-pane.active {\n            display: block;\n        }\n    <\/style>\n<\/head>\n<body>\n\n\n<!-- Navigation -->\n\n<nav class=\"navbar navbar-expand-lg navbar-dark bg-dark sticky-top\">\n    <div class=\"container\">\n        <a class=\"navbar-brand\" href=\"#\">IMEO Projects<\/a>\n        <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\">\n            <span class=\"navbar-toggler-icon\"><\/span>\n        <\/button>\n        <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\n            <ul class=\"navbar-nav ms-auto\">\n                <li class=\"nav-item\">\n                    <a class=\"nav-link\" href=\"https:\/\/imeo-eg.net\/?page_id=463\">Projects Gallery<\/a>\n                <\/li>\n                <li class=\"nav-item\">\n                    <a class=\"nav-link active\" href=\"https:\/\/imeo-eg.net\/?page_id=451\">Project Details<\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/nav>\n\n<!-- Project 1 Content -->\n<div class=\"tab-pane fade show active\" id=\"project1\" role=\"tabpanel\" aria-labelledby=\"project1-tab\">\n    <!-- Project Hero Section -->\n    <div class=\"project-hero\" style=\"background-image: url('https:\/\/www.hsayemen.com\/media\/dt5foj0a\/ycfms_mission.jpeg?width=654&#038;height=444&#038;v=1d937baaeb96290&#038;bgcolor=fff');\">\n        <div class=\"project-hero-overlay\"><\/div>\n        <div class=\"container project-hero-content\">\n            <div data-aos=\"fade-up\">\n                <h1 class=\"display-3 fw-bold\">HSA Company <\/h1>\n                <p class=\"lead\">Pioneers in food security and grain storage solutions in Yemen<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Project Details Section -->\n    <div class=\"project-details-section\">\n        <div class=\"container\">\n            <div class=\"row\">\n                <div class=\"col-lg-8\" data-aos=\"fade-up\">\n                    <h2 class=\"fw-bold mb-4\">About The Project<\/h2>\n                    <p class=\"lead\">\n                        HSA is one of the largest industrial food companies in Yemen. It provides strategic grain storage, high-capacity flour milling, and distribution services to ensure food availability across the country.\n                    <\/p>\n                    \n                    <div class=\"mt-5\">\n                        <h4 class=\"fw-bold\">Project Description<\/h4>\n                        <p>\n                            The company operates advanced flour mills and silos in key regions including Hodeidah and Aden. Its facilities contribute significantly to food supply chains and national reserves.\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"mt-5\">\n                            <h4 class=\"fw-bold\">Scope<\/h4>\n                            <ul class=\"list-unstyled\">\n                                <li class=\"mb-2\"><i class=\"fas fa-check-circle text-primary me-2\"><\/i>Design firefighting system<\/li>\n                                <li class=\"mb-2\"><i class=\"fas fa-check-circle text-primary me-2\"><\/i> Design fire alarm system<\/li>\n                                <li class=\"mb-2\"><i class=\"fas fa-check-circle text-primary me-2\"><\/i> Make tender documents<\/li>\n                                <li class=\"mb-2\"><i class=\"fas fa-check-circle text-primary me-2\"><\/i> Review catalogs and data sheets<\/li>\n                                <li class=\"mb-2\"><i class=\"fas fa-check-circle text-primary me-2\"><\/i> site supervision<\/li>\n<li class=\"mb-2\"><i class=\"fas fa-check-circle text-primary me-2\"><\/i> inspection and test for water, foam gas suppression system .<\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                \n                <div class=\"col-lg-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"project-feature-box\">\n                        <h4 class=\"fw-bold mb-4\">Project Info<\/h4>\n                        \n                        <div class=\"mb-4\">\n                            <h6 class=\"fw-bold\">Client<\/h6>\n                            <p>Yemen Company for Flour Mills and Silos (HSA)<\/p>\n                        <\/div>\n                        \n                        <div class=\"mb-4\">\n                            <h6 class=\"fw-bold\">Location<\/h6>\n                            <p>Hodeidah, Aden, and other strategic cities in HSA<\/p>\n                        <\/div>\n                        \n                        <div class=\"mb-4\">\n                            <h6 class=\"fw-bold\">Area<\/h6>\n                            <p>Over 200,000 m\u00b2 across multiple industrial zones<\/p>\n                        <\/div>\n                        \n                        <div class=\"mb-4\">\n                            <h6 class=\"fw-bold\">Completed<\/h6>\n                            <p>January 2023<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div> \n\n\n<!-- Back to top button -->\n<div class=\"back-to-top\">\n    <i class=\"fas fa-arrow-up\"><\/i>\n<\/div>\n\n<!-- Bootstrap JS -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n<!-- GLightbox JS -->\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/glightbox\/dist\/js\/glightbox.min.js\"><\/script>\n<!-- AOS JS -->\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n<script>\n    \/\/ Initialize AOS\n    AOS.init({\n        duration: 800,\n        easing: 'ease-in-out',\n        once: false,     \/\/ ?????? ????????? ???? ????? ???\n    });\n    \n    \/\/ Initialize GLightbox\n    const lightbox = GLightbox({\n        touchNavigation: true,\n        loop: true\n    });\n    \n    \/\/ Back to top button\n    const backToTopButton = document.querySelector('.back-to-top');\n    \n    window.addEventListener('scroll', function() {\n        if (window.pageYOffset > 300) {\n            backToTopButton.classList.add('active');\n        } else {\n            backToTopButton.classList.remove('active');\n        }\n    });\n    \n    backToTopButton.addEventListener('click', function(e) {\n        e.preventDefault();\n        window.scrollTo({\n            top: 0,\n            behavior: 'smooth'\n        });\n    });\n\n    \/\/ Update tab name in URL when clicked\n    document.querySelectorAll('.nav-tabs .nav-link').forEach(tab => {\n        tab.addEventListener('click', function() {\n            const tabId = this.getAttribute('id').replace('-tab', '');\n            history.pushState(null, null, '#' + tabId);\n        });\n    });\n\n    \/\/ Check URL hash on page load\n    window.addEventListener('load', function() {\n        if (window.location.hash) {\n            const tabId = window.location.hash.replace('#', '');\n            const tab = document.getElementById(tabId + '-tab');\n            if (tab) {\n                const tabInstance = new bootstrap.Tab(tab);\n                tabInstance.show();\n            }\n        }\n    });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Project Details IMEO Projects Projects Gallery Project Details HSA Company Pioneers in food security and grain storage solutions in Yemen About The Project HSA is one of the largest industrial food companies in Yemen. It provides strategic grain storage, high-capacity flour milling, and distribution services to ensure food availability across the country. Project Description The [&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-682","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages\/682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=682"}],"version-history":[{"count":6,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages\/682\/revisions"}],"predecessor-version":[{"id":891,"href":"https:\/\/imeo-eg.net\/index.php?rest_route=\/wp\/v2\/pages\/682\/revisions\/891"}],"wp:attachment":[{"href":"https:\/\/imeo-eg.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}