{"id":735,"date":"2026-03-24T14:36:34","date_gmt":"2026-03-24T11:36:34","guid":{"rendered":"https:\/\/sdndel.org\/boystown\/?page_id=735"},"modified":"2026-03-24T14:36:34","modified_gmt":"2026-03-24T11:36:34","slug":"hostel-facilities","status":"publish","type":"page","link":"https:\/\/sdndel.org\/boystown\/?page_id=735","title":{"rendered":"Hostel Facilities"},"content":{"rendered":"\n<!-- LOAD FONT AWESOME -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\n\n<!-- STYLE -->\n<style>\n.hostel-section {padding:60px 20px;background:#f9fafc}\n.hostel-title {text-align:center;margin-bottom:40px}\n.hostel-grid {\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));\n  gap:25px;\n}\n.hostel-card {\n  background:#fff;\n  border-radius:12px;\n  padding:25px;\n  box-shadow:0 5px 15px rgba(0,0,0,0.08);\n  transition:all 0.3s ease;\n  text-align:center;\n  opacity:0;\n  transform:translateY(20px);\n}\n.hostel-card.show {\n  opacity:1;\n  transform:translateY(0);\n}\n.hostel-card:hover {\n  transform:translateY(-8px);\n  box-shadow:0 10px 25px rgba(0,0,0,0.15);\n}\n.hostel-icon {\n  font-size:36px;\n  color:#2c7be5;\n  margin-bottom:15px;\n}\n.hostel-card h3 {\n  margin-bottom:10px;\n  font-size:18px;\n}\n.hostel-card p {\n  font-size:14px;\n  color:#555;\n}\n<\/style>\n\n<!-- SECTION -->\n<section class=\"hostel-section\">\n  <div class=\"hostel-title\">\n    <h2>Hostel Facilities<\/h2>\n    <p>Providing a safe, structured, and nurturing environment for holistic formation.<\/p>\n  <\/div>\n\n  <div class=\"hostel-grid\">\n\n    <!-- Dormitory -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-bed\"><\/i><\/div>\n      <h3>Comfortable Dormitories<\/h3>\n      <p>Spacious and well-organized sleeping areas that promote rest and discipline.<\/p>\n    <\/div>\n\n    <!-- Dining -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\n      <h3>Dining &#038; Nutrition<\/h3>\n      <p>Balanced and nutritious meals shared in a community dining environment.<\/p>\n    <\/div>\n\n    <!-- Sanitation -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-shower\"><\/i><\/div>\n      <h3>Sanitation Facilities<\/h3>\n      <p>Clean and well-maintained bathrooms ensuring hygiene and health.<\/p>\n    <\/div>\n\n    <!-- Study -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-book\"><\/i><\/div>\n      <h3>Study Environment<\/h3>\n      <p>Quiet and supervised study areas that support academic success.<\/p>\n    <\/div>\n\n    <!-- Recreation -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-futbol\"><\/i><\/div>\n      <h3>Recreation &#038; Sports<\/h3>\n      <p>Spaces for sports and leisure activities that promote physical well-being.<\/p>\n    <\/div>\n\n    <!-- Guidance -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-user-shield\"><\/i><\/div>\n      <h3>24\/7 Supervision<\/h3>\n      <p>Dedicated staff provide guidance, safety, and mentorship at all times.<\/p>\n    <\/div>\n\n    <!-- Community -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-users\"><\/i><\/div>\n      <h3>Community Living<\/h3>\n      <p>Students grow together in a spirit of brotherhood, respect, and teamwork.<\/p>\n    <\/div>\n\n    <!-- Formation -->\n    <div class=\"hostel-card\">\n      <div class=\"hostel-icon\"><i class=\"fas fa-heart\"><\/i><\/div>\n      <h3>Values &#038; Formation<\/h3>\n      <p>Holistic development through discipline, faith, and personal growth.<\/p>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- ANIMATION -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  const cards = document.querySelectorAll(\".hostel-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","protected":false},"excerpt":{"rendered":"<p>Hostel Facilities Providing a safe, structured, and nurturing environment for holistic formation. Comfortable Dormitories Spacious and well-organized sleeping areas that promote rest and discipline. Dining &#038; Nutrition Balanced and nutritious meals shared in a community dining environment. Sanitation Facilities Clean and well-maintained bathrooms ensuring hygiene and health. Study Environment Quiet and supervised study areas that [&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-735","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/735","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=735"}],"version-history":[{"count":1,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/735\/revisions"}],"predecessor-version":[{"id":736,"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=\/wp\/v2\/pages\/735\/revisions\/736"}],"wp:attachment":[{"href":"https:\/\/sdndel.org\/boystown\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}