{"id":5319,"date":"2022-09-06T14:45:10","date_gmt":"2022-09-06T21:45:10","guid":{"rendered":"https:\/\/oceansideusdbond.maasco.com\/?page_id=5319"},"modified":"2025-10-19T13:09:40","modified_gmt":"2025-10-19T20:09:40","slug":"surfside-educational-academy","status":"publish","type":"page","link":"https:\/\/oceansideusdbond.maasco.com\/es\/projects\/transforming-our-campuses\/surfside-educational-academy\/","title":{"rendered":"Surfside Educational Academy"},"content":{"rendered":"<h1>\n\t\t\tSURFSIDE EDUCATIONAL ACADEMY\t<\/h1>\n\t\t\t\t<a href=\"https:\/\/surfside.oside.us\/\"  target=\"_blank\" rel=\"noopener\"  itemprop=\"url\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/06\/Surfside_Logo_ClearBG.webp\" alt=\"Surfside_Logo_ClearBG\" itemprop=\"image\" height=\"500\" width=\"500\" title=\"Surfside_Logo_ClearBG\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t\t\t\t<\/a>\n<h2>\n\t\t\tCurrent Projects\t<\/h2>\n\t\t\t<a href=\"https:\/\/oceansideusdbond.maasco.com\/es\/projects\/transforming-our-campuses\/\" target=\"_self\">\n\t\t\t\t\t\tBack to Projects\n\t\t\t\t\t<\/a>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 100%;\n    margin: 0 auto;\n    padding: 5px;\n    color: #91c0eb;\n    background-color: #ffffff;\n    box-sizing: border-box;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #061f5c;\n    padding: 10px 15px;\n    border-left: 5px solid #91c0eb;\n    margin-top: 10px;\n    box-sizing: border-box;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #061f5c;\n    margin-top: 5px;\n    margin-bottom: 5px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n  .project-name {\n    flex: 1;\n    margin-right: 10px;\n  }\n  .project-row {\n    display: flex;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 15px;\n    margin-bottom: 10px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #91c0eb;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #4e95cf;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 18px;\n    margin: 5px 0;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n  .phase-label {\n    font-size: 18px;\n    font-weight: 500;\n    color: #000000;\n  }\n  .project-date, .project-funding, .project-bond {\n    background-color: #91c0eb;\n    color: #061f5c;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 16px;\n    display: inline-block;\n  }\n  .project-bond {\n    background-color: #061f5c;\n    color: #91c0eb;\n    font-size: 18px;\n    white-space: nowrap;\n  }\n  .date-label {\n    font-size: 16px;\n  }\n  .project-description {\n    margin: 10px 0;\n    padding: 10px 5px 5px 5px;\n    font-size: 16px;\n    color: #000000;\n    line-height: 1.5;\n    border-left: 3px solid #4e95cf;\n    background-color: #ffffff;\n    text-align: justify;\n  }\n  .phase-row {\n    display: flex;\n    gap: 15px;\n    margin-top: 10px;\n  }\n  .phase-container {\n    flex: 1;\n  }\n  .budget-info {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 15px;\n    flex-wrap: wrap;\n  }\n  @media (max-width: 700px) {\n    .phase-row {\n      flex-direction: column;\n    }\n    .project-item h3, .project-item p {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n    .project-bond, .project-funding {\n      margin-left: 5px;\n      margin-top: 5px;\n    }\n  }\n<\/style>\n  <section id=\"current-projects\">\n    <h2>Surfside &#8211; Modernization<\/h2>\n      Budget: $37,500,000\n      Bond: Measure W\n          <h3>Phase #2<\/h3>\n          \n            Expected Duration: \n            Fall 2025 &#8211; Summer 2027\n          \n            Demolition of existing classroom buildings and foundation preparation to make way for the new classroom buildings to be placed during Phase #3. The existing kitchen building is set to be renovated in this phase. Additional site improvements such as new playgrounds and athletic fields, shade structures and retaining walls will be constructed.\n          <h3>Phase #3<\/h3>\n          \n            Expected Duration: \n            Fall 2025 &#8211; Spring 2027\n          \n            Placement of 10 new buildings, including 6 classroom buildings, a new child care building, new admin building and new fitness center building. A new student center building will round out the new campus. All buildings will be set on new foundations constructed during Phase #2.\n  <\/section>\n<h2>\n\t\t\tProyectos completados\t<\/h2>\n\t\t\t\t<a href=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/09\/20250922_surfside_inc01_website-scaled.jpeg\"  target=\"_self\" itemprop=\"url\">\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/09\/20250922_surfside_inc01_website-scaled.jpeg\" alt=\"20250922_surfside_inc01_website\" itemprop=\"image\" height=\"2560\" width=\"2560\" title=\"20250922_surfside_inc01_website\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t\t\t\t<\/a>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 150%;\n    margin: 0 auto;\n    padding: 20px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #043851;\n    padding: 10px 15px;\n    border-left: 5px solid #368aad;\n    margin-top: 10px;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #043851;\n    margin-bottom: 5px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 5px;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #96acb3;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #368aad;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 16px;\n    margin: 5px 0;\n  }\n  .project-date {\n    background-color: #96acb3;\n    color: #043851;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 18px;\n    display: inline-block;\n    margin-top: 5px;\n    margin-bottom: 10px;\n  }\n          .project-description {\n            text-align: justify;\n            padding: 5px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.5;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .section-spacer {\n    height: 10px;\n  }\n<\/style>\n  <section id=\"completed-projects\">\n    <h2>Measure W<\/h2>\n  <section id=\"completed-projects\">\n    <ul>\n      <li>\n        <h3>Surfside &#8211; Modernization &#8211; Phase 1:<\/h3>\n        \n          Completed: September 2025\n              \n            This preliminary stage centered around the preparation of the new campus with extensive sitework and installation of underground utilities. Over 50% of the site, including the Ditmar House, was demolished, cleared and graded. The site&#8217;s electrical infrastructure was upgraded with the installation of a new switchgear with full enclosure, situated in the newly constructed parking lot. This phase also included  a new masonry retaining wall that wraps along the perimeter of the site, with fencing and access gates. \n      <\/li>\n    <\/ul>\n  <\/section>\n  <\/section>\n\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@300;500;700&display=swap');\n  .projects-container {\n    font-family: 'Nunito', sans-serif;\n    max-width: 150%;\n    margin: 0 auto;\n    padding: 20px;\n    color: #000000;\n    background-color: #ffffff;\n  }\n  .projects-container h2 {\n    font-weight: 700;\n    font-size: 26px;\n    color: #ffffff;\n    background-color: #043851;\n    padding: 10px 15px;\n    border-left: 5px solid #368aad;\n    margin-top: 10px;\n  }\n  .projects-container h3 {\n    font-weight: 600;\n    font-size: 20px;\n    color: #043851;\n    margin-bottom: 5px;\n  }\n  .project-list {\n    list-style-type: none;\n    padding: 0;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 5px;\n  }\n  .project-item {\n    background-color: #ffffff;\n    border-radius: 8px;\n    padding: 20px;\n    box-shadow: 0 2px 5px rgba(0,0,0,0.1);\n    transition: transform 0.3s ease;\n    border: 1px solid #96acb3;\n  }\n  .project-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n    border-color: #368aad;\n  }\n  .project-item p {\n    font-weight: 300;\n    font-size: 16px;\n    margin: 5px 0;\n  }\n  .project-date {\n    background-color: #96acb3;\n    color: #043851;\n    padding: 3px 8px;\n    border-radius: 3px;\n    font-weight: 500;\n    font-size: 18px;\n    display: inline-block;\n    margin-top: 5px;\n    margin-bottom: 10px;\n  }\n          .project-description {\n            text-align: justify;\n            padding: 5px 5px 5px 5px;\n            font-size: 16px;\n            line-height: 1.5;\n            flex-grow: 1;\n            display: flex;\n            align-items: flex-start;\n        }\n  .section-spacer {\n    height: 10px;\n  }\n<\/style>\n  <section id=\"completed-projects\">\n      <h2>Proposici\u00f3n H<\/h2>\n    <ul>\n      <li>\n        <h3>Ditmar &#8211; Child Development Center Improvements<\/h3>\n        \n          Completed: September 2022\n          Budget: $294,367.05\n              \n           This project involves moving and setting up portable classroom buildings at the school site. Specifically, we will relocate and install one childcare center building (40 feet by 72 feet) and six standard classroom buildings (24 feet by 40 feet each). The project also includes improvements to the school grounds, such as moving and reinstalling a covered shade structure for outdoor areas and upgrading the site with necessary utilities and pathways to support these new buildings.\n<\/li>\n    <\/ul>\n  <\/section>\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/oceansideusdbond.maasco.com\/wp-content\/uploads\/2025\/09\/IMG_4315-scaled.jpg\" alt=\"IMG_4315\" itemprop=\"image\" height=\"1920\" width=\"2560\" title=\"IMG_4315\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>","protected":false},"excerpt":{"rendered":"<p>SURFSIDE EDUCATIONAL ACADEMY Current Projects Back to Projects Surfside &#8211; Modernization Budget: $37,500,000 Bond: Measure W Phase #2 Expected Duration: Fall 2025 &#8211; Summer 2027 Demolition of existing classroom buildings and foundation preparation to make way for the new classroom buildings to be placed during Phase #3. The existing kitchen building is set to be [&hellip;]<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":6350,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5319","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages\/5319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/comments?post=5319"}],"version-history":[{"count":0,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages\/5319\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/pages\/6350"}],"wp:attachment":[{"href":"https:\/\/oceansideusdbond.maasco.com\/es\/wp-json\/wp\/v2\/media?parent=5319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}