{"id":9029,"date":"2025-12-27T08:28:15","date_gmt":"2025-12-27T08:28:15","guid":{"rendered":"https:\/\/ezmelco.com\/design\/?page_id=9029"},"modified":"2026-01-11T07:41:22","modified_gmt":"2026-01-11T07:41:22","slug":"landscape","status":"publish","type":"page","link":"https:\/\/ezmelco.com\/design\/landscape\/","title":{"rendered":"LANDSCAPE"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Landscape Services<\/title>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n font-family: 'Arial', sans-serif;\r\n background: #ffffff;\r\n color: #333;\r\n }\r\n \r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 30px 20px 50px 20px;\r\n }\r\n \r\n .header-section {\r\n position: relative;\r\n padding: 40px 40px;\r\n background: linear-gradient(135deg, #1a2332 0%, #2d5a8f 50%, #1a2332 100%);\r\n border-radius: 20px;\r\n margin-bottom: 30px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .header-bg-shape {\r\n position: absolute;\r\n border-radius: 50%;\r\n opacity: 0.08;\r\n animation: floatShape 15s infinite;\r\n }\r\n\r\n .shape-1 {\r\n width: 300px;\r\n height: 300px;\r\n background: white;\r\n top: -100px;\r\n left: -50px;\r\n }\r\n\r\n .shape-2 {\r\n width: 200px;\r\n height: 200px;\r\n background: white;\r\n bottom: -50px;\r\n right: -30px;\r\n animation-delay: 5s;\r\n }\r\n\r\n @keyframes floatShape {\r\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\r\n 25% { transform: translate(20px, -20px) rotate(90deg); }\r\n 50% { transform: translate(-15px, 15px) rotate(180deg); }\r\n 75% { transform: translate(15px, 20px) rotate(270deg); }\r\n }\r\n\r\n .header-grid {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: \r\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n opacity: 0.5;\r\n }\r\n\r\n .header-content {\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .section-badge {\r\n display: inline-block;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n padding: 8px 20px;\r\n border-radius: 50px;\r\n color: white;\r\n font-size: 0.85em;\r\n font-weight: 600;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 20px;\r\n animation: slideDown 0.8s ease-out;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n text-transform: uppercase;\r\n }\r\n\r\n @keyframes slideDown {\r\n from { opacity: 0; transform: translateY(-30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n \r\n .section-title {\r\n color: white;\r\n font-size: 2.5em;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n letter-spacing: -0.5px;\r\n animation: slideUp 0.8s ease-out 0.2s both;\r\n }\r\n\r\n @keyframes slideUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n .decorative-line {\r\n width: 100px;\r\n height: 3px;\r\n background: white;\r\n margin-bottom: 15px;\r\n border-radius: 2px;\r\n box-shadow: 0 0 15px rgba(255, 255, 255, 0.6);\r\n animation: expandLine 0.8s ease-out 0.4s both;\r\n }\r\n\r\n @keyframes expandLine {\r\n from { width: 0; }\r\n to { width: 100px; }\r\n }\r\n \r\n .intro-text {\r\n color: rgba(255, 255, 255, 0.95);\r\n line-height: 1.9;\r\n font-size: 1.15em;\r\n text-align: justify;\r\n font-weight: 300;\r\n animation: fadeIn 0.8s ease-out 0.6s both;\r\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\r\n margin-bottom: 15px;\r\n }\r\n\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n .services-grid-top {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin: 25px 0 30px 0;\r\n }\r\n \r\n .service-badge {\r\n background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n padding: 20px 25px;\r\n border-radius: 12px;\r\n border-left: 4px solid #10b981;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .service-badge:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 8px 20px rgba(16, 185, 129, 0.15);\r\n border-left-color: #059669;\r\n }\r\n \r\n .service-badge-icon {\r\n font-size: 1.8em;\r\n flex-shrink: 0;\r\n }\r\n \r\n .service-badge-text {\r\n color: #059669;\r\n font-weight: 600;\r\n font-size: 1.05em;\r\n }\r\n \r\n .project-section {\r\n margin-bottom: 30px;\r\n }\r\n \r\n .project-container {\r\n display: flex;\r\n gap: 40px;\r\n align-items: center;\r\n margin-bottom: 30px;\r\n padding: 25px;\r\n background: #f8f9fa;\r\n border-radius: 15px;\r\n box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);\r\n }\r\n \r\n .project-container.reverse {\r\n flex-direction: row-reverse;\r\n }\r\n \r\n .project-details {\r\n flex: 1;\r\n }\r\n \r\n .project-title {\r\n color: #059669;\r\n font-size: 1.6em;\r\n font-weight: 600;\r\n margin-bottom: 15px;\r\n border-left: 4px solid #10b981;\r\n padding-left: 15px;\r\n }\r\n \r\n .project-info {\r\n display: flex;\r\n gap: 20px;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .info-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #666;\r\n font-size: 0.95em;\r\n }\r\n \r\n .info-icon {\r\n color: #10b981;\r\n font-weight: bold;\r\n }\r\n \r\n .project-description {\r\n color: #4a5568;\r\n line-height: 1.7;\r\n font-size: 1.05em;\r\n text-align: justify;\r\n }\r\n \r\n .project-slider {\r\n flex: 1;\r\n position: relative;\r\n min-height: 350px;\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .slider-container {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n min-height: 350px;\r\n }\r\n \r\n .slider-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n opacity: 0;\r\n transition: opacity 0.5s ease-in-out;\r\n }\r\n \r\n .slider-image.active {\r\n opacity: 1;\r\n }\r\n \r\n .slider-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n \r\n .slider-arrow {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255, 255, 255, 0.9);\r\n border: none;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.3em;\r\n color: #059669;\r\n transition: all 0.3s ease;\r\n z-index: 10;\r\n box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .slider-arrow:hover {\r\n background: #059669;\r\n color: white;\r\n transform: translateY(-50%) scale(1.1);\r\n }\r\n \r\n .slider-arrow.prev {\r\n left: 15px;\r\n }\r\n \r\n .slider-arrow.next {\r\n right: 15px;\r\n }\r\n \r\n .slider-dots {\r\n position: absolute;\r\n bottom: 15px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 8px;\r\n z-index: 10;\r\n }\r\n \r\n .dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.5);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid rgba(255, 255, 255, 0.8);\r\n }\r\n \r\n .dot.active {\r\n background: white;\r\n transform: scale(1.3);\r\n }\r\n \r\n .image-counter {\r\n position: absolute;\r\n top: 15px;\r\n right: 15px;\r\n background: rgba(0, 0, 0, 0.6);\r\n color: white;\r\n padding: 5px 12px;\r\n border-radius: 20px;\r\n font-size: 0.9em;\r\n font-weight: 600;\r\n z-index: 10;\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .header-section {\r\n padding: 40px 25px;\r\n }\r\n\r\n .section-title {\r\n font-size: 2em;\r\n }\r\n\r\n .intro-text {\r\n font-size: 1em;\r\n }\r\n\r\n .header-bg-shape {\r\n display: none;\r\n }\r\n\r\n .container {\r\n padding: 40px 20px;\r\n }\r\n \r\n .services-grid-top {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n \r\n .service-badge {\r\n padding: 15px 20px;\r\n }\r\n \r\n .project-container,\r\n .project-container.reverse {\r\n flex-direction: column;\r\n padding: 20px;\r\n }\r\n \r\n .project-title {\r\n font-size: 1.3em;\r\n }\r\n \r\n .project-slider {\r\n min-height: 250px;\r\n width: 100%;\r\n }\r\n \r\n .slider-container {\r\n min-height: 250px;\r\n }\r\n \r\n .slider-arrow {\r\n width: 35px;\r\n height: 35px;\r\n font-size: 1.1em;\r\n }\r\n \r\n .slider-arrow.prev {\r\n left: 10px;\r\n }\r\n \r\n .slider-arrow.next {\r\n right: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"header-section\">\r\n <div class=\"header-bg-shape shape-1\"><\/div>\r\n <div class=\"header-bg-shape shape-2\"><\/div>\r\n <div class=\"header-grid\"><\/div>\r\n \r\n <div class=\"header-content\">\r\n <div class=\"section-badge\">\ud83c\udf33 Green Solutions<\/div>\r\n <h2 class=\"section-title\">Landscape Services<\/h2>\r\n <div class=\"decorative-line\"><\/div>\r\n <p class=\"intro-text\">\r\n We provide innovative and efficient landscaping services designed to transform outdoor spaces into environments that combine beauty and functionality. From vibrant green areas to unique designs of pavements and outdoor structures, we work to turn these spaces into natural landscapes that enhance the visual experience and leave a lasting impression.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"services-grid-top\">\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83c\udf3f<\/div>\r\n <div class=\"service-badge-text\">Green Space Landscaping<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83e\udea8<\/div>\r\n <div class=\"service-badge-text\">Hardscape Design<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83c\udf31<\/div>\r\n <div class=\"service-badge-text\">Planting & Vegetation<\/div>\r\n <\/div>\r\n <div class=\"service-badge\">\r\n <div class=\"service-badge-icon\">\ud83d\udca7<\/div>\r\n <div class=\"service-badge-text\">Water Features<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"project-section\">\r\n <!-- Project 5.1 -->\r\n <div class=\"project-container\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">5.1 Al Murooj Golf Course Project<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Al Murooj<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2018<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n The project involved the construction and landscaping of Al Murooj Golf Course, including earthworks, paving, irrigation networks, landscaping with grass and trees, as well as the installation of drainage and electrical systems, all executed to ensure durability, functionality, and refined aesthetic appeal.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\" data-slider-id=\"1\">\r\n <div class=\"slider-container\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/3-3.jpg\" alt=\"Golf Course 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/4-2.jpg\" alt=\"Golf Course 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/5-2.jpg\" alt=\"Golf Course 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/Master-pic-9.jpg\" alt=\"Golf Course 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/z.jpg\" alt=\"Golf Course 5\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\">\u2039<\/button>\r\n <button class=\"slider-arrow next\">\u203a<\/button>\r\n <div class=\"image-counter\">1 \/ 5<\/div>\r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Project 5.2 -->\r\n <div class=\"project-container reverse\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">5.2 Construction Pergola and Landscape Project - SWCC<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Riyadh<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Saudi Water Authority<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2024<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n The project encompassed the design, construction, and landscaping works, including site preparation with debris removal, area leveling, paving, planting of trees and shrubs, installation of irrigation systems, construction of a modern tensile pergola, and development of outdoor seating areas, enhancing functionality, durability, and visual appeal.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\" data-slider-id=\"2\">\r\n <div class=\"slider-container\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000-3.jpg\" alt=\"SWCC 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000-4.jpg\" alt=\"SWCC 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00-4.jpg\" alt=\"SWCC 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/master-pic-10.jpg\" alt=\"SWCC 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/s2.jpg\" alt=\"SWCC 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/s11.jpg\" alt=\"SWCC 6\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\">\u2039<\/button>\r\n <button class=\"slider-arrow next\">\u203a<\/button>\r\n <div class=\"image-counter\">1 \/ 6<\/div>\r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Project 5.3 -->\r\n <div class=\"project-container\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">5.3 MISK School Playground Maintenance Project<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Riyadh<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Riyadh School Group<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n The project involved maintenance and upgrades of school playgrounds, including removal of old flooring, surface preparation, installation of new grass and rubber play areas, new play equipment, and age-appropriate seating, ensuring safety, functionality, and quality.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\" data-slider-id=\"3\">\r\n <div class=\"slider-container\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000000-2.jpg\" alt=\"MISK 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00000-4.jpg\" alt=\"MISK 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000-3.jpg\" alt=\"MISK 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000-5.jpg\" alt=\"MISK 4\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/00-5.jpg\" alt=\"MISK 5\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0-5.jpg\" alt=\"MISK 6\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/1-4.jpg\" alt=\"MISK 7\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/2-4.jpg\" alt=\"MISK 8\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/3-4.jpg\" alt=\"MISK 9\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/5-3.jpg\" alt=\"MISK 10\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/WhatsApp-Image-2025-08-03-at-4.41.51-AM-1.jpeg\" alt=\"MISK 11\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\">\u2039<\/button>\r\n <button class=\"slider-arrow next\">\u203a<\/button>\r\n <div class=\"image-counter\">1 \/ 11<\/div>\r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Project 5.4 -->\r\n <div class=\"project-container reverse\">\r\n <div class=\"project-details\">\r\n <h3 class=\"project-title\">5.4 Diriyah Landscape Project<\/h3>\r\n <div class=\"project-info\">\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udccd<\/span>\r\n <span>Riyadh<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83c\udfe2<\/span>\r\n <span>Diriyah Company<\/span>\r\n <\/div>\r\n <div class=\"info-item\">\r\n <span class=\"info-icon\">\ud83d\udcc5<\/span>\r\n <span>2025<\/span>\r\n <\/div>\r\n <\/div>\r\n <p class=\"project-description\">\r\n The project improved the area as a green and recreational space, providing places for active and quiet activities, connecting communities, and teaching about local culture. Walking and cycling paths link with the Diriyah project to support healthy lifestyles, while planting and green spaces help nature and make the area more enjoyable.\r\n <\/p>\r\n <\/div>\r\n <div class=\"project-slider\" data-slider-id=\"4\">\r\n <div class=\"slider-container\">\r\n <div class=\"slider-image active\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0000-4.jpg\" alt=\"Diriyah 1\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/000-6-scaled.jpg\" alt=\"Diriyah 2\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/0-6-scaled.jpg\" alt=\"Diriyah 3\">\r\n <\/div>\r\n <div class=\"slider-image\">\r\n <img decoding=\"async\" src=\"https:\/\/ezmelco.com\/design\/wp-content\/uploads\/2026\/01\/master-pic-11.jpg\" alt=\"Diriyah 4\">\r\n <\/div>\r\n <\/div>\r\n <button class=\"slider-arrow prev\">\u2039<\/button>\r\n <button class=\"slider-arrow next\">\u203a<\/button>\r\n <div class=\"image-counter\">1 \/ 4<\/div>\r\n <div class=\"slider-dots\">\r\n <span class=\"dot active\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Initialize all sliders\r\n const sliders = document.querySelectorAll('.project-slider');\r\n \r\n sliders.forEach((slider) => {\r\n let currentIndex = 0;\r\n const images = slider.querySelectorAll('.slider-image');\r\n const dots = slider.querySelectorAll('.dot');\r\n const counter = slider.querySelector('.image-counter');\r\n const prevBtn = slider.querySelector('.prev');\r\n const nextBtn = slider.querySelector('.next');\r\n const totalImages = images.length;\r\n let autoPlayInterval;\r\n\r\n \/\/ Function to show slide\r\n function showSlide(index) {\r\n \/\/ Remove active class from all\r\n images.forEach(img => img.classList.remove('active'));\r\n dots.forEach(dot => dot.classList.remove('active'));\r\n \r\n \/\/ Add active class to current\r\n images[index].classList.add('active');\r\n dots[index].classList.add('active');\r\n \r\n \/\/ Update counter\r\n counter.textContent = `${index + 1} \/ ${totalImages}`;\r\n }\r\n\r\n \/\/ Next slide\r\n function nextSlide() {\r\n currentIndex = (currentIndex + 1) % totalImages;\r\n showSlide(currentIndex);\r\n }\r\n\r\n \/\/ Previous slide\r\n function prevSlide() {\r\n currentIndex = (currentIndex - 1 + totalImages) % totalImages;\r\n showSlide(currentIndex);\r\n }\r\n\r\n \/\/ Start autoplay\r\n function startAutoPlay() {\r\n autoPlayInterval = setInterval(nextSlide, 4000);\r\n }\r\n\r\n \/\/ Stop autoplay\r\n function stopAutoPlay() {\r\n clearInterval(autoPlayInterval);\r\n }\r\n\r\n \/\/ Event listeners for buttons\r\n nextBtn.addEventListener('click', () => {\r\n nextSlide();\r\n stopAutoPlay();\r\n startAutoPlay();\r\n });\r\n\r\n prevBtn.addEventListener('click', () => {\r\n prevSlide();\r\n stopAutoPlay();\r\n startAutoPlay();\r\n });\r\n\r\n \/\/ Event listeners for dots\r\n dots.forEach((dot, index) => {\r\n dot.addEventListener('click', () => {\r\n currentIndex = index;\r\n showSlide(currentIndex);\r\n stopAutoPlay();\r\n startAutoPlay();\r\n });\r\n });\r\n\r\n \/\/ Pause on hover\r\n slider.addEventListener('mouseenter', stopAutoPlay);\r\n slider.addEventListener('mouseleave', startAutoPlay);\r\n\r\n \/\/ Start autoplay\r\n startAutoPlay();\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Landscape Services \ud83c\udf33 Green Solutions Landscape Services We provide innovative and efficient landscaping services designed to transform outdoor spaces into environments that combine beauty and functionality. From vibrant green areas to unique designs of pavements and outdoor structures, we work to turn these spaces into natural landscapes that enhance the visual experience and leave a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9029","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/comments?post=9029"}],"version-history":[{"count":8,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9029\/revisions"}],"predecessor-version":[{"id":9676,"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/pages\/9029\/revisions\/9676"}],"wp:attachment":[{"href":"https:\/\/ezmelco.com\/design\/wp-json\/wp\/v2\/media?parent=9029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}