<link href="https://storage.googleapis.com/mdc-website/mdc-assets/css/summercamps-streams.program_stream.playground.css?v8" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"/><link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" rel="stylesheet"/><div class="geeks"><nav aria-label="breadcrumb" class="d-none d-md-block" id="breadcrumb"><ol class="breadcrumb background-gray mb-0"><div class="container d-flex flex-row"><li class="breadcrumb-item"><a class="txt-dark bold-700" href="https://ce.mdc.edu"><strong> Home </strong></a></li><li class="breadcrumb-item"><a class="txt-dark bold-500" href="https://ce.mdc.edu/contentManagement.do?method=load&code=CM000022"> Summer Camps </a></li><li aria-current="page" class="breadcrumb-item active"> Hialeah Campus </li></div></ol></nav><div class="bg-navbar-summer position-relative mb-md-5" id="navbar_summer"><div class="d-flex justify-content-center align-items-center"><img class="img-fluid my-3 navbar-summer-image" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/summer-logo.svg"/></div><div class="position-absolute text-center nav-summer-bleed"><div class="row justify-content-center mx-3"><div class="col-8 col-md-12 locations-summer"><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519238">Hialeah</a><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519257">Homestead</a><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519272">Kendall</a><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519305">Medical</a><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519309">North</a><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519450">Padron</a><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519387">West</a><a class="text-black m-0 link-summer" href="https://ce.mdc.edu/public/category/programStream.do?method=load&selectedProgramAreaId=3519128&selectedProgramStreamId=3519341">Wolfson</a></div></div></div></div><script>
document.addEventListener('DOMContentLoaded', function () {
// Obtener la URL actual incluyendo los parámetros de búsqueda
let currentPath = window.location.pathname + window.location.search;
// Obtener todos los enlaces de summer
let summerLinks = document.querySelectorAll('.link-summer');
// Recorrer los enlaces para encontrar coincidencias y establecer la clase active
summerLinks.forEach(function (link) {
let linkPath = new URL(link.href).pathname + new URL(link.href).search;
if (currentPath === linkPath) {
link.classList.add('active'); // Añadir clase 'active'
}
});
});
</script><!-- Version con separación mobile/desktop para summercamps-streams --><!-- Hero Desktop --><div class="container d-none d-md-block px-4 px-md-0 mb-0" id="hero_two_images"><div class="card-shadow mb-0"><div class="row card-hero vector"><!-- Columna con contenido principal --><div class="col-md-6 px-4 px-md-2 pl-md-5"><div class="d-flex flex-column justify-content-center my-4"><h1 class="text-center text-md-left mb-0"><strong class="bold-700">Summer of fun!</strong><br/> at Hialeah Campus </h1><div class="txt-sm txt-gray d-md-block"> At MDC's Summer Camps we have activities for all age groups. Enjoy a secure environment and eight convenient camp locations across Miami Dade County. </div><div class="d-flex justify-content-center justify-content-md-start"><a class="button button-primary mt-4 mb-5" href="#" onclick="scrollToComponent(event, '#course_cards_section')"> Get Started!! </a></div></div></div><!-- Columna derecha --><div class="col-md-6 p-0 d-flex justify-content-center align-items-center" id="enroll-section"><img alt="" class="card-transparent card-bleed" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/hialeah-1_w200.png"/><img alt="" class="card-transparent bleed-corner" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/hialeah-2_w200.png"/></div></div></div></div><!-- Hero Mobile Summercamps Streams --><div class="bg-hero-summer-stream-mobile container d-block d-md-none" id="hero_two_images-mobile"><div class="mb-0"><div class="row vector"><!-- Contenido principal mobile --><div class="col-12 px-4 pt-5"><div class="d-flex flex-column justify-content-center my-5"><h1 class="text-center mb-0"><strong class="bold-700">Summer of fun!</strong><br/> at Hialeah Campus </h1><div class="txt-sm txt-gray text-center"> At MDC's Summer Camps we have activities for all age groups. Enjoy a secure environment and eight convenient camp locations across Miami Dade County. </div><div class="d-flex justify-content-center"><a class="button button-primary mt-4 mb-4" href="#" onclick="scrollToComponent(event, '#course_cards_section')"> Get Started!! </a></div></div></div></div></div></div><div class="bg-radial-yellow py-5"><div class="container px-4 px-md-0" id="course_cards_section"><div class="d-flex flex-column"><header class="text-center d-flex flex-column align-items-center pb-4 mt-5"><h2>Our Courses</h2><hr class="geeks-hr"/><p class="txt-gray txt-s"> Explore and discover the courses we offer this summer </p></header><div class="pb-0 pb-md-5"><!-- Eliminado: Filtros de categoría --><!-- Contenedor de tarjetas de cursos --><div class="row course-cards-container justify-content-center"><div class="col-md-4 mb-4 course-card-item"><div class="card prices-course-card"><div class="card-img-container p-1"><img alt="Digital Marketing Summer Camp" class="card-img-top" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/marketing-k.png" style="border-radius: 25px;"/><div class="course-age-badge">Ages: 15-17</div></div><div class="card-body p-3"><h5 class="card-title">Digital Marketing Summer Camp</h5><div class="scholarship-badge">Scholarship available</div><div class="d-flex align-items-center justify-content-between"><div class="mini-stamp-white-container"><div class="mini-stamp-white mb-2"><div class="bg-white enroll-icon-bg"><img alt="" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/calendar.svg" style="width: 13px"/></div><span class="course-date-text"> 6/16 - 6/20 </span></div></div><div class="course-price"> $30 </div></div><a class="button button-primary w-100 d-block" href="https://ce.mdc.edu/search/publicCourseSearchDetails.do?method=load&courseId=10446878">More information</a></div></div></div><div class="col-md-4 mb-4 course-card-item"><div class="card prices-course-card"><div class="card-img-container p-1"><img alt="Programmers Paradise" class="card-img-top" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/programmers-paradise.png" style="border-radius: 25px;"/><div class="course-age-badge">Ages: 13-17</div></div><div class="card-body p-3"><h5 class="card-title">Programmers Paradise</h5><div class="scholarship-badge">Scholarship available</div><div class="d-flex align-items-center justify-content-between"><div class="mini-stamp-white-container"><div class="mini-stamp-white mb-2"><div class="bg-white enroll-icon-bg"><img alt="" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/calendar.svg" style="width: 13px"/></div><span class="course-date-text"> 6/23 - 6/27 </span></div></div><div class="course-price"></div></div><a class="button button-primary w-100 d-block" href="https://ce.mdc.edu/search/publicCourseSearchDetails.do?method=load&courseId=4288414">More information</a></div></div></div></div></div></div></div></div><script>
document.addEventListener('DOMContentLoaded', function() {
const MAX_VISIBLE_CARDS = 9;
let showingAllCards = false;
const courseItems = document.querySelectorAll('.course-card-item');
// Aplicar el límite inicial de tarjetas
if (courseItems.length > MAX_VISIBLE_CARDS) {
courseItems.forEach((item, index) => {
if (index >= MAX_VISIBLE_CARDS) {
item.style.display = 'none';
}
});
}
// Manejar botón "Load more/Show less"
const loadMoreBtn = document.getElementById('loadMoreBtn');
if (loadMoreBtn) {
loadMoreBtn.addEventListener('click', function() {
showingAllCards = !showingAllCards;
// Actualizar visibilidad de tarjetas
courseItems.forEach((item, index) => {
if (index >= MAX_VISIBLE_CARDS) {
if (showingAllCards) {
item.style.display = 'block';
// Agregar animación con delay incremental
item.classList.remove('fade-in');
void item.offsetWidth; // Reiniciar la animación
item.classList.add('fade-in');
item.style.animationDelay = (index - MAX_VISIBLE_CARDS) * 0.1 + 's';
} else {
item.style.display = 'none';
}
}
});
// Actualizar texto del botón
this.textContent = showingAllCards ? 'Show less' : 'Load more';
});
}
});
</script><div class="background-linear-top-light-blue py-5" id="campus_location_map_two_images"><div class="container"><div class="d-flex flex-column align-items-center text-center"><h2 class="d-none d-md-block">How to get to the <br/> Hialeah Campus</h2><h2 class="d-block d-md-none pt-5">How to get to the <br/> Hialeah Campus</h2><hr class="geeks-hr mb-4"/><!-- Estructura de dos columnas: lista a la izquierda, mapa a la derecha --><div class="d-flex flex-column flex-md-row justify-content-center align-items-stretch w-100"><!-- Columna izquierda: campus info --><div class="col-md-6 mr-md-2 border-campus-info"><div class="campus-info-left h-100 p-2"><!-- Campus images in a row --><div class="row mb-1"><div class="col-6 pr-1"><img alt="Hialeah Campus" class="w-100 h-100" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/hialeah-map-1.jpg" style="object-fit: cover; border-radius: 20px;"/></div><div class="col-6 pl-1"><img alt="Hialeah Campus" class="w-100 h-100" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/hiahleh-map-2.jpg" style="object-fit: cover; border-radius: 20px;"/></div></div><!-- Campus card info --><div class="campus-name p-2"><h3 class="text-black text-left mt-0 pt-0 txt-jakarta" style="font-weight: 700 !important;"> Hialeah Campus </h3><div class="mb-2 text-left"><p class="location-direction custom-text mb-1 txt-jakarta"> 1780 W 49th St. Hialeah, FL 33012 </p><p class="location-phone custom-text mb-1 txt-jakarta"> 305-237-8780 </p></div></div></div></div><!-- Columna derecha: mapa --><div class="col-md-6 background-soft-gray p-2 d-flex justify-content-center align-items-center desktop-only" style="border-radius: 30px; position: relative; margin-left: 15px; height: 380px;"><iframe allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3590.130572190529!2d-80.32153532445274!3d25.865179604321344!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88d9bafe7f39f73b%3A0x92db1d6554a3c63e!2s1780%20W%2049th%20St%2C%20Hialeah%2C%20FL%2033012%2C%20EE.%20UU.!5e0!3m2!1ses!2sec!4v1733850867513!5m2!1ses!2sec" style="width: 100%; height: 100%; object-fit: cover; border-radius: 20px;"></iframe></div></div></div></div></div><link href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/css/intlTelInput.css" rel="stylesheet"/><div class="container custom-container" id="contact_form"><div class="card-shadow"><div class="row card-hero background-ellipse-v2 p-2 p-md-4"><div class="col-md-6 d-flex flex-column justify-content-center"><h2 class="text-center text-md-left mb-3"> Looking for more <br/> information? </h2><p class="txt-gray txt-s mb-2 d-none d-md-block"> For more information about our Summer Camps or other programs, please complete the form below or give us a call. </p><!-- Iconos info de versión Desktop --><div class="d-none d-md-block"><ul class="list-group"><li class="d-flex justify-content-start align-items-center p-2 mb-2"><img class="icon-info" src="https://storage.googleapis.com/mdc-website/summercamps-streams_hialeah-camps/phone.svg"/><div class="ml-2 txt-sm bold-400">305-237-8780</div></li></ul></div></div><div class="col-md-6 d-flex align-items-center"><form class="form needs-validation d-flex flex-column align-items-center w-100" data-slug="hialeah-camps" id="form-contact_form" novalidate=""><div class="row w-l-responsive"><div class="form-group stamp stamp-md-gray text-left mr-3 col"><label class="mb-0 txt-xs" for="name">Name</label><input class="form-control stamp-empty" id="name" name="name" placeholder="Your name" required="" type="text"/><div class="invalid-feedback">Please enter your name.</div></div><div class="form-group stamp stamp-md-gray text-left col"><label class="mb-0 txt-xs" for="lastName">Last name</label><input class="form-control stamp-empty" id="lastName" name="lastName" placeholder="Your last name" required="" type="text"/><div class="invalid-feedback">Please enter your last name.</div></div></div><div class="form-group stamp stamp-md-gray text-left"><input class="form-control stamp-empty" id="phone" name="phone" placeholder="Phone number" required="" type="tel"/><div class="invalid-feedback" id="phoneError">Please enter your phone number.</div><div class="invalid-feedback" id="countryError">The phone number does not match the selected country.</div></div><div class="form-group stamp stamp-md-gray text-left"><label class="mb-0 txt-xs" for="email">Email</label><input class="form-control stamp-empty" id="email" name="email" placeholder="Your email address" required="" type="email"/><div class="invalid-feedback">Please enter a valid email.</div></div><div class="form-group stamp stamp-md-gray text-left" id="programs-group"><label class="mb-0 txt-xs" for="programs">Select a program of your interest</label><select class="form-control stamp-empty txt-muted" id="programs" name="programs" required=""><option class="txt-gray" disabled="" selected="" value="">Select a program</option><option value="digital-marketing-hialeah">Digital Marketing Summer Camp - Hialeah</option><option value="programmers-paradise-hialeah">Programmers Paradise</option></select><div class="invalid-feedback">Please select a program</div></div><div class="form-group stamp stamp-md-gray text-left" id="location-group"><label class="mb-0 txt-xs" for="campuses">Select a campus of preference</label><select class="form-control stamp-empty txt-muted" id="campuses" name="campuses" required=""><option class="txt-gray" disabled="" selected="" value="">Select a location</option><option data-locations="hialeah" value="hialeah"> Hialeah Campus </option></select><div class="invalid-feedback">Please select a campus</div></div><div class="form-group stamp stamp-md-gray text-left"><label class="mb-0 txt-xs" for="questions">Questions / Comments</label><textarea class="form-control stamp-empty" id="questions" name="questions" placeholder="Enter your questions or comments here" rows="3"></textarea></div><!-- Alertas de error y éxito --><div class="alert alert-danger d-none">Error!</div><div class="alert alert-success d-none w-75"> Thank you for submitting your request. Our admissions team will contact you soon. </div><button class="button button-primary w-l-responsive leads-btn mb-3" type="submit"> Submit form </button></form></div></div></div></div><script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/intlTelInput.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.js"></script><script>
document.addEventListener("DOMContentLoaded", function () {
const form = document.querySelector(`#form-contact_form`);
if (!form) {
console.error('Form not found');
return;
}
const phoneInput = form.querySelector('#phone');
const phoneError = form.querySelector('#phoneError');
const countryError = form.querySelector('#countryError');
const locationGroup = form.querySelector('#location-group');
const campusesSelect = form.querySelector('#campuses');
const programsSelect = form.querySelector('#programs');
const iti = window.intlTelInput(phoneInput, {
utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.js"
});
// Filtrar caracteres no numéricos en el campo de teléfono
phoneInput.addEventListener('input', function (event) {
phoneInput.value = phoneInput.value.replace(/\D/g, '');
});
if (campusesSelect.options.length === 2) {
campusesSelect.selectedIndex = 1;
locationGroup.style.display = 'none';
}
form.addEventListener('submit', function (event) {
event.preventDefault();
event.stopPropagation();
phoneError.style.display = 'none';
countryError.style.display = 'none';
if (form.checkValidity() === false || !iti.isValidNumber()) {
form.classList.add('was-validated');
if (!phoneInput.value) {
phoneError.style.display = 'block';
} else if (!iti.isValidNumber()) {
countryError.style.display = 'block';
}
return;
}
const formData = new FormData(form);
let selectedProgram;
// Lógica para determinar el programa seleccionado
if (programsSelect) {
// Si el dropdown existe, usar el valor seleccionado
selectedProgram = programsSelect.value;
} else if (form.hasAttribute('data-single-program')) {
// Si hay un solo programa en courses_to_show, usar ese
selectedProgram = form.getAttribute('data-single-program');
} else {
// Si no hay courses_to_show definido, usar el slug de la página
selectedProgram = form.getAttribute('data-slug');
}
const data = {
first_name: formData.get("name"),
last_name: formData.get("lastName"),
email: formData.get("email"),
phone: iti.getNumber(),
programs: selectedProgram,
locations: formData.get("campuses") || form.getAttribute('data-locations'),
additional_info: `Questions / Comments: ${formData.get("questions") || ''}`,
...loadSessionData()
};
// La fecha se manejará en el backend
data.created_at = new Date().toISOString();
const alertError = form.querySelector('.alert.alert-danger');
const alertSuccess = form.querySelector('.alert.alert-success');
const submitButton = form.querySelector('.leads-btn');
if (!submitButton) {
console.error('Submit button not found');
return;
}
// The conversion_name can be one off the following: contact_us, downloadable, purchase
registerConversion("contact_us", data)
.then((success) => {
if (success) {
if (alertError) {
alertError.classList.add("d-none");
}
if (alertSuccess) {
alertSuccess.classList.remove("d-none");
}
submitButton.classList.add("d-none");
form.reset();
form.classList.remove('was-validated');
iti.setNumber('');
}
console.log("Conversion registered successfully:", success, data);
})
.catch((error) => {
if (alertError) {
alertError.innerHTML = error.msg || error;
alertError.classList.remove("d-none");
}
console.error("Failed to register conversion:", error);
});
});
});
</script></div>