{"id":34,"date":"2025-11-22T18:11:02","date_gmt":"2025-11-22T18:11:02","guid":{"rendered":"https:\/\/dmkfencesupply.com\/?page_id=34"},"modified":"2026-05-13T09:25:11","modified_gmt":"2026-05-13T09:25:11","slug":"home","status":"publish","type":"page","link":"https:\/\/dmkfencesupply.com\/es\/","title":{"rendered":"P\u00e1gina principal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34\" class=\"elementor elementor-34\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faff93a e-con-full e-flex e-con e-parent\" data-id=\"faff93a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-37c894a e-con-full e-flex e-con e-child\" data-id=\"37c894a\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-image-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2223504 e-con-full e-flex e-con e-child\" data-id=\"2223504\" data-element_type=\"container\" data-e-type=\"container\" id=\"hero-image\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f894bbf e-con-full e-flex e-con e-child\" data-id=\"f894bbf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-96a5ef1 e-con-full e-flex e-con e-child\" data-id=\"96a5ef1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc81b3c elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"bc81b3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Building Your <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-071992b e-con-full e-flex e-con e-child\" data-id=\"071992b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e70cdd9 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"e70cdd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Outdoor Vision<\/h2>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa66bdb e-con-full e-flex e-con e-child\" data-id=\"fa66bdb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-add9c03 e-con-full e-flex e-con e-child\" data-id=\"add9c03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-16193b3 e-con-full e-flex e-con e-child\" data-id=\"16193b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46b90d4 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"46b90d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Built for Contractors Who Don\u2019t Have Time to Wait<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61d163c elementor-widget__width-initial elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"61d163c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>At DMK, we understand one thing better than anyone: time is money in construction. Delays cost you clients, deadlines, and reputation. That\u2019s why we\u2019ve built our production system around speed, precision, and reliability.<br \/>With over 4 years of experience and a professional team, DMK manufactures durable and modern solutions for contractors, developers, and resellers.<br \/>We don\u2019t install. We manufacture \u2014 fast, clean, and right.\u2028From custom gates to bulk fence orders, we help you move faster and deliver better.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bb4d12 elementor-align-justify elementor-widget elementor-widget-button\" data-id=\"0bb4d12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/dmkfencesupply.com\/about-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-arrow-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d7ff1e2 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"d7ff1e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aa4cd79 e-con-full e-flex e-con e-child\" data-id=\"aa4cd79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28b92aa elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"28b92aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"4\">0<\/span>+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43f4038 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"43f4038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Years of experience<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4b7995 e-con-full e-flex e-con e-child\" data-id=\"c4b7995\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12cbc32 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"12cbc32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"4\">0<\/span>+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-59dc451 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"59dc451\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eb4fef4 e-con-full e-flex e-con e-child\" data-id=\"eb4fef4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1792fd4 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"1792fd4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"5000\">0<\/span>+\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6343693 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"6343693\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects<\/h2>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19a21ae e-con-full e-flex e-con e-child\" data-id=\"19a21ae\" data-element_type=\"container\" data-e-type=\"container\" id=\"image-arrow-container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-224a148 elementor-widget elementor-widget-image\" data-id=\"224a148\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/0d89d7e97c8f0b2dd8e99d36f7658ca7b172c0dd-1024x576.jpg\" class=\"attachment-large size-large wp-image-11776\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/0d89d7e97c8f0b2dd8e99d36f7658ca7b172c0dd-1024x576.jpg 1024w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/0d89d7e97c8f0b2dd8e99d36f7658ca7b172c0dd-300x169.jpg 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/0d89d7e97c8f0b2dd8e99d36f7658ca7b172c0dd-768x432.jpg 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/0d89d7e97c8f0b2dd8e99d36f7658ca7b172c0dd-1536x864.jpg 1536w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/0d89d7e97c8f0b2dd8e99d36f7658ca7b172c0dd-2048x1152.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d3fd41 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"0d3fd41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bafd9f6 e-con-full e-flex e-con e-child\" data-id=\"bafd9f6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ee6107 elementor-widget elementor-widget-heading\" data-id=\"8ee6107\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"7\">0<\/span>+\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce9bd5f elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"ce9bd5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Years of experience<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ecabdb e-con-full e-flex e-con e-child\" data-id=\"9ecabdb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e705ed elementor-widget elementor-widget-heading\" data-id=\"3e705ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"6\">0<\/span>+\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ff8c32b elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ff8c32b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-49eefd1 e-con-full e-flex e-con e-child\" data-id=\"49eefd1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-91ca984 elementor-widget elementor-widget-heading\" data-id=\"91ca984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"5000\">0<\/span>+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70cebd5 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"70cebd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects<\/h2>\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<div class=\"elementor-element elementor-element-35f974d e-con-full elementor-hidden-desktop e-flex e-con e-child\" data-id=\"35f974d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-50d0e0c e-con-full e-flex e-con e-child\" data-id=\"50d0e0c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-127500e elementor-widget elementor-widget-heading\" data-id=\"127500e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"7\">0<\/span>+\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-758d966 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"758d966\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Years of experience<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39073eb e-con-full e-flex e-con e-child\" data-id=\"39073eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-994283a elementor-widget elementor-widget-heading\" data-id=\"994283a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"6\">0<\/span>+\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d37ef3 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"3d37ef3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cd4e57 e-con-full e-flex e-con e-child\" data-id=\"1cd4e57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-756670a elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"756670a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"count-up\" data-target=\"5000\">0<\/span>+<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-85f419d elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"85f419d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects<\/h2>\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\t\t<div class=\"elementor-element elementor-element-b2bcac9 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"b2bcac9\" 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<script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n  const counters = document.querySelectorAll(\".count-up\");\n  const duration = 1500; \/\/ \u0432\u0440\u0435\u043c\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0432 \u043c\u0438\u043b\u043b\u0438\u0441\u0435\u043a\u0443\u043d\u0434\u0430\u0445\n\n  const animate = (el) => {\n    const target = +el.dataset.target;\n    const start = performance.now();\n\n    const step = (time) => {\n      const progress = Math.min((time - start) \/ duration, 1);\n      const value = Math.floor(progress * target);\n\n      el.textContent = value;\n\n      if (progress < 1) {\n        requestAnimationFrame(step);\n      }\n    };\n\n    requestAnimationFrame(step);\n  };\n\n  const observer = new IntersectionObserver((entries, obs) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        animate(entry.target);\n        obs.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.4 });\n\n  counters.forEach(counter => observer.observe(counter));\n});\n\n<\/script>\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<div class=\"elementor-element elementor-element-8978126 e-con-full e-flex e-con e-child\" data-id=\"8978126\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-b291384 e-con-full e-flex e-con e-child\" data-id=\"b291384\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb7c45e elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"cb7c45e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Products<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21d7d0d elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"21d7d0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tap to discover materials &amp; custom options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f453d17 elementor-hidden-desktop elementor-widget elementor-widget-html\" data-id=\"f453d17\" 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\r\n<style>\r\n\/* Reset\/Global styles should be minimal or specific *\/\r\n.wpf_slider_body {\r\n    font-family: Arial, sans-serif;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 100vh;\r\n    margin: 0;\r\n    background-color: #f5f5f5;\r\n}\r\n\r\n.wpf_slider_container {\r\n    width: 100%;\r\n    max-width: 500px;\r\n    padding: 20px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.wpf_slider_track {\r\n    display: flex;\r\n    transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.wpf_slider_card {\r\n    flex-shrink: 0; \r\n    display: flex;\r\n    justify-content: center;\r\n    width: 100%; \r\n    margin: 0;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    overflow: hidden;\r\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n    position: relative;\r\n}\r\n\r\n.wpf_slider_card img {\r\n    width: 100%;\r\n    height: 350px;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.wpf_slider_card_content {\r\n    position: absolute;\r\n    bottom: 10px;\r\n    width: 90%;\r\n    \/* Frosted glass effect *\/\r\n    background: #ffffff1f;\r\n    border: 1px solid #ffffff36;\r\n    border-radius: 20px;\r\n    backdrop-filter: blur(5px);\r\n    color: #333;\r\n    padding: 15px;\r\n}\r\n\r\n.wpf_slider_card_content h3 {\r\n    margin: 0 0 5px 0;\r\n    font-size: 1.5em;\r\n    font-weight: bold;\r\n    color: white;\r\n}\r\n\r\n.wpf_slider_card_content p {\r\n    margin: 0;\r\n    font-size: 0.9em;\r\n    color: rgba(255, 255, 255, 0.788);\r\n}\r\n\r\n\/* --- Pagination Dots --- *\/\r\n\r\n.wpf_slider_dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 25px 0 15px 0;\r\n}\r\n\r\n.wpf_slider_dot {\r\n    height: 10px;\r\n    width: 10px;\r\n    background-color: #ccc; \r\n    border-radius: 50%;\r\n    margin: 0 5px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s, transform 0.3s;\r\n}\r\n\r\n.wpf_slider_dot.active {\r\n    background-color: #FFA61E;\r\n    transform: scale(1.2);\r\n}\r\n\r\n\/* --- View All Link --- *\/\r\n\r\n.wpf_slider_view_all_link {\r\n    display: block;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    color: #007bff;\r\n    font-weight: bold;\r\n    margin-top: 10px;\r\n}\r\n<\/style>\r\n<!DOCTYPE html>\r\n<div class=\"wpf_slider_container\">\r\n    <div class=\"wpf_slider_track\" id=\"wpf_sliderTrack\">\r\n\r\n        <a href=\"\/portfolio target=\"_self\" class=\"wpf_slider_card\">\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/01\/Los-Angeles-LFC-Fence-Vinyl-100.png\" alt=\"Fences\">\r\n            <div class=\"wpf_slider_card_content\">\r\n                <h3>Fences<\/h3>\r\n                <p>Custom fences tailored to your property. Durable & aesthetic.<\/p>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"\/portfolio\" target=\"_self\" class=\"wpf_slider_card\">\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/01\/Los-Angeles-LFC-Gate-Aluminum-40-1.jpg\" alt=\"Modern gate entrance\">\r\n            <div class=\"wpf_slider_card_content\">\r\n                <h3>Gates<\/h3>\r\n                <p>Custom gates to match your style. Elegant to secure\u2014boost look, safety, convenience.<\/p>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"\/portfolio\" target=\"_self\" class=\"wpf_slider_card\">\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/01\/Los-Angeles-LFC-Deck-12.webp\" alt=\"Outdoor wooden deck\">\r\n            <div class=\"wpf_slider_card_content\">\r\n                <h3>Decks<\/h3>\r\n                <p>Expert deck design and building. Cozy or spacious, durable decks that boost comfort, style, and\r\n                    value.<\/p>\r\n            <\/div>\r\n        <\/a>\r\n\r\n        <a href=\"\/portfolio\" target=\"_self\" class=\"wpf_slider_card\">\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742369.jpg\" alt=\"Railings\">\r\n            <div class=\"wpf_slider_card_content\">\r\n                <h3>Railings<\/h3>\r\n                <p>Modern railing systems designed for safety, durability, and a clean architectural look.<\/p>\r\n            <\/div>\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"wpf_slider_dots\" id=\"wpf_sliderDots\">\r\n        <span class=\"wpf_slider_dot active\" data-index=\"0\"><\/span>\r\n        <span class=\"wpf_slider_dot\" data-index=\"1\"><\/span>\r\n        <span class=\"wpf_slider_dot\" data-index=\"2\"><\/span>\r\n        <span class=\"wpf_slider_dot\" data-index=\"3\"><\/span>\r\n    <\/div>\r\n\r\n    <a href=\"\/portfolio\" class=\"wpf_slider_view_all_link\">View all<\/a>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ UPDATED IDs\r\n    const sliderTrack = document.getElementById('wpf_sliderTrack');\r\n    const dotsContainer = document.getElementById('wpf_sliderDots');\r\n    \r\n    \/\/ UPDATED CLASSES\r\n    const cards = sliderTrack.querySelectorAll('.wpf_slider_card');\r\n    const dots = dotsContainer.querySelectorAll('.wpf_slider_dot');\r\n    const totalCards = cards.length;\r\n    let currentIndex = 0;\r\n\r\n    \/\/ Variables for drag\/swipe handling\r\n    let isDragging = false;\r\n    let startPos = 0;\r\n    let currentTranslate = 0;\r\n    let prevTranslate = 0;\r\n    const DRAG_THRESHOLD = 50; \/\/ Minimum distance (in pixels) to register a swipe\r\n\r\n    \/**\r\n     * Calculates the necessary transform offset to show the card at the given index.\r\n     *\/\r\n    function updateSlider() {\r\n        if (totalCards === 0) return;\r\n\r\n        \/\/ Get the width of the slider container (which is the width of one card)\r\n        const containerWidth = sliderTrack.parentElement.offsetWidth;\r\n\r\n        \/\/ Calculate the target translation needed\r\n        const translateX = -currentIndex * containerWidth;\r\n\r\n        \/\/ Apply the transformation\r\n        sliderTrack.style.transform = `translateX(${translateX}px)`;\r\n        prevTranslate = translateX; \/\/ Update the previous translate for drag\/swipe calculations\r\n\r\n        \/\/ Update active dot\r\n        dots.forEach((dot, index) => {\r\n            \/\/ UPDATED ACTIVE CLASS\r\n            dot.classList.remove('active');\r\n            if (index === currentIndex) {\r\n                dot.classList.add('active');\r\n            }\r\n        });\r\n    }\r\n\r\n    \/**\r\n     * Moves to the next or previous slide based on direction.\r\n     * @param {number} direction - 1 for next, -1 for previous.\r\n     *\/\r\n    function moveSlide(direction) {\r\n        let newIndex = currentIndex + direction;\r\n\r\n        \/\/ Loop functionality\r\n        if (newIndex < 0) {\r\n            newIndex = totalCards - 1; \/\/ Wrap around to the last card\r\n        } else if (newIndex >= totalCards) {\r\n            newIndex = 0; \/\/ Wrap around to the first card\r\n        }\r\n\r\n        currentIndex = newIndex;\r\n        updateSlider();\r\n    }\r\n\r\n    \/\/ --- Dot Navigation Event Listeners ---\r\n    \r\n    dots.forEach(dot => {\r\n        dot.addEventListener('click', () => {\r\n            const index = parseInt(dot.getAttribute('data-index'));\r\n            currentIndex = index;\r\n            updateSlider();\r\n        });\r\n    });\r\n\r\n    \/\/ --- Drag\/Swipe Functionality ---\r\n\r\n    \/\/ Get the coordinate (clientX) based on event type (Touch or Mouse)\r\n    function getPositionX(event) {\r\n        return event.type.includes('touch') ? event.touches[0].clientX : event.clientX;\r\n    }\r\n\r\n    \/\/ --- Start Drag\/Swipe ---\r\n    \r\n    function touchStart(event) {\r\n        isDragging = true;\r\n        startPos = getPositionX(event);\r\n        \/\/ Add smooth transition back after drag ends\r\n        sliderTrack.style.transition = 'none'; \r\n    }\r\n\r\n    \/\/ --- Drag\/Swipe Move ---\r\n\r\n    function touchMove(event) {\r\n        if (!isDragging) return;\r\n\r\n        const currentPos = getPositionX(event);\r\n        currentTranslate = prevTranslate + currentPos - startPos;\r\n        \r\n        \/\/ Move the track in real-time during the drag\r\n        sliderTrack.style.transform = `translateX(${currentTranslate}px)`;\r\n    }\r\n\r\n    \/\/ --- End Drag\/Swipe ---\r\n\r\n    function touchEnd() {\r\n        if (!isDragging) return;\r\n        isDragging = false;\r\n        sliderTrack.style.transition = 'transform 0.3s ease-in-out'; \/\/ Re-enable smooth transition\r\n\r\n        const movedBy = currentTranslate - prevTranslate;\r\n\r\n        \/\/ Check if a swipe occurred\r\n        if (movedBy < -DRAG_THRESHOLD) {\r\n            \/\/ Swiped Left (move to next card)\r\n            moveSlide(1);\r\n        } else if (movedBy > DRAG_THRESHOLD) {\r\n            \/\/ Swiped Right (move to previous card)\r\n            moveSlide(-1);\r\n        } else {\r\n            \/\/ Didn't move enough, snap back to the current card\r\n            updateSlider();\r\n        }\r\n    }\r\n    \r\n    \/\/ --- Mouse and Touch Event Registration ---\r\n    \r\n    \/\/ Touch events for mobile\r\n    sliderTrack.addEventListener('touchstart', touchStart);\r\n    sliderTrack.addEventListener('touchend', touchEnd);\r\n    sliderTrack.addEventListener('touchmove', touchMove);\r\n\r\n    \/\/ Mouse events for desktop drag\r\n    sliderTrack.addEventListener('mousedown', touchStart);\r\n    sliderTrack.addEventListener('mouseup', touchEnd);\r\n    sliderTrack.addEventListener('mouseleave', () => { if(isDragging) touchEnd(); }); \/\/ End drag if mouse leaves container\r\n    sliderTrack.addEventListener('mousemove', touchMove);\r\n    \r\n    \/\/ Prevent image drag ghosting on desktop\r\n    sliderTrack.querySelectorAll('img').forEach(img => img.addEventListener('dragstart', (e) => e.preventDefault()));\r\n\r\n    \/\/ Handle resizing to maintain correct slide position\r\n    window.addEventListener('resize', updateSlider);\r\n\r\n    \/\/ Initialize the slider position\r\n    updateSlider(); \r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccd8649 e-con-full e-flex e-con e-child\" data-id=\"ccd8649\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c142f93 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"c142f93\" 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<style>\r\n    @media (min-width: 1024px) {\r\n\r\n        .desk-slider {\r\n            max-width: 100%;\r\n            margin: 80px auto;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 20px;\r\n        }\r\n\r\n        .desk-track {\r\n            display: flex;\r\n            gap: 24px;\r\n            transition: transform .5s ease-in-out !important;\r\n        }\r\n\r\n        .desk-track * {\r\n            text-decoration: none;\r\n            color: white;\r\n            font-family: Poppins;\r\n        }\r\n\r\n        .desk-track a {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .desk-card {\r\n            flex: 0 0 calc((100% - 2 * 24px) \/ 3);\r\n            border-radius: 20px;\r\n            box-sizing: border-box;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            transition: transform .3s ease, box-shadow .3s ease !important;\r\n            position: relative;\r\n\r\n            padding: 15px;\r\n        }\r\n\r\n        .desk-card:nth-child(even) {\r\n            background: #E98F12;\r\n        }\r\n\r\n        .desk-card:nth-child(odd) {\r\n            background: #037DF1;\r\n        }\r\n\r\n        .desk-card:hover {\r\n            transform: translateY(-10px);\r\n\r\n        }\r\n\r\n        .desk-card img {\r\n            width: 100%;\r\n            height: 305px;\r\n            border-radius: 20px;\r\n            object-fit: cover;\r\n            display: block;\r\n            background: transparent;\r\n\r\n        }\r\n\r\n\r\n        .header-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            width: 95%;\r\n        }\r\n\r\n        .header-container h3 {\r\n            margin: 0;\r\n            font-family: Poppins;\r\n            color: #fff;\r\n            font-size: 22px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .header-container span {\r\n            margin: 0;\r\n            font-family: Poppins;\r\n            color: #fff;\r\n            font-size: 22px;\r\n            font-weight: 600;\r\n        }\r\n\r\n\r\n\r\n        .card-subtitle {\r\n            display: flex;\r\n            justify-content: start;\r\n            width: 95%;\r\n        }\r\n\r\n        .card-subtitle {\r\n            margin-top: 6px;\r\n            font-family: Poppins;\r\n            font-size: 14px;\r\n            line-height: 1.4;\r\n            opacity: 0.9;\r\n            color: #FFFFFFCC;\r\n        }\r\n\r\n        .desk-arrow-icon {\r\n            position: absolute;\r\n            right: 16px;\r\n            top: 16px;\r\n            font-size: 20px;\r\n            opacity: 0.85;\r\n        }\r\n\r\n        .desk-arrow {\r\n            position: absolute;\r\n            padding: 0 !important;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: 48px;\r\n            height: 48px;\r\n            border-radius: 50%;\r\n            border: none;\r\n            color: #000000;\r\n            background: #e3e3e3;\r\n            font-size: 28px;\r\n            cursor: pointer;\r\n            z-index: 10;\r\n            transition: background .25s ease;\r\n        }\r\n\r\n\r\n        .desk-arrow.left {\r\n            left: 0;\r\n        }\r\n\r\n        .desk-arrow.right {\r\n            right: 0;\r\n        }\r\n\r\n        .desk-arrow:hover,\r\n        .desk-arrow:focus {\r\n            background: #eceaea;\r\n        }\r\n\r\n    }\r\n<\/style>\r\n\r\n\r\n<div class=\"desk-slider\">\r\n    <button class=\"desk-arrow left\">\u2039<\/button>\r\n\r\n    <div class=\"desk-track\">\r\n\r\n        <a href=\"\/portfolio\" target=\"_self\" class=\"desk-card\">\r\n            <div class=\"header-container\">\r\n                <h3>Fences<\/h3>\r\n                <span>\r\n                    <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M10.5845 2.55375L1.25175 11.877C1.11325 12.0153 0.93925 12.0829 0.72975 12.0798C0.520083 12.0766 0.346 12.0058 0.2075 11.8673C0.0691667 11.7288 0 11.5563 0 11.35C0 11.1437 0.0691667 10.9713 0.2075 10.8328L9.53075 1.5H1.3345C1.122 1.5 0.943833 1.42808 0.8 1.28425C0.656333 1.14042 0.5845 0.96225 0.5845 0.74975C0.5845 0.537083 0.656333 0.359 0.8 0.2155C0.943833 0.0718332 1.122 0 1.3345 0H11.1805C11.4367 0 11.6513 0.0865837 11.8245 0.25975C11.9978 0.433084 12.0845 0.647751 12.0845 0.903751V10.75C12.0845 10.9625 12.0126 11.1406 11.8688 11.2843C11.7249 11.4281 11.5468 11.5 11.3343 11.5C11.1216 11.5 10.9434 11.4281 10.7998 11.2843C10.6562 11.1406 10.5845 10.9625 10.5845 10.75V2.55375Z\"\r\n                            fill=\"white\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"card-subtitle\">\r\n                <p>Custom fences tailored to your property. Durable & aesthetic.<\/p>\r\n            <\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/01\/Los-Angeles-LFC-Fence-Vinyl-100.png\" alt=\"Fence\">\r\n        <\/a>\r\n\r\n        <a href=\"\/portfolio\" target=\"_self\" class=\"desk-card\">\r\n            <div class=\"header-container\">\r\n                <h3>Gates<\/h3>\r\n                <span>\r\n                    <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M10.5845 2.55375L1.25175 11.877C1.11325 12.0153 0.93925 12.0829 0.72975 12.0798C0.520083 12.0766 0.346 12.0058 0.2075 11.8673C0.0691667 11.7288 0 11.5563 0 11.35C0 11.1437 0.0691667 10.9713 0.2075 10.8328L9.53075 1.5H1.3345C1.122 1.5 0.943833 1.42808 0.8 1.28425C0.656333 1.14042 0.5845 0.96225 0.5845 0.74975C0.5845 0.537083 0.656333 0.359 0.8 0.2155C0.943833 0.0718332 1.122 0 1.3345 0H11.1805C11.4367 0 11.6513 0.0865837 11.8245 0.25975C11.9978 0.433084 12.0845 0.647751 12.0845 0.903751V10.75C12.0845 10.9625 12.0126 11.1406 11.8688 11.2843C11.7249 11.4281 11.5468 11.5 11.3343 11.5C11.1216 11.5 10.9434 11.4281 10.7998 11.2843C10.6562 11.1406 10.5845 10.9625 10.5845 10.75V2.55375Z\"\r\n                            fill=\"white\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"card-subtitle\">\r\n                <p>Custom gates to match your style. Elegant to secure\u2014boost look, safety, convenience.<\/p>\r\n            <\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/01\/Los-Angeles-LFC-Gate-Aluminum-40-1.jpg\"\r\n                alt=\"Gate\">\r\n        <\/a>\r\n\r\n        <a href=\"\/portfolio\" target=\"_self\" class=\"desk-card\">\r\n            <div class=\"header-container\">\r\n                <h3>Decks<\/h3>\r\n                <span>\r\n                    <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M10.5845 2.55375L1.25175 11.877C1.11325 12.0153 0.93925 12.0829 0.72975 12.0798C0.520083 12.0766 0.346 12.0058 0.2075 11.8673C0.0691667 11.7288 0 11.5563 0 11.35C0 11.1437 0.0691667 10.9713 0.2075 10.8328L9.53075 1.5H1.3345C1.122 1.5 0.943833 1.42808 0.8 1.28425C0.656333 1.14042 0.5845 0.96225 0.5845 0.74975C0.5845 0.537083 0.656333 0.359 0.8 0.2155C0.943833 0.0718332 1.122 0 1.3345 0H11.1805C11.4367 0 11.6513 0.0865837 11.8245 0.25975C11.9978 0.433084 12.0845 0.647751 12.0845 0.903751V10.75C12.0845 10.9625 12.0126 11.1406 11.8688 11.2843C11.7249 11.4281 11.5468 11.5 11.3343 11.5C11.1216 11.5 10.9434 11.4281 10.7998 11.2843C10.6562 11.1406 10.5845 10.9625 10.5845 10.75V2.55375Z\"\r\n                            fill=\"white\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"card-subtitle\">\r\n                <p>Expert deck design and building. Cozy or spacious, durable decks that boost comfort, style, and\r\n                    value.<\/p>\r\n            <\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/01\/Los-Angeles-LFC-Deck-12.webp\"\r\n                alt=\"Deck\" \/>\r\n        <\/a>\r\n\r\n        <a href=\"\/portfolio\" target=\"_self\" class=\"desk-card\">\r\n            <div class=\"header-container\">\r\n                <h3>Railings<\/h3>\r\n                <span>\r\n                    <svg width=\"13\" height=\"13\" viewBox=\"0 0 13 13\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path\r\n                            d=\"M10.5845 2.55375L1.25175 11.877C1.11325 12.0153 0.93925 12.0829 0.72975 12.0798C0.520083 12.0766 0.346 12.0058 0.2075 11.8673C0.0691667 11.7288 0 11.5563 0 11.35C0 11.1437 0.0691667 10.9713 0.2075 10.8328L9.53075 1.5H1.3345C1.122 1.5 0.943833 1.42808 0.8 1.28425C0.656333 1.14042 0.5845 0.96225 0.5845 0.74975C0.5845 0.537083 0.656333 0.359 0.8 0.2155C0.943833 0.0718332 1.122 0 1.3345 0H11.1805C11.4367 0 11.6513 0.0865837 11.8245 0.25975C11.9978 0.433084 12.0845 0.647751 12.0845 0.903751V10.75C12.0845 10.9625 12.0126 11.1406 11.8688 11.2843C11.7249 11.4281 11.5468 11.5 11.3343 11.5C11.1216 11.5 10.9434 11.4281 10.7998 11.2843C10.6562 11.1406 10.5845 10.9625 10.5845 10.75V2.55375Z\"\r\n                            fill=\"white\" \/>\r\n                    <\/svg>\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"card-subtitle\">\r\n                <p>Modern railing systems designed for safety, durability, and a clean architectural look.<\/p>\r\n            <\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742369.jpg\" alt=\"Deck\">\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <button class=\"desk-arrow right\">\u203a<\/button>\r\n<\/div>\r\n\r\n\r\n<script>\r\n    const deskTrack = document.querySelector('.desk-track');\r\n    const deskCards = document.querySelectorAll('.desk-card');\r\n    const prevBtn = document.querySelector('.desk-arrow.left');\r\n    const nextBtn = document.querySelector('.desk-arrow.right');\r\n\r\n    let deskIndex = 0;\r\n\r\n    function getVisibleCards() {\r\n        return 3;\r\n    }\r\n\r\n    function updateDeskSlider() {\r\n        const cardWidth = deskCards[0].offsetWidth + 24;\r\n        const maxIndex = deskCards.length - getVisibleCards();\r\n        if (deskIndex > maxIndex) deskIndex = maxIndex;\r\n        deskTrack.style.transform = `translateX(-${deskIndex * cardWidth}px)`;\r\n    }\r\n\r\n    nextBtn.addEventListener('click', () => {\r\n        deskIndex++;\r\n        updateDeskSlider();\r\n    });\r\n\r\n    prevBtn.addEventListener('click', () => {\r\n        deskIndex--;\r\n        updateDeskSlider();\r\n    });\r\n\r\n    window.addEventListener('resize', updateDeskSlider);\r\n    updateDeskSlider();\r\n<\/script>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93b29d5 e-con-full e-flex e-con e-child\" data-id=\"93b29d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e12e41e e-con-full e-flex e-con e-child\" data-id=\"e12e41e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9dcf7bd elementor-widget elementor-widget-heading\" data-id=\"9dcf7bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Why choose us?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc004b8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"bc004b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We deliver excellence through innovation, expertise, and customer focus, providing high quality solutions tailored to your needs.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d75cdde e-con-full e-grid e-con e-child\" data-id=\"d75cdde\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ea42f70 e-con-full e-flex e-con e-child\" data-id=\"ea42f70\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f58bd59 e-con-full why-chose-icon e-flex e-con e-child\" data-id=\"f58bd59\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20bff07 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"20bff07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/lucide_gem-2.png\" class=\"attachment-large size-large wp-image-11914\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa2092f e-con-full e-flex e-con e-child\" data-id=\"aa2092f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b79c0c7 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"b79c0c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client-focused approach<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fd93a0 elementor-widget elementor-widget-heading\" data-id=\"1fd93a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We put your needs first, ensuring personalized service and tailored solutions for every project.<\/h2>\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<div class=\"elementor-element elementor-element-a2c9d21 e-con-full e-flex e-con e-child\" data-id=\"a2c9d21\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-fd53fa8 e-con-full why-chose-icon e-flex e-con e-child\" data-id=\"fd53fa8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82f7ddb elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"82f7ddb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/hugeicons_ai-innovation-01-2.png\" class=\"attachment-large size-large wp-image-11912\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abbf47a e-con-full e-flex e-con e-child\" data-id=\"abbf47a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bbf04c elementor-widget elementor-widget-heading\" data-id=\"4bbf04c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">High quality &amp; wide selection<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a8bd91 elementor-widget elementor-widget-heading\" data-id=\"6a8bd91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We use premium materials directly from manufacturers at fair prices. Choose from a wide range of colors, styles, and heights for both residential and commercial properties.<\/h2>\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<div class=\"elementor-element elementor-element-0621424 e-con-full e-flex e-con e-child\" data-id=\"0621424\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-89ed63c e-con-full why-chose-icon e-flex e-con e-child\" data-id=\"89ed63c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63309bd elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"63309bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/ant-design_safety-outlined-2.png\" class=\"attachment-large size-large wp-image-11911\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e45e741 e-con-full e-flex e-con e-child\" data-id=\"e45e741\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4a0348 elementor-widget elementor-widget-heading\" data-id=\"c4a0348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Professional expertise<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b3282d elementor-widget elementor-widget-heading\" data-id=\"4b3282d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Combined many years of experience to design and build your perfect outdoor project.<\/h2>\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<div class=\"elementor-element elementor-element-763dc9f e-con-full e-flex e-con e-child\" data-id=\"763dc9f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9cf2694 e-con-full why-chose-icon e-flex e-con e-child\" data-id=\"9cf2694\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7f604 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"ca7f604\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/garden_face-very-happy-stroke-12-1.png\" class=\"attachment-large size-large wp-image-11910\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d6a5a9 e-con-full e-flex e-con e-child\" data-id=\"1d6a5a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1057418 elementor-widget elementor-widget-heading\" data-id=\"1057418\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Customer satisfaction &amp; support<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b444fd7 elementor-widget elementor-widget-heading\" data-id=\"b444fd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We guarantee 100% customer satisfaction and provide excellent communication and support via call, text, or email.<\/h2>\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e574716 e-con-full e-flex e-con e-child\" data-id=\"e574716\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-421bda7 elementor-widget elementor-widget-heading\" data-id=\"421bda7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Materials that perform<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6a1b894 elementor-widget elementor-widget-heading\" data-id=\"6a1b894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Each material is chosen to balance aesthetics, performance, and longevity.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b1030d e-grid e-con-full e-con e-child\" data-id=\"5b1030d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-04b05f2 e-con-full image-swap-container e-flex e-con e-child\" data-id=\"04b05f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f47b153 base-image elementor-widget elementor-widget-image\" data-id=\"f47b153\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-1024x1024.png\" class=\"attachment-large size-large wp-image-24008\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-1024x1024.png 1024w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-300x300.png 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-150x150.png 150w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-768x768.png 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-1536x1536.png 1536w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-2048x2048.png 2048w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/aluminium-12x12.png 12w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12b51ff hover-image elementor-widget elementor-widget-image\" data-id=\"12b51ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-1024x1024.png\" class=\"attachment-large size-large wp-image-24012\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-1024x1024.png 1024w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-300x300.png 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-150x150.png 150w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-768x768.png 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-1536x1536.png 1536w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-2048x2048.png 2048w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/BJKcvabvd-12x12.png 12w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1c4fdc e-con-full e-flex e-con e-child\" data-id=\"a1c4fdc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27f9f8f elementor-widget elementor-widget-heading\" data-id=\"27f9f8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Aluminum<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56e0f33 elementor-widget elementor-widget-heading\" data-id=\"56e0f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERIES H1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5ad1519 elementor-widget elementor-widget-heading\" data-id=\"5ad1519\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lightweight yet strong aluminum systems engineered for clean design, durability, and weather resistance.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-643c586 e-con-full book-consultation free-estimate e-flex e-con e-child\" data-id=\"643c586\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8ed9f0 elementor-widget elementor-widget-heading\" data-id=\"d8ed9f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BOOK CONSULTATION<\/h2>\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<div class=\"elementor-element elementor-element-2888045 e-con-full image-swap-container e-flex e-con e-child\" data-id=\"2888045\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-913e9d5 base-image elementor-widget elementor-widget-image\" data-id=\"913e9d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"749\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/c1483aad9221b323fe9ee43a74439a2f0fd57fdb.png\" class=\"attachment-large size-large wp-image-11800\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/c1483aad9221b323fe9ee43a74439a2f0fd57fdb.png 1000w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/c1483aad9221b323fe9ee43a74439a2f0fd57fdb-300x225.png 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/c1483aad9221b323fe9ee43a74439a2f0fd57fdb-768x575.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dba16b2 hover-image elementor-widget elementor-widget-image\" data-id=\"dba16b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/compositeh.jpeg\" class=\"attachment-large size-large wp-image-24025\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/compositeh.jpeg 800w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/compositeh-300x300.jpeg 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/compositeh-150x150.jpeg 150w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/compositeh-768x768.jpeg 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/compositeh-12x12.jpeg 12w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc3409e e-con-full e-flex e-con e-child\" data-id=\"bc3409e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b56a15a elementor-widget elementor-widget-heading\" data-id=\"b56a15a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Composite<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5eeef6a elementor-widget elementor-widget-heading\" data-id=\"5eeef6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERIES H1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-74db153 elementor-widget elementor-widget-heading\" data-id=\"74db153\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Durable, low-maintenance composite materials designed for modern outdoor living and long-term performance.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-329a5c3 e-con-full book-consultation free-estimate e-flex e-con e-child\" data-id=\"329a5c3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4999801 elementor-widget elementor-widget-heading\" data-id=\"4999801\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BOOK CONSULTATION<\/h2>\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<div class=\"elementor-element elementor-element-ec8ae32 e-con-full image-swap-container e-flex e-con e-child\" data-id=\"ec8ae32\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7530b34 base-image elementor-widget elementor-widget-image\" data-id=\"7530b34\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"861\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/8cccf726d43bd9ff4552cbcc2df7450683844cf2-1024x861.png\" class=\"attachment-large size-large wp-image-11802\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/8cccf726d43bd9ff4552cbcc2df7450683844cf2-1024x861.png 1024w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/8cccf726d43bd9ff4552cbcc2df7450683844cf2-300x252.png 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/8cccf726d43bd9ff4552cbcc2df7450683844cf2-768x645.png 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/8cccf726d43bd9ff4552cbcc2df7450683844cf2.png 1040w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df89a88 hover-image elementor-widget elementor-widget-image\" data-id=\"df89a88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742334-1024x1024.jpg\" class=\"attachment-large size-large wp-image-24032\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742334-1024x1024.jpg 1024w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742334-300x300.jpg 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742334-150x150.jpg 150w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742334-768x768.jpg 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742334-12x12.jpg 12w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742334.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9a97b06 e-con-full e-flex e-con e-child\" data-id=\"9a97b06\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a64497c elementor-widget elementor-widget-heading\" data-id=\"a64497c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Vinyl<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cdb901e elementor-widget elementor-widget-heading\" data-id=\"cdb901e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERIES H1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-796f6c2 elementor-widget elementor-widget-heading\" data-id=\"796f6c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Premium vinyl solutions offering a clean appearance, minimal maintenance, and lasting reliability.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d84015 e-con-full book-consultation free-estimate e-flex e-con e-child\" data-id=\"1d84015\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccffe75 elementor-widget elementor-widget-heading\" data-id=\"ccffe75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BOOK CONSULTATION<\/h2>\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<div class=\"elementor-element elementor-element-96d8e51 e-con-full image-swap-container e-flex e-con e-child\" data-id=\"96d8e51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6256894 base-image elementor-widget elementor-widget-image\" data-id=\"6256894\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-1024x1024.png\" class=\"attachment-large size-large wp-image-24037\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-1024x1024.png 1024w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-300x300.png 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-150x150.png 150w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-768x768.png 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-1536x1536.png 1536w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-2048x2048.png 2048w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/bxrfguhiujh-12x12.png 12w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39f7db9 hover-image elementor-widget elementor-widget-image\" data-id=\"39f7db9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742336-1024x1024.jpg\" class=\"attachment-large size-large wp-image-24036\" alt=\"\" srcset=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742336-1024x1024.jpg 1024w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742336-300x300.jpg 300w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742336-150x150.jpg 150w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742336-768x768.jpg 768w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742336-12x12.jpg 12w, https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/05\/5467552106240742336.jpg 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee0d256 e-con-full e-flex e-con e-child\" data-id=\"ee0d256\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fd4ebb elementor-widget elementor-widget-heading\" data-id=\"0fd4ebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Steel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b0574aa elementor-widget elementor-widget-heading\" data-id=\"b0574aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SERIES H1<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b796221 elementor-widget elementor-widget-heading\" data-id=\"b796221\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Heavy-duty steel structures built for maximum strength, security, and long-lasting performance.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69e5d8d e-con-full book-consultation free-estimate e-flex e-con e-child\" data-id=\"69e5d8d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f823fa4 elementor-widget elementor-widget-heading\" data-id=\"f823fa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BOOK CONSULTATION<\/h2>\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\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d582cd elementor-widget elementor-widget-html\" data-id=\"1d582cd\" 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<style>\n    \/* MOBILE SLIDER *\/\n@media (max-width: 768px) {\n\n    \/* MAIN WRAPPER *\/\n    .elementor-element-5b1030d{\n        display:flex !important;\n        overflow-x:auto;\n        overflow-y:hidden;\n        scroll-snap-type:x mandatory;\n        gap:20px;\n        padding:20px;\n        -webkit-overflow-scrolling:touch;\n\n        \/* hide scrollbar *\/\n        scrollbar-width:none;\n    }\n\n    .elementor-element-5b1030d::-webkit-scrollbar{\n        display:none;\n    }\n\n    \/* EACH CARD \/ SLIDE *\/\n    .elementor-element-5b1030d > .e-child{\n        min-width:100%;\n        max-width: 100%;\n        flex:0 0 85vw;\n        scroll-snap-align:center;\n\n        border-radius:24px;\n        overflow:hidden;\n        border:#111;\n        color:#fff;\n\n        box-shadow:\n            0 10px 30px rgba(0,0,0,.18);\n\n        transition:transform .35s ease;\n        position:relative;\n    }\n\n    .elementor-element-5b1030d > .e-child:active{\n        transform:scale(.98);\n    }\n\n    \/* IMAGE AREA *\/\n    .image-swap-container{\n        padding:0 !important;\n    }\n\n    .image-swap-container img{\n        width:100%;\n        height:320px;\n        object-fit:cover;\n        display:block;\n    }\n\n    \/* hide hover image on mobile *\/\n    .image-swap-container .hover-image{\n        \/*display:none !important;*\/\n        justify-content:center;\n    }\n    .image-swap-container .elementor-widget-container{\n        display:flex;\n        justify-content: center;\n    }\n    \n    \n\n    \/* CONTENT *\/\n    .elementor-widget-heading{\n        padding-left:20px;\n        padding-right:20px;\n    }\n\n    .elementor-widget-heading h2{\n        color:#fff;\n    }\n\n    \/* TITLE *\/\n    .elementor-element-27f9f8f h2,\n    .elementor-element-b56a15a h2,\n    .elementor-element-a64497c h2,\n    .elementor-element-0fd4ebb h2{\n        font-size:32px !important;\n        font-weight:700;\n        margin-top:20px;\n    }\n\n    \/* SUBTITLE *\/\n    .elementor-element-56e0f33 h2,\n    .elementor-element-5eeef6a h2,\n    .elementor-element-cdb901e h2,\n    .elementor-element-b0574aa h2{\n        font-size:14px !important;\n        letter-spacing:2px;\n        opacity:.7;\n    }\n\n    \/* DESCRIPTION *\/\n    .elementor-element-5ad1519 h2,\n    .elementor-element-74db153 h2,\n    .elementor-element-796f6c2 h2,\n    .elementor-element-b796221 h2{\n        font-size:16px !important;\n        line-height:1.5;\n        opacity:.9;\n        margin-top:12px;\n        margin-bottom:24px;\n    }\n\n    \/* BUTTON *\/\n    .book-consultation{\n        width: 80%;\n        height: 65px;\n        margin-bottom: 10px;\n        align-self: center;\n    }\n\n    .book-consultation h2{\n        color:#111 !important;\n        color: white !important;\n        text-align:center;\n        font-size:12px !important;\n        font-weight:700;\n        padding:10px;\n        margin:0;\n    }\n\n}\n<\/style>\n<script>\n    if(window.innerWidth <= 768){\n\n    const slider = document.querySelector('.elementor-element-5b1030d');\n\n    let isDown = false;\n    let startX;\n    let scrollLeft;\n\n    slider.addEventListener('mousedown', (e)=>{\n        isDown = true;\n        startX = e.pageX - slider.offsetLeft;\n        scrollLeft = slider.scrollLeft;\n    });\n\n    slider.addEventListener('mouseleave', ()=> isDown = false);\n    slider.addEventListener('mouseup', ()=> isDown = false);\n\n    slider.addEventListener('mousemove', (e)=>{\n        if(!isDown) return;\n        e.preventDefault();\n\n        const x = e.pageX - slider.offsetLeft;\n        const walk = (x - startX) * 1.5;\n\n        slider.scrollLeft = scrollLeft - walk;\n    });\n\n}\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f5f37f7 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"f5f37f7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a450800 elementor-widget elementor-widget-heading\" data-id=\"a450800\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fully Licensed \u2022 CA #1028396 \u2022 Professional Fence &amp; Deck Craftsmanship<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1fe4517 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"1fe4517\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae7d4c0 elementor-widget elementor-widget-heading\" data-id=\"ae7d4c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Providing \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2ccc5e elementor-widget elementor-widget-heading\" data-id=\"e2ccc5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">premium fences<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-9587cef e-con-full e-flex e-con e-child\" data-id=\"9587cef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" href=\"\/portfolio\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26bc060 elementor-widget elementor-widget-heading\" data-id=\"26bc060\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Learn More<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6960ee elementor-widget elementor-widget-html\" data-id=\"c6960ee\" 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 <svg width=\"12\" height=\"12\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M14 1.22441C14 0.915139 13.8771 0.618536 13.6585 0.399849C13.4398 0.181162 13.1432 0.0583054 12.8339 0.0583054L3.50507 0C3.1958 0 2.8992 0.122857 2.68051 0.341544C2.46183 0.560231 2.33897 0.856833 2.33897 1.1661C2.33897 1.47537 2.46183 1.77198 2.68051 1.99066C2.8992 2.20935 3.1958 2.33221 3.50507 2.33221H9.98861L0.344931 11.9992C0.235634 12.1076 0.148883 12.2366 0.0896817 12.3787C0.0304802 12.5208 0 12.6732 0 12.8271C0 12.9811 0.0304802 13.1335 0.0896817 13.2756C0.148883 13.4177 0.235634 13.5467 0.344931 13.6551C0.453336 13.7644 0.582308 13.8511 0.724408 13.9103C0.866509 13.9695 1.01893 14 1.17286 14C1.3268 14 1.47922 13.9695 1.62132 13.9103C1.76342 13.8511 1.89239 13.7644 2.0008 13.6551L11.6678 3.98807V10.4949C11.6678 10.8042 11.7907 11.1008 12.0093 11.3195C12.228 11.5382 12.5246 11.661 12.8339 11.661C13.1432 11.661 13.4398 11.5382 13.6585 11.3195C13.8771 11.1008 14 10.8042 14 10.4949V1.22441Z\" fill=\"white\"\/>\r\n<\/svg>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e7d118 e-flex e-con-boxed e-con e-child\" data-id=\"4e7d118\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7d187f4 e-con-full e-flex e-con e-child\" data-id=\"7d187f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64083c2 elementor-widget elementor-widget-shortcode\" data-id=\"64083c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n        :root {\r\n            --text-dark: #1a1a1a;\r\n            --text-gray: #666;\r\n            --orange-main: #ffa726;\r\n            --border-light: #ececec;\r\n        }\r\n\r\n        .faq-section {\r\n            max-width: 1100px;\r\n            margin: 40px auto;\r\n            padding: 20px;\r\n            font-family: sans-serif;\r\n        }\r\n\r\n        .faq-header {\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .faq-header h1 {\r\n            font-size: 2rem;\r\n            color: var(--text-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .faq-header p {\r\n            color: var(--text-gray);\r\n        }\r\n\r\n        .faq-grid {\r\n            display: grid;\r\n            grid-template-columns: 3fr 2fr;\r\n            gap: 30px;\r\n        }\r\n\r\n        .faq-item {\r\n            border: 1px solid var(--border-light);\r\n            border-radius: 12px;\r\n            margin-bottom: 15px;\r\n            background: #fff;\r\n            transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .faq-item.active {\r\n            background-color: #f8faff;\r\n            border-color: #dbe4ff;\r\n        }\r\n\r\n        .faq-trigger {\r\n            width: 100%;\r\n            padding: 20px;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            background: none;\r\n            border: none;\r\n            cursor: pointer;\r\n            text-align: left;\r\n        }\r\n\r\n        .faq-content {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .faq-category {\r\n            font-size: 0.75rem;\r\n            color: #3a86ff;\r\n            text-transform: capitalize;\r\n            margin-bottom: 4px;\r\n        }\r\n\r\n        .faq-title {\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .faq-item .arrow {\r\n            transition: transform 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .faq-item.active .arrow {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .faq-panel {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.3s ease-out;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .faq-panel-inner {\r\n            padding-top: 20px;\r\n            padding-bottom: 20px;\r\n            border-top: 1px solid var(--border-light);\r\n            color: var(--text-gray);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* Sidebar Card *\/\r\n        .contact-card {\r\n            background-color: var(--orange-main);\r\n            padding: 30px;\r\n            border-radius: 16px;\r\n            color: white;\r\n        }\r\n\r\n        .icon-box {\r\n            background: rgba(255, 255, 255, 0.3);\r\n            width: 40px;\r\n            height: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 8px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .contact-card h3 {color:#F9F9F9; margin-top: 0; margin-bottom: 10px; font-family:Inter;}\r\n        .contact-card p { font-size: 14px; margin-bottom: 25px;color:#FFFFFFCC;font-weight:500;font-family:Inter; }\r\n\r\n        .btn-consult {\r\n\t\t\theight:52px;\r\n\t\t\tfont-family:Inter;\r\n            width: 100%;\r\n            padding: 12px;\r\n\t\t\tfont-size:14px;\r\n            border-radius: 8px;\r\n            border: none;\r\n            background: white;\r\n\t\t\tcolor:#000000;\r\n            font-weight: 500;\r\n            cursor: pointer;\r\n            transition: opacity 0.2s;\r\n        }\r\n\r\n        .btn-consult:hover { \r\n            border: none;\r\n            background: #FFFFFFCC;\r\n\t\t\tbackground-color: #FFFFFFCC !important;\r\n\t\t\tcolor:#000000 !important;\r\n\t\t}\r\n\r\n\t\tbutton:focus,button:hover{\r\n\t\t\tcolor: unset !important;\r\n     \t\tbackground-color: unset !important;\r\n    \t\tborder-color:unset !important;\r\n\t\t}\r\n\t\tbutton{\r\n\t\t\tbox-shadow: unset !important;\r\n\t\t}\r\n        @media (max-width: 768px) {\r\n            .faq-grid { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"faq-section\">\r\n        <div class=\"faq-header\">\r\n            <h1>Frequently Asked Questions<\/h1>\r\n            <p>Find answers to common questions about our products, services, and processes.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-grid\">\r\n            <div class=\"faq-list\">\r\n                                    <div class=\"faq-item\">\r\n                        <button class=\"faq-trigger\">\r\n                            <div class=\"faq-content\">\r\n                                <span class=\"faq-category\">General<\/span>\r\n                                <span class=\"faq-title\">Why should I trust you with my installation?<\/span>\r\n                            <\/div>\r\n                            <span class=\"arrow\">\r\n                                <svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <path d=\"M1 1L7 7L13 1\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                                <\/svg>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div class=\"faq-panel\">\r\n                            <div class=\"faq-panel-inner\">\r\n                                <p>Installing a fence yourself can take weeks, requires the right tools, and even a small mistake can cost you more in the long run. Most homeowners choose professionals for a reason \u2013 proper leveling, faster installation, and a stronger, longer-lasting result. With over a decade of experience and thousands of fences installed across Greater Los Angeles, we know how to do the job right the first time. You\u2019re not just getting a fence \u2013 you\u2019re getting quality, efficiency, and peace of mind.<\/p>\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"faq-item\">\r\n                        <button class=\"faq-trigger\">\r\n                            <div class=\"faq-content\">\r\n                                <span class=\"faq-category\">General<\/span>\r\n                                <span class=\"faq-title\">Why get multiple fence estimates?<\/span>\r\n                            <\/div>\r\n                            <span class=\"arrow\">\r\n                                <svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <path d=\"M1 1L7 7L13 1\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                                <\/svg>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div class=\"faq-panel\">\r\n                            <div class=\"faq-panel-inner\">\r\n                                <p>Getting three or more estimates helps you compare prices and quality, ensuring the best value. Costs vary based on a company\u2019s experience, reputation, and workload. Comparing estimates lets you choose a reliable installer with confidence.<\/p>\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"faq-item\">\r\n                        <button class=\"faq-trigger\">\r\n                            <div class=\"faq-content\">\r\n                                <span class=\"faq-category\">General<\/span>\r\n                                <span class=\"faq-title\">Do I get warranty for my product and installation?<\/span>\r\n                            <\/div>\r\n                            <span class=\"arrow\">\r\n                                <svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <path d=\"M1 1L7 7L13 1\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                                <\/svg>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div class=\"faq-panel\">\r\n                            <div class=\"faq-panel-inner\">\r\n                                <p>Absolutely. We provide full warranty coverage for all products and installations \u2013 not only fences. Whether it\u2019s a gate, railing, fence, or any other structure we build for you, you\u2019re fully protected. If anything goes wrong with the materials or the workmanship, we take care of it directly. No outside companies, no extra steps, no complications. We stand behind our work long after the project is complete, giving you confidence, reliability, and peace of mind \u2013 all in one place.<\/p>\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                                    <div class=\"faq-item\">\r\n                        <button class=\"faq-trigger\">\r\n                            <div class=\"faq-content\">\r\n                                <span class=\"faq-category\">General<\/span>\r\n                                <span class=\"faq-title\">Do you offer wholesale pricing?<\/span>\r\n                            <\/div>\r\n                            <span class=\"arrow\">\r\n                                <svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                    <path d=\"M1 1L7 7L13 1\" stroke=\"black\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                                <\/svg>\r\n                            <\/span>\r\n                        <\/button>\r\n                        <div class=\"faq-panel\">\r\n                            <div class=\"faq-panel-inner\">\r\n                                <p>Yes. We provide wholesale solutions for contractors, builders, and large-scale projects, offering competitive pricing, reliable supply, and high-quality materials for fences, gates, railings, decks, and more.<\/p>\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n\r\n            <div class=\"faq-sidebar\">\r\n                <div class=\"contact-card\">\r\n                    <div class=\"icon-box\">\r\n                        <svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M1.49377 11.5063C1.60405 11.7845 1.6286 12.0893 1.56427 12.3815L0.765518 14.849C0.739782 14.9742 0.746436 15.1038 0.78485 15.2256C0.823264 15.3475 0.892165 15.4575 0.985019 15.5452C1.07787 15.633 1.1916 15.6955 1.31542 15.727C1.43924 15.7585 1.56904 15.7578 1.69252 15.725L4.25227 14.9765C4.52806 14.9218 4.81366 14.9457 5.07652 15.0455C6.67806 15.7934 8.49229 15.9517 10.1991 15.4923C11.906 15.0329 13.3957 13.9855 14.4055 12.5348C15.4154 11.0841 15.8804 9.32333 15.7185 7.56318C15.5566 5.80304 14.7783 4.15662 13.5208 2.91442C12.2633 1.67221 10.6075 0.914049 8.84555 0.773693C7.08356 0.633336 5.32862 1.11981 3.89035 2.14727C2.45208 3.17474 1.42292 4.67718 0.984438 6.3895C0.54596 8.10182 0.726345 9.91399 1.49377 11.5063Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <h3>Still have questions?<\/h3>\r\n                    <p>Our experts are here to help. Schedule a free consultation to discuss your project.<\/p>\r\n                    <button class=\"btn-consult free-estimate\">Request consultation<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.querySelectorAll('.faq-trigger').forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const faqItem = button.closest('.faq-item');\r\n                const isOpen = faqItem.classList.contains('active');\r\n\r\n                \/\/ Close all other items\r\n                document.querySelectorAll('.faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                    item.querySelector('.faq-panel').style.maxHeight = null;\r\n                });\r\n\r\n                \/\/ Toggle current item\r\n                if (!isOpen) {\r\n                    faqItem.classList.add('active');\r\n                    const panel = faqItem.querySelector('.faq-panel');\r\n                    panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-66339e2 e-con-full e-flex e-con e-child\" data-id=\"66339e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f8bd52 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"6f8bd52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <style>\r\n\t\t.testimonial-container{\r\n\t\t\twidth:100%;\r\n\t\t\theight:650px;\r\n\t\t\tdisplay:flex;\r\n\t\t\tjustify-content:center;\r\n\t\t\talign-items:center;\r\n\t\t}\r\n        .testimonial-section {\r\n\t\t\twidth:80%;\r\n            padding: 60px 20px;\r\n            background: #fff;\r\n            font-family: sans-serif;\r\n\t\t\tmax-width:100%;\r\n        }\r\n\r\n        .testimonial-header h2 {\r\n            font-size: 2rem;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .testimonial-header p {\r\n            color: #666;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .testimonial-card {\r\n            background: #fff;\r\n            border: 1px solid #eee;\r\n            border-radius: 20px;\r\n            padding: 30px;\r\n\t\t\t    overflow-x: auto;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            flex-direction: column;\r\n            min-height: 350px;\r\n        }\r\n\r\n        .swiper-wrapper {\r\n            height: 340px !important;\r\n        }\r\n\r\n        .quote-icon {\r\n            width: 35px;\r\n            height: 35px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n\t\t\tbackground: #FFA61E;\r\n    \t\tborder-radius: 8px;\r\n        }\r\n\r\n        .stars {\r\n            display: flex;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .testimonial-card h3 {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .testimonial-card p {\r\n            color: #555;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .category-tag {\r\n            background: #e0e8ff;\r\n            color: #4a6cf7;\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            font-size: 12px;\r\n            align-self: flex-start;\r\n        }\r\n\r\n        .author {\r\n            text-align: right;\r\n            color: #888;\r\n            margin-top: 10px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .slider-controls {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 20px;\r\n            margin-top: 50px;\r\n            height: 60px;\r\n        }\r\n\r\n        .swiper-pagination {\r\n            position: relative !important;\r\n            width: auto !important;\r\n        }\r\n\r\n        .swiper-button-next,\r\n        .swiper-button-prev {\r\n            position: static !important;\r\n            width: 40px !important;\r\n            height: 40px !important;\r\n            border: 1px solid #ddd !important;\r\n            border-radius: 50% !important;\r\n            color: #000 !important;\r\n        }\r\n\r\n        .swiper-button-next::after,\r\n        .swiper-button-prev::after {\r\n            font-size: 15px !important;\r\n        }\r\n\r\n        .swiper-pagination-bullet-active {\r\n            width: 30px !important;\r\n            border-radius: 5px !important;\r\n            background: #007bff !important;\r\n        }\r\n\t\t\r\n\t\t.swiper-backface-hidden .swiper-slide{\r\n\t\t\t    transition: transform 0.4s ease, box-shadow 0.4s ease !important;\r\n\t\t}\r\n\t\t\r\n\t\t\/* =========================\r\n   RESPONSIVE FIXES\r\n========================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n    .testimonial-section {\r\n        width: 90%;\r\n        padding: 40px 15px;\r\n    }\r\n\r\n    .testimonial-container {\r\n        height: auto;\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .testimonial-card {\r\n        min-height: 320px;\r\n        padding: 25px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .testimonial-section {\r\n        width: 95%;\r\n        padding: 30px 10px;\r\n    }\r\n\r\n    .testimonial-header h2 {\r\n        font-size: 1.6rem;\r\n    }\r\n\r\n    .testimonial-card {\r\n        min-height: auto;\r\n        padding: 20px;\r\n    }\r\n\r\n    .swiper-wrapper {\r\n        height: auto !important;\r\n    }\r\n\r\n    .slider-controls {\r\n        flex-wrap: wrap;\r\n        gap: 10px;\r\n        margin-top: 25px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .testimonial-header h2 {\r\n        font-size: 1.4rem;\r\n    }\r\n\r\n    .testimonial-header p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .testimonial-card h3 {\r\n        font-size: 1rem;\r\n    }\r\n\r\n    .testimonial-card p {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .swiper-button-next,\r\n    .swiper-button-prev {\r\n        width: 35px !important;\r\n        height: 35px !important;\r\n    }\r\n}\r\n    <\/style>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n\t<div class=\"testimonial-container\">\r\n\t\t<div class=\"testimonial-section\">\r\n\r\n        <div class=\"testimonial-header\">\r\n            <h2>Testimonials<\/h2>\r\n            <p>Modular solutions for contemporary estates.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"swiper testimonial-slider\">\r\n            <div class=\"swiper-wrapper\">\r\n\r\n                \r\n                <div class=\"swiper-slide testimonial-card\">\r\n\r\n                    <div class=\"quote-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Group-2.png\" \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"stars\" data-rating=\"5\"><\/div>\r\n\r\n                    <h3>Mike Stepanyan<\/h3>\r\n\r\n                    <p>Good job<\/p>\r\n\r\n                    <span class=\"category-tag\">Verified Client<\/span>\r\n\r\n                    <div class=\"author\">- Mike Stepanyan<\/div>\r\n\r\n                <\/div>\r\n\r\n                \r\n                <div class=\"swiper-slide testimonial-card\">\r\n\r\n                    <div class=\"quote-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Group-2.png\" \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"stars\" data-rating=\"5\"><\/div>\r\n\r\n                    <h3>Marc Phantom<\/h3>\r\n\r\n                    <p>Mike and his team did a great job on the install for our investment property. We had 2 single and 1 double swing gate replaced. Although we had a hiccup with the original fencing, in the end we received a&hellip;<\/p>\r\n\r\n                    <span class=\"category-tag\">Verified Client<\/span>\r\n\r\n                    <div class=\"author\">- Marc Phantom<\/div>\r\n\r\n                <\/div>\r\n\r\n                \r\n                <div class=\"swiper-slide testimonial-card\">\r\n\r\n                    <div class=\"quote-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Group-2.png\" \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"stars\" data-rating=\"5\"><\/div>\r\n\r\n                    <h3>Victoria Mkhitaryan<\/h3>\r\n\r\n                    <p>Professional, reliable, and easy to work with. The fence looks perfect.<\/p>\r\n\r\n                    <span class=\"category-tag\">Verified Client<\/span>\r\n\r\n                    <div class=\"author\">- Victoria Mkhitaryan<\/div>\r\n\r\n                <\/div>\r\n\r\n                \r\n                <div class=\"swiper-slide testimonial-card\">\r\n\r\n                    <div class=\"quote-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Group-2.png\" \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"stars\" data-rating=\"5\"><\/div>\r\n\r\n                    <h3>Thomas Wong<\/h3>\r\n\r\n                    <p>Fantastic job by everyone involved. Jose for his estimate and design. The installation crew for removing the old wrought iron fence and installing the new aluminum fence. The doors are balanced and quiet.<\/p>\r\n\r\n                    <span class=\"category-tag\">Verified Client<\/span>\r\n\r\n                    <div class=\"author\">- Thomas Wong<\/div>\r\n\r\n                <\/div>\r\n\r\n                \r\n                <div class=\"swiper-slide testimonial-card\">\r\n\r\n                    <div class=\"quote-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Group-2.png\" \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"stars\" data-rating=\"5\"><\/div>\r\n\r\n                    <h3>Sandra Machuca<\/h3>\r\n\r\n                    <p>Mike and Mark were amazing the job that was done by there team turned out gorgeous! Thank you from Jesus San Dimas<\/p>\r\n\r\n                    <span class=\"category-tag\">Verified Client<\/span>\r\n\r\n                    <div class=\"author\">- Sandra Machuca<\/div>\r\n\r\n                <\/div>\r\n\r\n                \r\n                <div class=\"swiper-slide testimonial-card\">\r\n\r\n                    <div class=\"quote-icon\">\r\n                        <img decoding=\"async\" src=\"https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Group-2.png\" \/>\r\n                    <\/div>\r\n\r\n                    <div class=\"stars\" data-rating=\"5\"><\/div>\r\n\r\n                    <h3>Armen Poghosyan<\/h3>\r\n\r\n                    <p>Excellent communication, quality work, and a crew that treats your property with care. Couldn\u2019t be happier.<\/p>\r\n\r\n                    <span class=\"category-tag\">Verified Client<\/span>\r\n\r\n                    <div class=\"author\">- Armen Poghosyan<\/div>\r\n\r\n                <\/div>\r\n\r\n                \r\n            <\/div>\r\n\r\n            <div class=\"slider-controls\">\r\n                <div class=\"swiper-button-prev\"><\/div>\r\n                <div class=\"swiper-pagination\"><\/div>\r\n                <div class=\"swiper-button-next\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n    \r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n\r\n    const el = document.querySelector('.testimonial-slider');\r\n\r\n    if (!el) return;\r\n\r\n    \/\/ IMPORTANT: prevent double init\r\n    if (el.swiper) {\r\n        el.swiper.destroy(true, true);\r\n    }\r\n\r\n    const swiper = new Swiper('.testimonial-slider', {\r\n        slidesPerView: 3,\r\n        spaceBetween: 20,\r\n        loop: false,\r\n        pagination: {\r\n            el: '.swiper-pagination',\r\n            clickable: true,\r\n        },\r\n        navigation: {\r\n            nextEl: '.swiper-button-next',\r\n            prevEl: '.swiper-button-prev',\r\n        },\r\n        breakpoints: {\r\n    0: { slidesPerView: 1 },\r\n    768: { slidesPerView: 1 },\r\n    1024: { slidesPerView: 2 },\r\n}\r\n    });\r\n\r\n});\r\n\t\t\r\n\t\tdocument.querySelectorAll('.stars').forEach(el => {\r\n    const rating = parseInt(el.dataset.rating || 0, 10);\r\n\r\n    el.innerHTML = '';\r\n\r\n    for (let i = 1; i <= 5; i++) {\r\n        const img = document.createElement('img');\r\n\r\n        img.src = i <= rating\r\n            ? 'https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Vector-10.png'\r\n            : 'https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/Vector-11.png';\r\n\r\n        img.style.width = '18px';\r\n        img.style.marginRight = '4px';\r\n\r\n        el.appendChild(img);\r\n    }\r\n});\r\n    <\/script>\r\n\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c3c221 e-con-full e-flex e-con e-child\" data-id=\"5c3c221\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48721fd elementor-widget elementor-widget-heading\" data-id=\"48721fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our partners<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6d277a elementor-widget elementor-widget-heading\" data-id=\"c6d277a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Building success together with our valued partners.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b68fec7 e-con-full e-flex e-con e-child\" data-id=\"b68fec7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f80e5b elementor-widget elementor-widget-shortcode\" data-id=\"7f80e5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n<!-- HTML -->\r\n<div class=\"logo-marquee\">\r\n  <div class=\"logo-track\"><\/div>\r\n<\/div>\r\n\r\n<!-- CSS -->\r\n<style>\r\n.logo-marquee {\r\n  width: 100%;\r\n  overflow: hidden;\r\n  padding: 20px 0;\r\n}\r\n\r\n.logo-track {\r\n\twidth:100%;\r\n  display: flex;\r\n\tjustify-content:center;\r\n  align-items: center;\r\n  gap: 80px;\r\n  will-change: transform;\r\n}\r\n\r\n.logo-track a {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.logo-track img {\r\n  height: 60px;\r\n  width: auto;\r\n  filter: grayscale(100%);\r\n  transition: .3s ease;\r\n}\r\n\r\n.logo-track img:hover {\r\n  filter: grayscale(0%);\r\n}\r\n<\/style>\r\n\r\n<!-- JS -->\r\n<script>\r\n(() => {\r\n  const partners = [{\"name\":\"LA Fence Craft\",\"url\":\"https:\\\/\\\/dmkfencesupply.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/e235c258-77cc-488d-8d85-9885de38d9c1.png\",\"link\":\"https:\\\/\\\/lafencecraft.com\\\/\"},{\"name\":\"Veka\",\"url\":\"https:\\\/\\\/dmkfencesupply.com\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/VEKA_logo-2.png\",\"link\":\"https:\\\/\\\/www.veka.com\"}];\r\n  const track = document.querySelector('.logo-track');\r\n  if (!track || !partners.length) return;\r\n\r\n  const speed = 1.2;\r\n  let offset = 0;\r\n\r\n\/\/   const items = [...partners, ...partners, ...partners];\r\n const items = [...partners];\r\n  items.forEach(p => {\r\n    const a = document.createElement('a');\r\n    a.href = p.link;\r\n    a.target = '_blank';\r\n    a.rel = 'noopener';\r\n\r\n    const img = document.createElement('img');\r\n    img.src = p.url;\r\n    img.alt = p.name;\r\n\r\n    a.appendChild(img);\r\n    track.appendChild(a);\r\n  });\r\n\r\n  const gap = parseInt(getComputedStyle(track).gap);\r\n\r\n  function animate() {\r\n    const first = track.firstElementChild;\r\n    if (!first) return;\r\n\r\n    const w = first.offsetWidth + gap;\r\n    offset -= speed;\r\n\r\n    if (Math.abs(offset) >= w) {\r\n      offset += w;\r\n      track.appendChild(first);\r\n    }\r\n\r\n    track.style.transform = `translateX(${offset}px)`;\r\n    requestAnimationFrame(animate);\r\n  }\r\n\r\n  \/\/requestAnimationFrame(animate);\r\n})();\r\n<\/script>\r\n\r\n\n<\/div>\n\t\t\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<div class=\"elementor-element elementor-element-e5a8789 e-flex e-con-boxed e-con e-child\" data-id=\"e5a8789\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce1fc94 elementor-widget elementor-widget-heading\" data-id=\"ce1fc94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Share your experience<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-189fc35 elementor-widget elementor-widget-heading\" data-id=\"189fc35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We'd love to hear about your experience with our fencing, gates, and deck services!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13d1135 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-html\" data-id=\"13d1135\" 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\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n<style>\r\n\r\n    #reviewForm{\r\n        width: 70%;\r\n        display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    }\r\n    .form-container {\r\n        padding: 40px;\r\n        border-radius: 20px;\r\n        max-width: 100%;\r\n        box-sizing: border-box;\r\n        display:flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n\r\n    \r\n\r\n    .rating-section {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .rating {\r\n        display: flex;\r\n        flex-direction: row-reverse;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        gap: 10px;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    .rating > input {\r\n        display: none;\r\n    }\r\n\r\n  \r\n    .rating > label {\r\n        width: 38px;\r\n        aspect-ratio: 1 \/ 1;\r\n        padding: 0 0.2em;\r\n        cursor: pointer;\r\n\r\n        background-image: url('https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/unchecked_star.png');\r\n        background-size: contain;\r\n        background-repeat: no-repeat;\r\n        background-position: center;\r\n        transition: background-image 0.2s;\r\n    }\r\n\r\n    .rating > input:checked ~ label {\r\n        background-image: url('https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/checked_start.png');\r\n    }\r\n\r\n    .rating > label:hover,\r\n    .rating > label:hover ~ label {\r\n        background-image: url('https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/checked_start.png');\r\n    }\r\n\r\n\r\n    .rating > input:checked + label:hover,\r\n    .rating > input:checked + label:hover ~ label {\r\n        background-image: url('https:\/\/dmkfencesupply.com\/wp-content\/uploads\/2026\/04\/checked_start.png');\r\n    }\r\n\r\n\r\n\r\n    .form-group {\r\n        width: 100%;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .form-row {\r\n        display: flex;\r\n        width: 100%;\r\n        gap: 30px;\r\n        justify-content: center;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .form-row > .form-group {\r\n        width: 50%;\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    label.input-label {\r\n        display: block;\r\n        margin-bottom: 8px;\r\n        font-size: 14px;\r\n        color: #555;\r\n        font-weight: 500;\r\n    }\r\n\r\n    label.input-label span.optional {\r\n        font-weight: normal;\r\n        color: #888;\r\n        margin-left: 5px;\r\n    }\r\n\r\n    .input-wrapper {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .input-wrapper svg {\r\n        position: absolute;\r\n        left: 18px;\r\n        color: #999;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .input-wrapper input,\r\n    .input-wrapper textarea {\r\n        width: 100%;\r\n        height: 60px;\r\n        padding: 14px 18px;\r\n        padding-left: 50px;\r\n        border: 1px solid #979797;\r\n        border-radius: 10px;\r\n        font-size: 15px;\r\n        color: #979797;\r\n        outline: none;\r\n        transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\r\n        box-sizing: border-box;\r\n    }\r\n    \r\n    .input-wrapper textarea {\r\n        padding-left: 20px !important;\r\n        height: 250px\r\n    }\r\n    \r\n    .input-wrapper input{\r\n        border-radius: 500px;\r\n    }\r\n\r\n    .input-wrapper input[type=\"email\"] {\r\n        padding-left: 50px;\r\n    }\r\n\r\n    .input-wrapper input:focus,\r\n    .input-wrapper textarea:focus {\r\n        border-color: #a8d1e2;\r\n        box-shadow: 0 0 0 3px rgba(168, 209, 226, 0.3);\r\n    }\r\n    \r\n    .input-wrapper input:hover,\r\n    .input-wrapper textarea:hover {\r\n        border-color: #a8d1e2;\r\n        box-shadow: 0 0 0 3px rgba(168, 209, 226, 0.3);\r\n    }\r\n\r\n    .input-wrapper input::placeholder,\r\n    .input-wrapper textarea::placeholder {\r\n        color: #979797;\r\n        font-weight: 400;\r\n    }\r\n\r\n    textarea {\r\n        min-height: 120px;\r\n        resize: vertical;\r\n        line-height: 1.5;\r\n        padding-left: 18px;\r\n    }\r\n\r\n    .upload-section {\r\n        text-align: center;\r\n        margin-top: 40px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .upload-section p {\r\n        color: #888;\r\n        font-size: 13px;\r\n        margin-top: 5px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .attach-button {\r\n        background-color: #a8d1e2;\r\n        color: #314a51;\r\n        padding: 12px 25px;\r\n        border: none;\r\n        border-radius: 8px;\r\n        font-size: 15px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: background-color 0.2s ease-in-out, transform 0.1s ease;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .attach-button:hover {\r\n        background-color: #91c2d5;\r\n        transform: translateY(-1px);\r\n    }\r\n\r\n    .attach-button i {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .submit-button-wrapper {\r\n        width: 100%;\r\n        text-align: center;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .submit-button {\r\n        background-color: #FFA61E;\r\n        color: #ffffff;\r\n        padding: 15px 40px;\r\n        border: none;\r\n        border-radius: 15px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: background-color 0.3s ease, opacity 0.3s ease;\r\n        width: 100%;\r\n        opacity: 0.5; \r\n        cursor: not-allowed;\r\n    }\r\n    \r\n    .submit-button:hover {\r\n        background-color: #FFA61EAA !important;\r\n        color: #ffffff !important;\r\n        padding: 15px 40px;\r\n        border: none;\r\n        border-radius: 15px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        cursor: pointer;\r\n        transition: background-color 0.3s ease, opacity 0.3s ease;\r\n        width: 100%;\r\n        opacity: 0.5; \r\n        cursor: not-allowed;\r\n    }\r\n\r\n    .submit-button:not(:disabled):hover {\r\n        background-color: #d1957c;\r\n        transform: translateY(-1px);\r\n    }\r\n @media (max-width: 1024px) {\r\n      #reviewForm{\r\n        width: 100%\r\n    }\r\n }\r\n    @media (max-width: 600px) {\r\n        .form-row {\r\n            flex-direction: column;\r\n            gap: 0;\r\n        }\r\n\r\n  .form-row > .form-group {\r\n        width: 100%;\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n        .form-row > .form-group {\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .form-container {\r\n            padding: 25px;\r\n        }\r\n\r\n        .input-wrapper input,\r\n        .input-wrapper textarea {\r\n            padding: 12px 15px;\r\n            padding-left: 45px;\r\n        }\r\n\r\n        .input-wrapper i {\r\n            left: 15px;\r\n        }\r\n\r\n        textarea {\r\n            padding-left: 15px;\r\n        }\r\n\r\n        .submit-button {\r\n            max-width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n<div class=\"form-container\">\r\n\r\n  \r\n\r\n    <form action=\"#\" method=\"POST\" id=\"reviewForm\">\r\n          <div class=\"rating-section\">\r\n        <div class=\"rating\">\r\n            <input type=\"radio\" id=\"star5\" name=\"rating\" value=\"5\" \/>\r\n            <label for=\"star5\" title=\"5 stars\"><\/label>\r\n\r\n            <input type=\"radio\" id=\"star4\" name=\"rating\" value=\"4\" \/>\r\n            <label for=\"star4\" title=\"4 stars\"><\/label>\r\n\r\n            <input type=\"radio\" id=\"star3\" name=\"rating\" value=\"3\"\/> <label for=\"star3\"\r\n                title=\"3 stars\"><\/label>\r\n\r\n            <input type=\"radio\" id=\"star2\" name=\"rating\" value=\"2\" \/>\r\n            <label for=\"star2\" title=\"2 stars\"><\/label>\r\n\r\n            <input type=\"radio\" id=\"star1\" name=\"rating\" value=\"1\" \/>\r\n            <label for=\"star1\" title=\"1 star\"><\/label>\r\n        <\/div>\r\n    <\/div>\r\n<input type=\"text\" name=\"website\" style=\"display:none\">\r\n\r\n        <div class=\"form-row\">\r\n            <div class=\"form-group\">\r\n                <label for=\"firstName\" class=\"input-label\">Your First Name *<\/label>\r\n                <div class=\"input-wrapper\">\r\n                   <svg width=\"16\" height=\"19\" viewBox=\"0 0 21 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M1 23V21.625C1 16.3093 5.2533 12 10.5 12C15.7467 12 20 16.3093 20 21.625V23\" stroke=\"#7D7D7D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M10.5 12C13.5375 12 16 9.53751 16 6.5C16 3.46243 13.5375 1 10.5 1C7.46243 1 5 3.46243 5 6.5C5 9.53751 7.46243 12 10.5 12Z\" stroke=\"#7D7D7D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n\r\n                    <input type=\"text\" id=\"firstName\" name=\"firstName\" placeholder=\"Enter your first name\" required>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"form-group\">\r\n                <label for=\"lastName\" class=\"input-label\">Your Last Name *<\/label>\r\n                <div class=\"input-wrapper\">\r\n                     <svg width=\"16\" height=\"19\" viewBox=\"0 0 21 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M1 23V21.625C1 16.3093 5.2533 12 10.5 12C15.7467 12 20 16.3093 20 21.625V23\" stroke=\"#7D7D7D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<path d=\"M10.5 12C13.5375 12 16 9.53751 16 6.5C16 3.46243 13.5375 1 10.5 1C7.46243 1 5 3.46243 5 6.5C5 9.53751 7.46243 12 10.5 12Z\" stroke=\"#7D7D7D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n\r\n                    <input type=\"text\" id=\"lastName\" name=\"lastName\" placeholder=\"Enter your last name\" required>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label for=\"email\" class=\"input-label\">Your Email <span class=\"optional\">(Optional)<\/span><\/label>\r\n            <div class=\"input-wrapper\">\r\n                \r\n                    <svg width=\"25\" height=\"17\" viewBox=\"0 0 34 27\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<path d=\"M7.94574 7.97674L14.4574 13.2093C15.0733 13.7047 15.8389 13.9746 16.6279 13.9746C17.417 13.9746 18.1825 13.7047 18.7984 13.2093L25.3101 7.97674M32.2558 21.9302V4.48837C32.2558 3.5632 31.8899 2.67592 31.2386 2.02172C30.5873 1.36752 29.704 1 28.7829 1H4.47287C3.55181 1 2.66847 1.36752 2.01718 2.02172C1.36589 2.67592 1 3.5632 1 4.48837V21.9302C1 22.8554 1.36589 23.7427 2.01718 24.3969C2.66847 25.0511 3.55181 25.4186 4.47287 25.4186H28.7829C29.704 25.4186 30.5873 25.0511 31.2386 24.3969C31.8899 23.7427 32.2558 22.8554 32.2558 21.9302Z\" stroke=\"#7D7D7D\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n<\/svg>\r\n                <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Enter your email\">\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-group\">\r\n            <label for=\"review\" class=\"input-label\">Your Review *<\/label>\r\n            <div class=\"input-wrapper\">\r\n                <textarea id=\"review\" name=\"review\" placeholder=\"Tell us about your experience with our services...\"\r\n                    rows=\"6\" required><\/textarea>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"submit-button-wrapper\">\r\n            <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\" disabled>Submit Review<\/button>\r\n        <\/div>\r\n        <div id=\"formMessage\" style=\"\r\n    display:none;\r\n    margin-top:20px;\r\n    padding:15px 20px;\r\n    background:#e6f4ea;\r\n    color:#1e7e34;\r\n    border-radius:12px;\r\n    font-size:15px;\r\n    font-weight:500;\r\n    text-align:center;\r\n\">\r\n    \u2705 Thank you! Your review has been submitted.\r\n<\/div>\r\n\r\n    <\/form>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function () {\r\n      \r\n        const firstName = document.getElementById('firstName');\r\n        const lastName = document.getElementById('lastName');\r\n        const review = document.getElementById('review');\r\n        const submitBtn = document.getElementById('submitBtn');\r\n\r\n      \r\n        function checkRequiredFields() {\r\n           \r\n            const isFirstNameFilled = firstName.value.trim() !== '';\r\n            const isLastNameFilled = lastName.value.trim() !== '';\r\n            const isReviewFilled = review.value.trim() !== '';\r\n\r\n           \r\n            const allFieldsFilled = isFirstNameFilled && isLastNameFilled && isReviewFilled;\r\n\r\n            if (allFieldsFilled) {\r\n              \r\n                submitBtn.removeAttribute('disabled');\r\n                submitBtn.style.opacity = '1'; \r\n                submitBtn.style.cursor = 'pointer';\r\n            } else {\r\n             \r\n                submitBtn.setAttribute('disabled', 'true');\r\n                submitBtn.style.opacity = '0.5'; \r\n                submitBtn.style.cursor = 'not-allowed';\r\n            }\r\n        }\r\n\r\n  \r\n        firstName.addEventListener('keyup', checkRequiredFields);\r\n        lastName.addEventListener('keyup', checkRequiredFields);\r\n        review.addEventListener('keyup', checkRequiredFields);\r\n        checkRequiredFields();\r\n        \r\n        \r\ndocument.getElementById('reviewForm').addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n\r\n    const form = this;\r\n    const formData = new FormData(form);\r\n    formData.append('action', 'submit_review');\r\n\r\n   fetch('\/wp-admin\/admin-ajax.php', {\r\n\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(res => res.json())\r\n    .then(data => {\r\n      \r\n        if (data.success) {\r\n    form.reset();\r\n\r\n    const submitBtn = document.getElementById('submitBtn');\r\n    const message = document.getElementById('formMessage');\r\n\r\n    submitBtn.setAttribute('disabled', true);\r\n    submitBtn.style.opacity = '0.5';\r\n    submitBtn.style.cursor = 'not-allowed';\r\n\r\n    message.style.display = 'block';\r\n\r\n    \/\/ optional: hide message after 4 seconds\r\n    setTimeout(() => {\r\n        message.style.display = 'none';\r\n    }, 4000);\r\n}\r\n\r\n    })\r\n    .catch(() => {\r\n        \r\n    });\r\n});\r\n\r\n\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Building Your Outdoor Vision Built for Contractors Who Don\u2019t Have Time to Wait At DMK, we understand one thing better [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":189,"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":24445,"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/pages\/34\/revisions\/24445"}],"wp:attachment":[{"href":"https:\/\/dmkfencesupply.com\/es\/wp-json\/wp\/v2\/media?parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}