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

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
Logros

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.

Noticia
The Houses Roared: A New Beginning of the Year at José Joaco
El espíritu de fraternidad y competencia sana se tomó nuestras instalaciones en el Primer Encuentro de las Casas 2026. Las casas Alfa, Beta, Gama y Omega se reunieron para dar una bienvenida oficial y llena de fuerza a un nuevo año de desafíos, donde quedó claro que, aunque somos cuatro equipos, latimos con un mismo corazón: el del José Joaco.

Image
Casas
Academic
Noticia
This is how we experienced Car Free Day 2026
El pasado 5 de febrero, el Gimnasio José Joaquín Casas se unió con entusiasmo a la jornada distrital del Día Sin Carro, una iniciativa que transformó nuestra rutina escolar en una poderosa herramienta de formación ciudadana, cuidado del medio ambiente y promoción de la actividad física.

Image
Dia de no carro
Academic
Noticia
Evening of Gala and Faith: Thanksgiving Eucharist of the Class of '58
En una atmósfera de elegancia, espiritualidad y profunda nostalgia, el Gimnasio José Joaquín Casas celebró la Eucaristía de Acción de Gracias en homenaje a la Promoción número 58. Fue una noche de gala donde la familia Jose Joaco se reunió para bendecir el camino de los jóvenes que están próximos a convertirse en ciudadanos del mundo.

Image
Acción de gracias
Academic
Noticia
Excellence and Value: Closing of the 2025 School Year and Awards Ceremony
El pasado 27 de noviembre, el Gimnasio José Joaquín Casas llevó a cabo la ceremonia de Clausura del Año Lectivo, un evento que marca el cierre de una etapa de grandes aprendizajes y el inicio de un merecido descanso para nuestra comunidad estudiantil.

Image
Premiación
Academic
Evento
67 Years of Excellence: Grand Anniversary Celebration
El próximo 20 de marzo, el Gimnasio José Joaquín Casas se viste de gala para celebrar 67 años de historia, formación y valores. Desde nuestra fundación, hemos sido hogar de múltiples generaciones, y hoy nos llena de orgullo ver cómo nuestra misión de educar  niños y jóvenes Hacia la Humana Perfección sigue más vigente que nunca.

20 de March de 2026

8:00 am

Image
Cumpleaños
Academic
20 Mar.
Evento
School Governance Elections 2026: Democracy at José Joaco
El próximo 5 de marzo, nuestro colegio vivirá una de las jornadas más importantes para la formación ciudadana: la Elección de los Cargos de Representación Estudiantil. En este acto democrático, los estudiantes ejercerán su derecho al voto para elegir a quienes liderarán las propuestas de Personería, Vicepersonería y Cabildante.

5 de March de 2026

8:30 am

Image
evento 2
Academic
5 Mar.
Evento
General Assembly of Parents 2026: Building the Road Together
El próximo sábado 21 de febrero, abriremos nuestras puertas para el primer gran encuentro presencial del año. La Asamblea de Padres es el espacio fundamental donde se sientan las bases de la alianza familia-colegio, vital para el éxito de nuestro proceso educativo.

21 de February de 2026

8:00 am

Image
Asamblea
Academic
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.

Continúa explorando

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.