{"id":32,"date":"2017-08-08T06:19:49","date_gmt":"2017-08-08T06:19:49","guid":{"rendered":"http:\/\/www.dfloors.co.th\/main\/?page_id=32"},"modified":"2026-03-31T13:06:49","modified_gmt":"2026-03-31T06:06:49","slug":"reference","status":"publish","type":"page","link":"http:\/\/www.dfloors.co.th\/main\/reference\/","title":{"rendered":"REFERENCE"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"th\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    <style>\n        :root {\n            --primary-blue: #003366;\n            --accent-yellow: #ffcc00;\n            --light-bg: #f8f9fa;\n            --text-dark: #333;\n        }\n\n        body {\n            font-family: 'Sarabun', sans-serif;\n            margin: 0;\n            padding: 0;\n            background-color: #fff;\n            color: var(--text-dark);\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 60px 20px;\n        }\n\n        \/* Section Title *\/\n        .section-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-header h4 {\n            color: var(--primary-blue);\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            margin-bottom: 10px;\n            font-size: 1.2rem;\n        }\n\n        .section-header h2 {\n            font-size: 2.5rem;\n            position: relative;\n            padding-bottom: 15px;\n            color: var(--primary-blue);\n        }\n\n        .section-header h2::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 80px;\n            height: 4px;\n            background-color: var(--accent-yellow);\n        }\n\n        \/* Gallery Grid *\/\n        .reference-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n        }\n\n        .reference-item {\n            position: relative;\n            overflow: hidden;\n            border-radius: 10px;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n            aspect-ratio: 4\/3;\n        }\n\n        .reference-item:hover {\n            transform: translateY(-10px);\n        }\n\n        .reference-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        .reference-overlay {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            right: 0;\n            background: linear-gradient(transparent, rgba(0, 51, 102, 0.9));\n            padding: 20px;\n            color: white;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n\n        .reference-item:hover .reference-overlay {\n            opacity: 1;\n        }\n\n        .reference-overlay p {\n            margin: 0;\n            font-size: 1rem;\n            font-weight: 500;\n        }\n\n        \/* Call to Action Bar *\/\n        .cta-bar {\n            margin-top: 50px;\n            background: var(--primary-blue);\n            padding: 30px;\n            border-radius: 10px;\n            color: white;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            flex-wrap: wrap;\n            gap: 20px;\n        }\n\n        .cta-text h3 { margin: 0; font-size: 1.5rem; }\n        \n        .btn-contact {\n            background: var(--accent-yellow);\n            color: var(--primary-blue);\n            padding: 12px 30px;\n            text-decoration: none;\n            border-radius: 50px;\n            font-weight: bold;\n            transition: background 0.3s;\n        }\n\n        .btn-contact:hover {\n            background: #e6b800;\n        }\n\n        @media (max-width: 768px) {\n            .section-header h2 { font-size: 2rem; }\n            .cta-bar { text-align: center; justify-content: center; }\n        }\n    .reference-item1 {            position: relative;\n            overflow: hidden;\n            border-radius: 10px;\n            box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n            transition: transform 0.3s ease;\n            aspect-ratio: 4\/3;\n}\n    <\/style>\n    <title>Reference &#8211; Epoxy Coating<\/title>\n<\/head>\n<body>\n\n    <section class=\"container\">\n        <div class=\"section-header\">\n            <h2>Our Projects<\/h2>\n        <\/div>\n\n        <div class=\"reference-grid\">\n            <div class=\"reference-item\"> <a href=\"http:\/\/www.dfloors.co.th\/main\/service-products\/epoxy-floors\/\"><img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/01-Epoxy-Coating-\u0e2a-\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19.jpg\" alt=\"Epoxy Coating 1\"><\/a>\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i> \u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1e\u0e37\u0e49\u0e19 Epoxy Coating \u0e2a.\u0e02\u0e2d\u0e19\u0e41\u0e01\u0e48\u0e19<\/p>\n              <\/div>\n          <\/div>\n\n            <div class=\"reference-item\"> <a href=\"http:\/\/www.dfloors.co.th\/main\/service-products\/epoxy-floors\/\"><img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/03-Epoxy-Coating\u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e01\u0e31\u0e0d\u0e0a\u0e32-\u0e2d\u0e48\u0e2d\u0e19\u0e19\u0e38\u0e0a63.jpg\" alt=\"Epoxy Coating 2\"><\/a>\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i> \u0e1e\u0e37\u0e49\u0e19 Epoxy Coating \u0e42\u0e23\u0e07\u0e07\u0e32\u0e19\u0e01\u0e31\u0e0d\u0e0a\u0e32 \u0e2d\u0e48\u0e2d\u0e19\u0e19\u0e38\u0e0a63<\/p>\n              <\/div>\n          <\/div>\n\n\t\t\t    <div class=\"reference-item\"> <a href=\"http:\/\/www.dfloors.co.th\/main\/service-products\/polyurethane-floors\/\"><img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/PU-SCREED-3-MM.-\u0e1f\u0e32\u0e23\u0e4c\u0e21\u0e40\u0e2e\u0e49\u0e32\u0e2a\u0e4c-\u0e25\u0e32\u0e14\u0e01\u0e23\u0e30\u0e1a\u0e31\u0e07-456-\u0e15\u0e23.\u0e21.jpg\" alt=\"PU\"><\/a>\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i> PU SCREED 3MM. \u0e1f\u0e32\u0e23\u0e4c\u0e21\u0e40\u0e2e\u0e49\u0e32\u0e2a\u0e4c\u0e25\u0e32\u0e14\u0e01\u0e23\u0e30\u0e1a\u0e31\u0e07 456 \u0e15\u0e23.\u0e21. <\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\"> <a href=\"http:\/\/www.dfloors.co.th\/main\/service-products\/frp-lining-coating\/\"><img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/PU-SCREED-3-MM.-\u0e0b\u0e32\u0e19\u0e40\u0e0b\u0e19-\u0e1b\u0e34\u0e48\u0e19\u0e17\u0e2d\u0e07-600-\u0e15\u0e23.\u0e21.jpg\" alt=\"PU\"><\/a>\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>PU SCREED 3MM. \u0e0b\u0e32\u0e19\u0e40\u0e0b\u0e19 \u0e1b\u0e34\u0e48\u0e19\u0e17\u0e2d\u0e07 600 \u0e15\u0e23.\u0e21<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t    <div class=\"reference-item\"> <a href=\"http:\/\/www.dfloors.co.th\/main\/service-products\/water-proofinghttp:\/\/www.dfloors.co.th\/main\/service-products\/frp-lining-coating\/-coating\/\"><img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/04-FRP-10MM.-\u0e44\u0e17\u0e22\u0e44\u0e27\u0e23\u0e4c-\u0e21\u0e32\u0e1a\u0e15\u0e32\u0e1e\u0e38\u0e14.jpg\" alt=\"FRP\"><\/a>\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>FRP 10MM. \u0e44\u0e17\u0e22\u0e44\u0e27\u0e23\u0e4c \u0e21\u0e32\u0e1a\u0e15\u0e32\u0e1e\u0e38\u0e14<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\"> <a href=\"http:\/\/www.dfloors.co.th\/main\/service-products\/frp-lining-coating\/\"><img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/03-FRP-3MM.-\u0e42\u0e23\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32-\u0e23\u0e32\u0e0a\u0e1a\u0e38\u0e23\u0e35.jpg\" alt=\"FRP\"><\/a>\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>FRP 3MM. \u0e42\u0e23\u0e07\u0e44\u0e1f\u0e1f\u0e49\u0e32 \u0e23\u0e32\u0e0a\u0e1a\u0e38\u0e23\u0e35<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/04-\u0e07\u0e32\u0e19\u0e02\u0e31\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e1f\u0e25\u0e2d\u0e23\u0e4c\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e14\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e02\u0e31\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e1f\u0e25\u0e2d\u0e23\u0e4c\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e14\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e07\u0e32\u0e19\u0e02\u0e31\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e1f\u0e25\u0e2d\u0e23\u0e4c\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e14\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/01-\u0e07\u0e32\u0e19\u0e02\u0e31\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e1f\u0e25\u0e2d\u0e23\u0e4c\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e14\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e02\u0e31\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e1f\u0e25\u0e2d\u0e23\u0e4c\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e14\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e07\u0e32\u0e19\u0e02\u0e31\u0e14\u0e1e\u0e37\u0e49\u0e19\u0e1f\u0e25\u0e2d\u0e23\u0e4c\u0e2e\u0e32\u0e23\u0e4c\u0e14\u0e40\u0e14\u0e19\u0e40\u0e19\u0e2d\u0e23\u0e4c<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/03-\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV-Nothing-Hill-Rayong.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV Nothing Hill Rayong<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/04-\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV-Nothing-Hill-Rayong.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV Nothing Hill Rayong<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/01-\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV-MG-1.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV MG<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/02-\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV-MG-1.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e07\u0e32\u0e19\u0e17\u0e33\u0e1e\u0e37\u0e49\u0e19\u0e25\u0e32\u0e19\u0e08\u0e2d\u0e14\u0e23\u0e16-EV MG<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/05-\u0e2d\u0e1a\u0e15.\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e30\u0e01\u0e32\u0e28-2012-\u0e15\u0e23.\u0e21.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e2a\u0e19\u0e32\u0e21\u0e01\u0e35\u0e2c\u0e32\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e2d\u0e1a\u0e15.\u0e1a\u0e49\u0e32\u0e19\u0e23\u0e30\u0e01\u0e32\u0e28 2,012 \u0e15\u0e23.\u0e21.<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n\t\t\t\t<div class=\"reference-item\">\n\t\t\t\t<img decoding=\"async\" src=\"http:\/\/www.dfloors.co.th\/main\/wp-content\/uploads\/2026\/03\/01-\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e27\u0e31\u0e14\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e19\u0e34\u0e22\u0e21\u0e18\u0e23\u0e23\u0e21-\u0e2a\u0e32\u0e22\u0e44\u0e2b\u0e21-894-\u0e15\u0e23.\u0e21.jpg\" alt=\"\u0e07\u0e32\u0e19\u0e2a\u0e19\u0e32\u0e21\u0e01\u0e35\u0e2c\u0e32\">\n                <div class=\"reference-overlay\">\n                  <p><i class=\"fas fa-check-circle\"><\/i>\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e27\u0e31\u0e14\u0e23\u0e32\u0e29\u0e0e\u0e23\u0e4c\u0e19\u0e34\u0e22\u0e21\u0e18\u0e23\u0e23\u0e21 \u0e2a\u0e32\u0e22\u0e44\u0e2b\u0e21 894 \u0e15\u0e23.\u0e21.<\/p>\n                <\/div>\n          <\/div>\n\t\t\t\n        <\/div>\n\n        <div class=\"cta-bar\">\n            <div class=\"cta-text\">\n                <h3>\u0e2a\u0e19\u0e43\u0e08\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1e\u0e37\u0e49\u0e19 Epoxy \u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e2a\u0e39\u0e07?<\/h3>\n            <\/div>\n            <a href=\"#\" class=\"btn-contact\">\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e1f\u0e23\u0e35<\/a>\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reference &#8211; Epoxy Coating Our Projects \u0e07\u0e32\u0e19\u0e15\u0e34\u0e14\u0e15\u0e31\u0e49\u0e07 &hellip; <a href=\"http:\/\/www.dfloors.co.th\/main\/reference\/\" class=\"more-link\">\u0e2d\u0e48\u0e32\u0e19\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21<span class=\"screen-reader-text\"> &#8220;REFERENCE&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":63,"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":1302,"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/pages\/32\/revisions\/1302"}],"wp:attachment":[{"href":"http:\/\/www.dfloors.co.th\/main\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}