{"id":489,"date":"2026-03-16T22:14:17","date_gmt":"2026-03-16T19:14:17","guid":{"rendered":"https:\/\/sdndel.org\/boystown\/?page_id=489"},"modified":"2026-03-20T21:31:18","modified_gmt":"2026-03-20T18:31:18","slug":"carpentry","status":"publish","type":"page","link":"https:\/\/sdndel.org\/boystown\/?page_id=489","title":{"rendered":"Carpentry"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Carpentry Department &#8211; Don Bosco Karen Campus<\/title>\n    \n    <!-- Nh\u00fang Font ch\u1eef t\u1eeb Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <!-- S\u1eed d\u1ee5ng Roboto Slab cho ti\u00eau \u0111\u1ec1 (t\u1ea1o c\u1ea3m gi\u00e1c k\u1ef9 thu\u1eadt, v\u1eefng ch\u00e3i) v\u00e0 Inter cho v\u0103n b\u1ea3n -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&#038;family=Roboto+Slab:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Nh\u00fang th\u01b0 vi\u1ec7n Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- C\u1ea5u h\u00ecnh Font v\u00e0 M\u00e0u s\u1eafc t\u00f9y ch\u1ec9nh -->\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        serif: ['\"Roboto Slab\"', 'serif'],\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                    colors: {\n                        wood: {\n                            50: '#fbf8f6',\n                            100: '#f5ebe6',\n                            200: '#ebd5c8',\n                            800: '#5c3a21',\n                            900: '#4a301d',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n    \n    <style>\n        body {\n            background-color: #fbf8f6;\n            color: #334155;\n            margin: 0;\n            padding: 0;\n        }\n        ::selection {\n            background-color: #ebd5c8;\n            color: #4a301d;\n        }\n        \/* Hi\u1ec7u \u1ee9ng xu\u1ea5t hi\u1ec7n m\u01b0\u1ee3t m\u00e0 *\/\n        .fade-in-up {\n            animation: fadeInUp 1s ease-out forwards;\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        .delay-100 { animation-delay: 0.1s; }\n        .delay-200 { animation-delay: 0.2s; }\n        .delay-300 { animation-delay: 0.3s; }\n        \n        @keyframes fadeInUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        \/* H\u1ecda ti\u1ebft v\u00e2n g\u1ed7 m\u1edd (t\u00f9y ch\u1ecdn) *\/\n        .wood-pattern {\n            background-image: url(\"https:\/\/sdndel.org\/boystown\/wp-content\/uploads\/2026\/03\/wooden-background-1.png\");\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased wood-pattern\">\n\n    <!-- Ph\u1ea7n \u1ea2nh B\u00eca (Hero Section) -->\n    <header class=\"relative h-[50vh] md:h-[65vh] w-full overflow-hidden\">\n        <div class=\"absolute inset-0 bg-gradient-to-b from-black\/60 via-black\/40 to-black\/70 z-10\"><\/div>\n        <!-- \u1ea2nh n\u1ec1n x\u01b0\u1edfng m\u1ed9c -->\n        <img decoding=\"async\" src=\"https:\/\/sdndel.org\/boystown\/wp-content\/uploads\/2026\/03\/carpentry.jpg\" \n             alt=\"Carpentry Workshop\" \n             class=\"absolute inset-0 w-full h-full object-cover\">\n             \n        <div class=\"absolute inset-0 z-20 flex flex-col items-center justify-center text-white px-6 text-center\">\n            <div class=\"fade-in-up\">\n                <p class=\"text-sm md:text-lg uppercase tracking-[0.3em] mb-4 font-medium text-wood-200\">\n                    Don Bosco Karen Campus\n                <\/p>\n                <h1 class=\"font-serif text-4xl md:text-6xl lg:text-7xl font-bold max-w-5xl leading-tight text-white drop-shadow-lg\">\n                    Carpentry Department\n                <\/h1>\n                <div class=\"w-32 h-1.5 bg-wood-200 mx-auto mt-8 rounded-full\"><\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Ph\u1ea7n N\u1ed9i Dung Ch\u00ednh -->\n    <main class=\"max-w-6xl mx-auto px-6 py-16 md:py-24 relative z-30\">\n        \n        <!-- \u0110o\u1ea1n Gi\u1edbi Thi\u1ec7u (Lead Paragraph) -->\n        <div class=\"max-w-3xl mx-auto text-center mb-20 fade-in-up delay-100\">\n            <p class=\"font-serif text-2xl md:text-3xl leading-relaxed text-wood-900\">\n                The Carpentry Department at Don Bosco Karen Campus is one of the key training areas dedicated to forming young people into skilled and responsible members of society, in line with the Salesian educational mission of Don Bosco.\n            <\/p>\n        <\/div>\n\n        <!-- L\u01b0\u1edbi 3 c\u1ed9t cho c\u00e1c \u0111\u1eb7c \u0111i\u1ec3m ch\u00ednh -->\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-10 mb-20\">\n            \n            <!-- C\u1ed9t 1: Theory & Practice -->\n            <div class=\"bg-white p-8 rounded-2xl shadow-lg shadow-wood-800\/5 border border-wood-100 fade-in-up delay-100 hover:-translate-y-2 transition-transform duration-300\">\n                <div class=\"w-14 h-14 bg-wood-100 rounded-xl flex items-center justify-center mb-6 text-wood-800\">\n                    <!-- Icon Th\u01b0\u1edbc\/B\u00fat (Thi\u1ebft k\u1ebf & Th\u1ef1c h\u00e0nh) -->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"\/><path d=\"m15 5 4 4\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"font-serif text-xl font-bold text-wood-900 mb-4\">Theory &#038; Hands-on Practice<\/h3>\n                <p class=\"text-gray-600 leading-relaxed\">\n                    The department equips students with fundamental knowledge of wood, materials, and design. Trainees learn essential techniques such as measuring, cutting, and joining, before advancing to furniture making, interior design, and finishing.\n                <\/p>\n            <\/div>\n\n            <!-- C\u1ed9t 2: Salesian Environment -->\n            <div class=\"bg-white p-8 rounded-2xl shadow-lg shadow-wood-800\/5 border border-wood-100 fade-in-up delay-200 hover:-translate-y-2 transition-transform duration-300\">\n                <div class=\"w-14 h-14 bg-wood-100 rounded-xl flex items-center justify-center mb-6 text-wood-800\">\n                    <!-- Icon Tr\u00e1i tim\/Con ng\u01b0\u1eddi (M\u00f4i tr\u01b0\u1eddng Salesian) -->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"font-serif text-xl font-bold text-wood-900 mb-4\">Salesian Environment<\/h3>\n                <p class=\"text-gray-600 leading-relaxed\">\n                    A distinctive feature is its friendly and supportive learning environment. Beyond technical training, students are guided to grow in discipline, responsibility, creativity, and teamwork, focusing on holistic development.\n                <\/p>\n            <\/div>\n\n            <!-- C\u1ed9t 3: Modern Workshop -->\n            <div class=\"bg-white p-8 rounded-2xl shadow-lg shadow-wood-800\/5 border border-wood-100 fade-in-up delay-300 hover:-translate-y-2 transition-transform duration-300\">\n                <div class=\"w-14 h-14 bg-wood-100 rounded-xl flex items-center justify-center mb-6 text-wood-800\">\n                    <!-- Icon B\u00e1nh r\u0103ng\/M\u00e1y m\u00f3c (X\u01b0\u1edfng hi\u1ec7n \u0111\u1ea1i) -->\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"M12 2v4\"\/><path d=\"M12 18v4\"\/><path d=\"M4.93 4.93l2.83 2.83\"\/><path d=\"M16.24 16.24l2.83 2.83\"\/><path d=\"M2 12h4\"\/><path d=\"M18 12h4\"\/><path d=\"M4.93 19.07l2.83-2.83\"\/><path d=\"M16.24 7.76l2.83-2.83\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n                    <\/svg>\n                <\/div>\n                <h3 class=\"font-serif text-xl font-bold text-wood-900 mb-4\">Modern Workshop<\/h3>\n                <p class=\"text-gray-600 leading-relaxed\">\n                    Well-equipped with essential tools and modern machinery, allowing students to engage with current production methods. Practical projects and industry exposure provide valuable experience for a smooth transition into employment.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n        <!-- Kh\u1ed1i K\u1ebft Lu\u1eadn (Conclusion Block) -->\n        <div class=\"bg-wood-900 text-wood-50 rounded-3xl p-10 md:p-16 text-center relative overflow-hidden shadow-2xl fade-in-up delay-300\">\n            <!-- H\u1ecda ti\u1ebft trang tr\u00ed g\u00f3c -->\n            <svg class=\"absolute top-0 left-0 w-32 h-32 text-wood-800 opacity-50 transform -translate-x-1\/2 -translate-y-1\/2\" viewBox=\"0 0 100 100\" fill=\"currentColor\">\n                <circle cx=\"50\" cy=\"50\" r=\"50\"\/>\n            <\/svg>\n            <svg class=\"absolute bottom-0 right-0 w-48 h-48 text-wood-800 opacity-50 transform translate-x-1\/4 translate-y-1\/4\" viewBox=\"0 0 100 100\" fill=\"currentColor\">\n                <circle cx=\"50\" cy=\"50\" r=\"50\"\/>\n            <\/svg>\n            \n            <div class=\"relative z-10 max-w-4xl mx-auto\">\n                <p class=\"font-serif text-2xl md:text-4xl leading-snug font-medium mb-8\">\n                    &#8220;The Carpentry Department not only forms competent craftsmen but also nurtures individuals of strong character, capable of self-reliance and meaningful contribution to the community.&#8221;\n                <\/p>\n                <div class=\"w-16 h-1 bg-wood-200\/50 mx-auto mb-8\"><\/div>\n                <p class=\"text-lg md:text-xl text-wood-200 uppercase tracking-widest font-semibold\">\n                    It is a place where creativity is shaped,<br class=\"hidden md:block\"\/> skills are refined, and futures are built.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/main>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Carpentry Department &#8211; Don Bosco Karen Campus Don Bosco Karen Campus Carpentry Department The Carpentry Department at Don Bosco Karen Campus is one of the key training areas dedicated to forming young people into skilled and responsible members of society, in line with the Salesian educational mission of Don Bosco. Theory &#038; Hands-on Practice The [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"fullwidth-page.php","meta":{"footnotes":""},"class_list":["post-489","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=489"}],"version-history":[{"count":4,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/489\/revisions"}],"predecessor-version":[{"id":688,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/489\/revisions\/688"}],"wp:attachment":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}