Component library

1. Componente/Bloque de texto

Este es un párrafo con texto en negrilla y texto en cursiva. También soporta strong y énfasis.

Ejemplo de enlace: Visitar sitio externo y enlace interno.

Lista no ordenada

  • Primer elemento de la lista
  • Segundo elemento con negrilla
  • Tercer elemento con enlace

Lista ordenada

  1. Paso 1 del proceso
  2. Paso 2 del proceso
  3. Paso 3 del proceso

Cita en bloque

La educación es el arma más poderosa que puedes usar para cambiar el mundo. - Nelson Mandela

Título H2 - Ejemplo 

Título H3 - Ejemplo 

Título H4 - Ejemplo 

Titulo H5 - Ejemplo
Titulo H6 - Ejemplo

2. Componente/Imagen

test
Estudiantes participando en competencia nacional

3. Componente/Galería de imágenes

4. Componente/Cards con ícono, texto y enlace

Educación integral

Formación académica de excelencia con valores y competencias.

Variantes estándar - 1
Innovación

Metodologías activas y recursos tecnológicos de vanguardia.

Variantes estándar - 2
Comunidad

Ambiente colaborativo que fomenta el crecimiento personal.

variantes_estandar_3
Excelencia

Compromiso con la calidad educativa y formación integral.

variantes_estandar_4
test
Educación integral

Formación académica de excelencia con valores y competencias para la vida, desarrollando el potencial único de cada estudiante en un ambiente inclusivo que fomenta el pensamiento crítico y la creatividad.

Variantes con imagen de fondo
test
Comunidad Educativa

Un espacio donde cada estudiante encuentra su lugar.

Variantes con imagen de fondo
test
Excelencia Académica

Resultados sobresalientes que reflejan nuestro compromiso.

Variantes con imagen de fondo
test
Innovación

Metodologías activas y tecnología de vanguardia.

Variantes con imagen de fondo

5. Componente/Enlace simple

Enlace predeterminado

Enlace predeterminado

Enlace con subrayado

enlace_con_subrayado

Enlace con ícono

enlace_con_icono

Enlace externo

enlace_externo

Enlace dorado (fondo oscuro)

enlace_dorado_fondo_oscuro

6. Componente/Listados

Lista no ordenada

  • Primer elemento de la lista
  • Segundo elemento de la lista
  • Tercer elemento de la lista
  • Cuarto elemento de la lista

Lista con íconos

  • Elemento con ícono personalizado
  • Metodologías activas de aprendizaje
  • Recursos tecnológicos de vanguardia
  • Acompañamiento personalizado

Lista ordenada

  1. Primer paso del proceso
  2. Segundo paso del proceso
  3. Tercer paso del proceso
  4. Cuarto paso del proceso

7. Componente/CTA (Botón con texto y enlace)

Botón Principal

Botón Dorado

Golden
Si

Botón Esmeralda

Emerald
No

Botón con ícono

Primary
Si

8. Componente/CTA (Imagen con texto y enlace)

test
Únete a nuestra comunidad

Descubre oportunidades para tu desarrollo

test
Educación de calidad

Formación integral para tu futuro

test
Excelencia académica

Comprometidos con tu éxito educativo

9. Componente/Tabla

10. Componente/Preguntas frecuentes

Preguntas Frecuentes
¿Cuál es el proceso de admisión?

El proceso de admisión consta de varios pasos: registro en línea, entrevista con la familia, pruebas de diagnóstico y confirmación de cupo.

¿Qué documentos necesito para la inscripción?

Necesitas documento de identidad del estudiante y padres, certificado de notas del año anterior, y certificado médico.

¿Ofrecen becas o ayudas financieras?

Sí, contamos con diferentes programas de becas según el desempeño académico y la situación económica de las familias.

¿Cuál es el tamaño promedio de las clases?

Mantenemos grupos reducidos con un máximo de 25 estudiantes por aula para garantizar una atención personalizada.

11. Componente/Botones

Layout horizontal

Layout vertical

Layout grid

12. Componente/Botones con ícono

14. Componente/Tabs (Pestañas)

Banda Musical José Joaquín Casas

Descubre cómo la música enriquece la formación integral de nuestros estudiantes

test
Banda Musical José Joaquín Casas

Programa musical transversal que integra todos los niveles académicos en una experiencia artística excepcional

Filosofía Musical

Desarrollo integral del estudiante a través de la música, fortaleciendo valores, disciplina y trabajo en equipo

Formación
Formación desde Exploración

Iniciación musical temprana con metodología Kodály y Orff

Variantes estándar - 2
Ensambles por Edades

Grupos diferenciados: Mini banda, Banda Juvenil, Banda Principal

Variantes estándar - 2
Competencias

Participación en festivales nacionales e internacionales

Variantes estándar - 2
Logros
1er Lugar Nacional 2024

Primer puesto en el Festival Nacional de Bandas Estudiantiles

Variantes estándar - 2
25 Años de Tradición

Un cuarto de siglo formando músicos integrales

Variantes estándar - 2
200+ Egresados Músicos

Estudiantes que continuaron su formación musical profesional

Variantes estándar - 2

14.2 Componente/Drop Down (Solo Accordion)

Preguntas Frecuentes sobre Admisiones

Encuentra respuestas rápidas a las consultas más comunes

¿Cómo es el proceso de admisión?

El proceso de admisión consta de 4 pasos principales: inscripción en línea, entrevista con coordinación académica, evaluación diagnóstica y formalización de matrícula.

  • Diligenciar formulario de inscripción
  • Asistir a entrevista programada
  • Realizar evaluación diagnóstica
  • Completar proceso de matrícula
¿Qué documentos necesito?

Para completar el proceso de admisión, necesitarás presentar los siguientes documentos: 

  1. Registro civil de nacimiento
  2. Fotocopia de documento de identidad del estudiante
  3. Fotocopia de documentos de identidad de los padres
  4. Certificado de notas del último año cursado
  5. Certificado de vacunación (para primaria)
  6. 2 fotos tamaño cédula
¿Cuáles son los costos?

Nuestros costos incluyen matrícula anual y pensión mensual. Los valores varían según el nivel educativo. 

Matrícula 2025: Desde $1.200.000 

Pensión mensual: Desde $950.000 

*Contamos con convenios de financiación y descuentos por hermanos.

¿Cuándo puedo inscribirme?

El proceso de admisiones para el año 2025 está abierto durante todo el año, con fechas específicas para cada etapa: 

Inscripciones 

Todo el año 

Entrevistas 

Octubre 2024 - Enero 2025 

Matrículas 

Noviembre 2024 - Febrero 2025

14.3 Componente/Explorador Drop Down

Explorador de Aprendizaje

Descubre cómo desarrollamos las competencias de nuestros estudiantes en cada etapa

test
Etapa Exploratoria

Primeros años donde los estudiantes descubren el mundo a través del juego, la experimentación y la curiosidad natural. 

  • Desarrollo psicomotor
  • Iniciación a la lectoescritura
  • Exploración sensorial
  • Socialización temprana
test
Etapa Contextual

Los estudiantes relacionan sus aprendizajes con el entorno, desarrollando pensamiento crítico y habilidades sociales. 

  • Proyectos colaborativos
  • Pensamiento lógico-matemático
  • Comprensión lectora avanzada
  • Trabajo en equipo
test
Etapa Conceptual

Profundización en conocimientos abstractos, desarrollo de análisis crítico y construcción de conceptos complejos. 

  • Razonamiento abstracto
  • Investigación científica
  • Argumentación y debate
  • Liderazgo estudiantil
test
Etapa Proyectiva

Preparación para la vida universitaria y profesional, con enfoque en proyectos de impacto y toma de decisiones. 

  • Proyecto de vida
  • Emprendimiento e innovación
  • Preparación universitaria
  • Responsabilidad social

15. Componente/Imagen + Texto con Botones

Imagen a la derecha

test
Programa de Inglés Intensivo

Nuestro programa de inglés prepara a los estudiantes para un mundo globalizado, desarrollando habilidades comunicativas en contextos reales y significativos. 

Implementamos metodologías activas que promueven el aprendizaje natural del idioma.

Imagen a la izquierda

test
Banda Musical Institucional

La música es parte fundamental de nuestra propuesta educativa. A través de la banda musical, los estudiantes desarrollan disciplina, sensibilidad artística y habilidades de trabajo colaborativo.

Sin botones (solo texto)

test
Formación Integral

Nuestro modelo pedagógico integra diferentes dimensiones del desarrollo humano, promoviendo el crecimiento académico, social, emocional y físico de cada estudiante.

16. Componente/Noticias y Eventos

Conexión José Joaco

Noticias que inspiran, informan y conectan a toda la familia José Joaco.

News
Tradition and Gratitude: José Joaco Presents Flags and Welcomes Christmas
On November 14, our institution experienced one of the most significant days of the school calendar. In an event full of symbolism and emotion, the Flag Presentation Ceremony was held—a moment that marks the generational handover and the closing of a chapter for our future alumni.

Image
Izada de bandera
News
High School Graduation 2025: Sowing Dreams, Harvesting the Future
Gimnasio José Joaquín Casas dressed in its finest to celebrate one of the most significant events in our institutional life: the Graduation Ceremony of the Class of 2025. More than just a diploma presentation, this day symbolized the closing of an unforgettable chapter and the beginning of a journey filled with new goals and horizons for our graduates.

Image
Grados
News
Excellence and Valor: Closing of the 2025 School Year and Awards Ceremony
On November 27, Gimnasio José Joaquín Casas held the Closing Ceremony of the School Year, an event that marks the end of a stage filled with great learning and the beginning of a well-deserved break for our student community.

Image
Premiación
News
Jaime Leal González Cup 2025: A Triumph of Sportsmanship and Team Spirit
After several months of intense competition, effort, and fair play, the Jaime Leal González Cup 2025 concluded on November 6. The tournament, which began on August 15, once again established itself as a key event for sportsmanship and healthy interaction among various educational institutions.

Image
Copa JL
Event
67 Years of Excellence: Grand Anniversary Celebration
On March 20, Gimnasio José Joaquín Casas will dress in its finest to celebrate 67 years of history, education, and values. Since our founding, we have been home to multiple generations, and today we take pride in seeing how our mission to educate children and youth toward Humana Perfección remains as strong as ever.

20 de March de 2026

8:00 am

Image
Cumpleaños
20 Mar.
Event
School Government Elections 2026: Democracy at José Joaco
On March 5, our school will experience one of the most important events for civic education: the Election of Student Representation Positions. In this democratic process, students will exercise their right to vote to choose who will lead the initiatives for Student Ombudsman, Deputy Ombudsman, and Council Representative.

5 de March de 2026

8:30 am

Image
evento 2
5 Mar.
Event
General Assembly of Parents 2026: Building the Road Together
Next Saturday, February 21, we will open our doors for the first great face-to-face meeting of the year. The Parents' Assembly is the fundamental space where the foundations of the family-school alliance, vital for the success of our educational process, are laid.

21 de February de 2026

8:00 am

Image
Asamblea
21 Feb.

17. Componente/Explorador Académico

Explorador Académico

Descubre cada etapa de crecimiento educativo diseñada para el desarrollo integral de tu hijo.

Exploratorio
Transición a segundo de primaria

En esta etapa los niños desarrollan sus habilidades básicas a través del juego y la exploración, construyendo las bases fundamentales para su aprendizaje futuro.

Desarrollo psicomotor
Creatividad y arte
Socialización temprana
Pre-lectoescritura
Conceptual
Jardín y transición

Los estudiantes fortalecen conceptos fundamentales y desarrollan habilidades de pensamiento lógico, preparándose para los desafíos académicos posteriores.

Pensamiento lógico
Conceptos matemáticos
Exploración del entorno
Expresión artística
Contextual
Primero a quinto de primaria

Aplicación práctica del conocimiento en contextos reales, fomentando el pensamiento crítico y la resolución creativa de problemas cotidianos.

Método científico
Lectoescritura avanzada
Conciencia global
Trabajo colaborativo
Proyectivo
Sexto a once de bachillerato

Desarrollo de proyectos innovadores y preparación para la educación superior, cultivando liderazgo y emprendimiento para el futuro.

Proyecto de vida
Innovación tecnológica
Emprendimiento
Liderazgo juvenil

18. Componente/Tablero Académico (Tabs)

Explorador Académico

Descubre cada etapa de crecimiento educativo diseñada para el desarrollo integral de tu hijo.

Exploratorio
Transición a segundo de primaria

En esta etapa los niños desarrollan sus habilidades básicas a través del juego y la exploración, construyendo las bases fundamentales para su aprendizaje futuro.

Desarrollo psicomotor
Creatividad y arte
Socialización temprana
Pre-lectoescritura
Conceptual
Jardín y transición

Los estudiantes fortalecen conceptos fundamentales y desarrollan habilidades de pensamiento lógico, preparándose para los desafíos académicos posteriores.

Pensamiento lógico
Conceptos matemáticos
Exploración del entorno
Expresión artística
Contextual
Primero a quinto de primaria

Aplicación práctica del conocimiento en contextos reales, fomentando el pensamiento crítico y la resolución creativa de problemas cotidianos.

Método científico
Lectoescritura avanzada
Conciencia global
Trabajo colaborativo
Proyectivo
Sexto a once de bachillerato

Desarrollo de proyectos innovadores y preparación para la educación superior, cultivando liderazgo y emprendimiento para el futuro.

Proyecto de vida
Innovación tecnológica
Emprendimiento
Liderazgo juvenil

19. Hero 1 - Hero con video de fondo

Formamos Líderes del Futuro

En el Gimnasio José Joaquín Casas combinamos excelencia académica bilingüe con formación integral. Destacamos por nuestra reconocida Banda Musical y un modelo pedagógico innovador.

Continue exploring

20. Hero 2 - Hero con carrusel y botones

Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
4Segundos

21. Hero 3 - Hero con carrusel sin botones

Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
Educación de Excelencia

Formamos líderes del futuro con excelencia académica, valores sólidos y un enfoque bilingüe internacional que prepara a nuestros estudiantes para los desafíos del mundo.

test
4Segundos

22. Hero 4 - Hero con carrusel sin texto explicativo

Formando Líderes del Futuro
test
Formando Líderes del Futuro
test
Formando Líderes del Futuro
test
Formando Líderes del Futuro
test
Formando Líderes del Futuro
test
4Segundos

Sistema de componentes completo 

Estos 22 componentes están listos para ser utilizados en cualquier página interna del sitio. Cada componente es completamente configurable con opciones de espaciado, variantes y estilos que siguen la identidad visual institucional.