{"id":17506,"date":"2025-01-05T20:02:46","date_gmt":"2025-01-05T12:02:46","guid":{"rendered":"https:\/\/www.welonsprefab.com\/?page_id=17506"},"modified":"2025-06-24T16:27:04","modified_gmt":"2025-06-24T08:27:04","slug":"project-case","status":"publish","type":"page","link":"https:\/\/www.welonsprefab.com\/?page_id=17506","title":{"rendered":"Project Case"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Project Case<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

\ud83c\udfebHome<\/a>>Project Case<\/a><\/span><\/p>\t\t\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

\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Project Case<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">Discover the 40 - 20 ft Coastal Retreat in Manila, Framed by Railings<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp\">\r\n <div class=\"description\">\r\n\r\n <p>This container house features a practical packaging design. Components are neatly packaged for convenient transportation and storage, reducing damage risks. Structurally, it consists of modular units. The two - story layout with white exteriors and safety railings on the balcony is both simple and functional, enabling rapid on - site assembly. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-98e62bb elementor-widget elementor-widget-html\" data-id=\"98e62bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">A 40-foot-tall modern three - story office building built in the Philippines\r\n<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/homecase3.webp\">\r\n <div class=\"description\">\r\n <p>This quick - assembled container showcases an innovative design. Its packaging is simple yet efficient, with components that are easy to transport and store. Structurally, it consists of modular units. The combination of white - framed exteriors and large glass windows not only provides a modern aesthetic but also ensures good natural lighting. The openable windows enhance ventilation, making it a practical and stylish solution for various temporary or semi - permanent space needs. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2275360 elementor-widget elementor-widget-html\" data-id=\"2275360\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">2023's Masterpiece in Philippines: A Two - storey Wonder in White and Red <\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case3.webp\">\r\n <div class=\"description\">\r\n <p>This container house showcases a modern design. Its modular structure consists of pre - fabricated units, enabling quick and easy assembly. The two - story layout provides ample space, with a sleek exterior featuring a combination of white panels, red accents, and black railings. It can be used as temporary offices, staff dormitories, or even small - scale commercial spaces, offering a flexible and cost - effective solution for various needs. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79caa68 elementor-widget elementor-widget-html\" data-id=\"79caa68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">Unveiling a 60 - ft Double - Layer Quick - Build Container Home in Malaysia<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case4.webp\">\r\n <div class=\"description\">\r\n <p> The large glass windows not only add a modern touch but also let in plenty of natural light. Its compact and assembled form offers a quick - to - build and aesthetically pleasing space solution. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-176a9ce elementor-widget elementor-widget-html\" data-id=\"176a9ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">2025's Manila Gem: A Striking Two - storey Building in Cool Blue Tones<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case5.webp\">\r\n <div class=\"description\">\r\n <p>This container house features a minimalist and elegant design, with a soft blue exterior that blends harmoniously with the natural surroundings. Structurally, it's a two - story modular building. The lower unit serves as a living or working space, while the upper level with a balcony offers a great spot for relaxation. It can be used as a cozy lakeside residence, a private studio, or a vacation retreat. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ac591b elementor-widget elementor-widget-html\" data-id=\"1ac591b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color:black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">2023 Swiss Masterpiece: White Build Blending Effortlessly with Alpine Vistas<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case6.webp\">\r\n <div class=\"description\">\r\n <p>Nestled in a ski resort, this container house features a sleek and minimalist design. Its white - hued exterior and expansive glass windows blend seamlessly with the snowy backdrop. Structurally, it's a single - story modular build for easy assembly. It serves as a convenient resting place for skiers, offering warmth and comfort. Inside, it can have facilities like a caf\u00e9 or a small gear - rental area. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bb70b0 elementor-widget elementor-widget-html\" data-id=\"9bb70b0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">Malaysian Paradise: Sleek 40 - Foot Hotel Pods in 2022 Resort Town<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case7.webp\">\r\n <div class=\"description\">\r\n <p>Situated in an ancient town, these container houses feature a simple and understated design. Their uniform white exteriors with small, regularly - spaced windows give a clean look. Structurally, they are individual modular units, easy to install and relocate. These houses can serve multiple purposes, such as temporary accommodation for tourists, small - scale local shops, or exhibition spaces, adding a modern touch to the historical town. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ddb278 elementor-widget elementor-widget-html\" data-id=\"8ddb278\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">Shipment Alert - Nov 2024: Stylish White & Glass Container Unit<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/homecase1.webp\">\r\n <div class=\"description\">\r\n <p>This container house, ready for shipment, features a modern and streamlined design. The large glass panels on the front not only offer a contemporary aesthetic but also allow for ample natural light. Structurally, it's a single - unit modular construction, making it easy to transport and assemble. It can be used as an office, a small - scale retail store, or a cozy studio, providing a flexible space solution for various needs. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9da31 elementor-widget elementor-widget-html\" data-id=\"9d9da31\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">20Ft Expandable Container House: Modern Oasis Blending with Nature<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case9.webp\">\r\n <div class=\"description\">\r\n <p>This expandable container house in a Manila resort features a minimalist design. Its neutral - toned exterior blends well with the natural surroundings. Structurally, it's based on modular containers that can be expanded. With multiple windows and a large glass door, it allows for ample natural light. Easy to assemble and customize, it offers a cozy and flexible living space for resort guests.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da86507 elementor-widget elementor-widget-html\" data-id=\"da86507\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">2024 Australian - Bound: Timber - Designd Modular Quick - Build Home <\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case10.webp\" >\r\n <div class=\"description\">\r\n <p>This wooden - decorated modular container house, soon to be shipped, features a charming and rustic design. The exterior is adorned with wooden planks, giving it a warm and natural look. Structurally, it consists of modular blocks that are easy to assemble and transport. With a pitched roof and a combination of solid and open - slat sections, it offers both aesthetic appeal and potential for ventilation. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3460c51 elementor-widget elementor-widget-html\" data-id=\"3460c51\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">Early 2025: 40 - Foot Space - Inspired Modular Container House Bound for UK<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case11.webp\">\r\n <div class=\"description\">\r\n <p>In the dawn of 2025, we proudly present our 40 - foot modular container house, a masterpiece inspired by space - capsule design. This innovative dwelling seamlessly combines futuristic aesthetics with practical functionality. With its sleek lines and large - scale glass panels, it offers a unique living experience that blurs the boundaries between indoors and outdoors. Set to be exported to the UK, it's ready to redefine modern living. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ceeb0a4 elementor-widget elementor-widget-html\" data-id=\"ceeb0a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Image Hover Effect<\/title>\r\n <style>\r\n \/* \u6574\u4f53\u5bb9\u5668\u6837\u5f0f\uff0c\u7528\u4e8e\u5305\u88f9\u6309\u94ae\u548c\u56fe\u7247\u5bb9\u5668 *\/\r\n .wrapper {\r\n width: 100%;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u56fe\u7247\u5bb9\u5668\u6837\u5f0f *\/\r\n .image-container {\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n \/* \u56fe\u7247\u6837\u5f0f *\/\r\n .image-container img {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n vertical-align: top;\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u6837\u5f0f *\/\r\n .text-button {\r\n background-color: white;\r\n border: none;\r\n padding: 10px 0;\r\n font-family: Arial, sans-serif;\r\n cursor: pointer;\r\n font-size: clamp(12px, 3vw, 20px); \/* \u81ea\u52a8\u8c03\u6574\u5b57\u4f53\u5927\u5c0f *\/\r\n width: 100%;\r\n box-sizing: border-box;\r\n opacity: 0.8;\r\n transition: all 0.3s ease;\r\n margin-bottom: 0;\r\n color: black; \/* \u8ba9\u6587\u5b57\u989c\u8272\u7ee7\u627f\u7236\u5143\u7d20\uff0c\u53ef\u6839\u636e\u9700\u8981\u8c03\u6574\u9ed8\u8ba4\u6587\u5b57\u989c\u8272 *\/\r\n }\r\n\r\n \/* \u6587\u5b57\u6309\u94ae\u60ac\u505c\u6837\u5f0f *\/\r\n .text-button:hover {\r\n background-color: white;\r\n color: orange;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6837\u5f0f *\/\r\n .description {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n color: white;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n text-align: center;\r\n }\r\n\r\n \/* \u4ecb\u7ecd\u6587\u5b57\u6bb5\u843d\u6837\u5f0f *\/\r\n .description p {\r\n font-size: 16px;\r\n line-height: 1.5;\r\n margin: 0;\r\n max-height: calc(1.5em * 3);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n display: -webkit-box;\r\n -webkit-box-orient: vertical;\r\n -webkit-line-clamp: 3;\r\n }\r\n\r\n \/* \u9f20\u6807\u60ac\u505c\u5728\u56fe\u7247\u5bb9\u5668\u4e0a\u65f6\u7684\u6837\u5f0f\u53d8\u5316 *\/\r\n .image-container:hover img {\r\n filter: brightness(70%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u624b\u673a\u7248\u9762\u5a92\u4f53\u67e5\u8be2 *\/\r\n @media (max-width: 767px) {\r\n .image-container:hover img {\r\n filter: brightness(100%);\r\n }\r\n\r\n .image-container:hover .description {\r\n opacity: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div class=\"wrapper\">\r\n <button class=\"text-button\">Completed! 40Ft Expandable Custom Container Home for Aussie Client<\/button>\r\n <div class=\"image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case12.webp\">\r\n <div class=\"description\">\r\n <p>Behold this remarkable 40 - foot expandable custom container home, meticulously crafted and now fully completed for our esteemed Aussie client. Engineered with innovation, it offers adaptable living space to suit diverse needs. Its sleek, modern exterior is both eye - catching and durable. Inside, every detail has been tailored to ensure comfort and functionality. It's a testament to quality craftsmanship, ready to provide a unique and convenient living experience in the Australian landscape. <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/body>\r\n\r\n<\/html> \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-d94174a e-flex e-con-boxed e-con e-parent\" data-id=\"d94174a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6d3349 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b6d3349\" data-element_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=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">1<\/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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Project Case ?Home&g<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17506","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Project Case - Welonsprefab<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.welonsprefab.com\/?page_id=17506\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Project Case - Welonsprefab\" \/>\n<meta property=\"og:description\" content=\"Project Case ?Home&g\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.welonsprefab.com\/?page_id=17506\" \/>\n<meta property=\"og:site_name\" content=\"Welonsprefab\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-24T08:27:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.welonsprefab.com\/?page_id=17506\",\"url\":\"https:\/\/www.welonsprefab.com\/?page_id=17506\",\"name\":\"Project Case - Welonsprefab\",\"isPartOf\":{\"@id\":\"https:\/\/www.welonsprefab.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.welonsprefab.com\/?page_id=17506#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.welonsprefab.com\/?page_id=17506#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp\",\"datePublished\":\"2025-01-05T12:02:46+00:00\",\"dateModified\":\"2025-06-24T08:27:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.welonsprefab.com\/?page_id=17506#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.welonsprefab.com\/?page_id=17506\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.welonsprefab.com\/?page_id=17506#primaryimage\",\"url\":\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp\",\"contentUrl\":\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp\",\"width\":900,\"height\":900},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.welonsprefab.com\/?page_id=17506#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.welonsprefab.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Project Case\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.welonsprefab.com\/#website\",\"url\":\"https:\/\/www.welonsprefab.com\/\",\"name\":\"Welonsprefab\",\"description\":\"\u6a21\u5757\u5316\u623f\",\"publisher\":{\"@id\":\"https:\/\/www.welonsprefab.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.welonsprefab.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.welonsprefab.com\/#organization\",\"name\":\"Welonsprefab\",\"url\":\"https:\/\/www.welonsprefab.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.welonsprefab.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/03\/\u7b2c10\u9875-2611-1.png\",\"contentUrl\":\"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/03\/\u7b2c10\u9875-2611-1.png\",\"width\":289,\"height\":289,\"caption\":\"Welonsprefab\"},\"image\":{\"@id\":\"https:\/\/www.welonsprefab.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Project Case - Welonsprefab","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.welonsprefab.com\/?page_id=17506","og_locale":"zh_CN","og_type":"article","og_title":"Project Case - Welonsprefab","og_description":"Project Case ?Home&g","og_url":"https:\/\/www.welonsprefab.com\/?page_id=17506","og_site_name":"Welonsprefab","article_modified_time":"2025-06-24T08:27:04+00:00","og_image":[{"url":"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"8 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.welonsprefab.com\/?page_id=17506","url":"https:\/\/www.welonsprefab.com\/?page_id=17506","name":"Project Case - Welonsprefab","isPartOf":{"@id":"https:\/\/www.welonsprefab.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.welonsprefab.com\/?page_id=17506#primaryimage"},"image":{"@id":"https:\/\/www.welonsprefab.com\/?page_id=17506#primaryimage"},"thumbnailUrl":"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp","datePublished":"2025-01-05T12:02:46+00:00","dateModified":"2025-06-24T08:27:04+00:00","breadcrumb":{"@id":"https:\/\/www.welonsprefab.com\/?page_id=17506#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.welonsprefab.com\/?page_id=17506"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.welonsprefab.com\/?page_id=17506#primaryimage","url":"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp","contentUrl":"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/06\/Case1.webp","width":900,"height":900},{"@type":"BreadcrumbList","@id":"https:\/\/www.welonsprefab.com\/?page_id=17506#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.welonsprefab.com\/"},{"@type":"ListItem","position":2,"name":"Project Case"}]},{"@type":"WebSite","@id":"https:\/\/www.welonsprefab.com\/#website","url":"https:\/\/www.welonsprefab.com\/","name":"Welonsprefab","description":"\u6a21\u5757\u5316\u623f","publisher":{"@id":"https:\/\/www.welonsprefab.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.welonsprefab.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/www.welonsprefab.com\/#organization","name":"Welonsprefab","url":"https:\/\/www.welonsprefab.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.welonsprefab.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/03\/\u7b2c10\u9875-2611-1.png","contentUrl":"https:\/\/www.welonsprefab.com\/wp-content\/uploads\/2025\/03\/\u7b2c10\u9875-2611-1.png","width":289,"height":289,"caption":"Welonsprefab"},"image":{"@id":"https:\/\/www.welonsprefab.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=\/wp\/v2\/pages\/17506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17506"}],"version-history":[{"count":178,"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=\/wp\/v2\/pages\/17506\/revisions"}],"predecessor-version":[{"id":20858,"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=\/wp\/v2\/pages\/17506\/revisions\/20858"}],"wp:attachment":[{"href":"https:\/\/www.welonsprefab.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}