{"id":737,"date":"2026-03-24T14:43:40","date_gmt":"2026-03-24T11:43:40","guid":{"rendered":"https:\/\/sdndel.org\/boystown\/?page_id=737"},"modified":"2026-05-12T12:42:29","modified_gmt":"2026-05-12T09:42:29","slug":"savio-youth-enterprises-production-unites","status":"publish","type":"page","link":"https:\/\/sdndel.org\/boystown\/?page_id=737","title":{"rendered":"Savio Youth Enterprises Production Unites"},"content":{"rendered":"\n<!-- HERO SECTION -->\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:350px;aspect-ratio:unset;\">\n  <span aria-hidden=\"true\" class=\"wp-block-cover__background has-primary-background-color has-background-dim\"><\/span>\n  <img decoding=\"async\" class=\"wp-block-cover__image-background\" alt=\"Savio Youth Enterprises\" src=\"https:\/\/sdndel.org\/boystown\/wp-content\/uploads\/2026\/03\/workshop-production.jpg\"\/>\n  <div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n    \n    <h1 class=\"has-text-align-center has-white-color has-text-color wp-block-heading\">Savio Youth Enterprises<\/h1>\n    \n\n    \n    <p class=\"has-text-align-center has-white-color has-text-color\">\n      Production Units that empower learning through real work and professional services.\n    <\/p>\n    \n  <\/div>\n<\/div>\n\n\n<!-- INTRO -->\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n  <div class=\"wp-block-column\">\n    \n    <figure class=\"wp-block-image\">\n      <img decoding=\"async\" src=\"https:\/\/sdndel.org\/boystown\/wp-content\/uploads\/2026\/03\/students-workshop.jpg\" alt=\"Workshop training\"\/>\n    <\/figure>\n    \n  <\/div>\n\n  <div class=\"wp-block-column\">\n    \n    <h2 class=\"wp-block-heading\">Learning by Doing<\/h2>\n    \n\n    \n    <p>\n      Savio Youth Enterprises Production Units play a vital role in supporting the training programs at Don Bosco Boys Town. \n      These units provide students with real-world working experience while offering professional services to the community.\n    <\/p>\n    \n\n    \n    <p>\n      Through this model, trainees not only learn technical skills but also develop work ethics, customer service, and entrepreneurship.\n    <\/p>\n    \n  <\/div>\n<\/div>\n\n\n<!-- SERVICE CARDS -->\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\n\n<style>\n.service-section {padding:60px 20px;background:#f5f7fa}\n.service-grid {\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n  gap:25px;\n}\n.service-card {\n  background:#fff;\n  border-radius:12px;\n  padding:25px;\n  box-shadow:0 5px 15px rgba(0,0,0,0.08);\n  text-align:center;\n  transition:all 0.3s ease;\n  opacity:0;\n  transform:translateY(20px);\n}\n.service-card.show {\n  opacity:1;\n  transform:translateY(0);\n}\n.service-card:hover {\n  transform:translateY(-8px);\n  box-shadow:0 10px 25px rgba(0,0,0,0.15);\n}\n.service-icon {\n  font-size:34px;\n  color:#2c7be5;\n  margin-bottom:15px;\n}\n.service-card h3 {margin-bottom:10px;font-size:18px}\n.service-card p {font-size:14px;color:#555}\n<\/style>\n\n<section class=\"service-section\">\n  <h2 style=\"text-align:center;margin-bottom:40px\">Our Production Services<\/h2>\n\n  <div class=\"service-grid\">\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\"><i class=\"fas fa-couch\"><\/i><\/div>\n      <h3>Carpentry &#038; Joinery<\/h3>\n      <p>High-quality furniture crafted with precision and creativity.<\/p>\n    <\/div>\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\"><i class=\"fas fa-car\"><\/i><\/div>\n      <h3>Motor Vehicle Mechanics (MVM)<\/h3>\n      <p>Minor and major servicing for all types of vehicles.<\/p>\n    <\/div>\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\"><i class=\"fas fa-fire\"><\/i><\/div>\n      <h3>Welding &#038; Fabrication<\/h3>\n      <p>Metal works, fabrication, and custom engineering solutions.<\/p>\n    <\/div>\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\"><i class=\"fas fa-shirt\"><\/i><\/div>\n      <h3>Tailoring &#038; Fashion<\/h3>\n      <p>Dressmaking, knitting, embroidery, and custom garments.<\/p>\n    <\/div>\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\"><i class=\"fas fa-bolt\"><\/i><\/div>\n      <h3>Electrical &#038; Refrigeration<\/h3>\n      <p>Installation, maintenance, and repair of electrical systems.<\/p>\n    <\/div>\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\"><i class=\"fas fa-cogs\"><\/i><\/div>\n      <h3>Machine Works<\/h3>\n      <p>Fitter &#038; Turner, CNC machining, and precision engineering.<\/p>\n    <\/div>\n\n    <div class=\"service-card\">\n      <div class=\"service-icon\"><i class=\"fas fa-tools\"><\/i><\/div>\n      <h3>Other Services<\/h3>\n      <p>Various technical solutions tailored to community needs.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const cards = document.querySelectorAll(\".service-card\");\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if(entry.isIntersecting){\n        entry.target.classList.add(\"show\");\n      }\n    });\n  }, {threshold:0.2});\n\n  cards.forEach(card => observer.observe(card));\n});\n<\/script>\n\n\n<!-- CTA -->\n\n<div class=\"wp-block-cover alignfull\">\n  <span class=\"wp-block-cover__background has-black-background-color has-background-dim\"><\/span>\n  <img decoding=\"async\" class=\"wp-block-cover__image-background\" src=\"https:\/\/sdndel.org\/boystown\/wp-content\/uploads\/2026\/03\/industry-work.jpg\" alt=\"Production\"\/>\n  <div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n    \n    <h2 class=\"has-text-align-center has-white-color has-text-color wp-block-heading\">Real Work. Real Skills. Real Impact.<\/h2>\n    \n\n    \n    <p class=\"has-text-align-center has-white-color has-text-color\">\n      Partner with us and experience quality services while empowering young people for the future.\n    <\/p>\n    \n\n    \n    <div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n      <div class=\"wp-block-button\">\n        <a class=\"wp-block-button__link\" href=\"\/boystown\/contact\/\">Contact Us<\/a>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","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-737","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/737","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=737"}],"version-history":[{"count":12,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/737\/revisions"}],"predecessor-version":[{"id":959,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/737\/revisions\/959"}],"wp:attachment":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=737"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}