Programa Cultura para la Paz - Vida Universitaria
- Valores en la Javeriana
- Conocer y gustar nuestra javerianidad
- Liderazgo Javeriano
- Semana por la Paz
- Programa Cultura para la Paz
Portamos con orgullo el sello javeriano. En la Javeriana hacemos realidad los más altos valores humanos que se ponen en práctica a través del quehacer profesional al servicio del país.
Para más información:

Semana Javeriana

Semana del Carisma Javeriano
Vive los diferentes encuentros formativos que basados en la metodología experiencial promueven el crecimiento personal a través del autoconocimiento, las relaciones con los demás, y la apuesta por el servicio a la sociedad, desarrollando habilidades de liderazgo como la toma de decisiones, el trabajo en equipo, el reconocimiento de los sueños, entre otros.
Semana por la Paz nace en 1987 como una movilización ciudadana cuyo objetivo es visibilizar el esfuerzo cotidiano de miles de personas que trabajan en la construcción y consolidación de la paz, y de iniciativas que dignifiquen la vida. Se realiza en torno al 9 de septiembre, día de los Derechos Humanos en Colombia y el Día de San Pedro Claver. La Pontificia Universidad Javeriana hace parte del comité de impulso nacional y año a año nos sumamos compartiendo varias de las acciones que realizamos desde la Vicerrectoría del Medio Universitario y la academia. Puedes saber más aquí: www.semanaporlapaz.com
null Programa Cultura para la Paz
The following has evaluated to null or missing: ==> IMAGEN.getAttribute("alt") [in template "20102#20129#735761" at line 3, column 25] ---- Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: ${IMAGEN.getAttribute("alt")} [in template "20102#20129#735761" at line 3, column 23] ----
1<div class="dircom-pw-botones-imagen-over-lead-over-pequeno-contenedor">
2 <div class="dircom-pw-botones-imagen-over-lead-over-pequeno-imagen">
3 <img alt="${IMAGEN.getAttribute("alt")}" data-fileentryid="${IMAGEN.getAttribute("fileEntryId")}" src="${IMAGEN.getData()}" />
4 </div>
5 <a href="${URLALTER.getData()}">
6 <div class="dircom-pw-botones-imagen-over-lead-over-pequeno-contenedor-textos">
7 <div class="dircom-pw-botones-imagen-over-lead-over-pequeno-texto">
8 ${TITULO.getData()}
9 </div>
10 <div class="dircom-pw-botones-imagen-over-lead-over-pequeno-texto-lead">
11 ${RESUMEN.getData()}
12 </div>
13 </div>
14 </a>
15</div>
16
17
18<style>
19
20
21
22/*------------------ BOTONES IMAGEN OVER -----------------------*/
23
24.dircom-pw-botones-imagen-over-lead-over-pequeno-contenedor {
25 width: 100%;
26 max-width: 100%!important;
27 display: flex;
28 height:150px!important;
29 flex-wrap: wrap;
30 justify-content: center;
31 align-items: center;
32 margin-bottom:2px;
33}
34
35.dircom-pw-botones-imagen-over-lead-over-pequeno-contenedor a {
36 text-decoration: none;
37 color: #FFF;
38 width: 100%;
39}
40
41.dircom-pw-botones-imagen-over-lead-over-pequeno-imagen {
42 width: 100%;
43 display: flex;
44 flex-wrap: wrap;
45 justify-content: center;
46 align-items: center;
47}
48
49
50 .dircom-pw-botones-imagen-over-lead-over-pequeno-imagen picture{
51 width:100%!important;
52}
53
54@supports(object-fit: cover) {
55 .dircom-pw-botones-imagen-over-lead-over-pequeno-imagen img {
56 height: 150px!important;
57 width:100%;
58 object-fit: cover;
59 object-position: center center;
60 }
61}
62
63.dircom-pw-botones-imagen-over-lead-over-pequeno-contenedor-textos {
64 width: 100%;
65 height: 50px;
66 background-color: #0000003b;
67 display: flex;
68 flex-wrap: wrap;
69 justify-content: center;
70 align-items: center;
71 margin-top: -50px;
72 color: #FFF;
73}
74
75.dircom-pw-botones-imagen-over-lead-over-pequeno-contenedor-textos:hover {
76 width: 100%;
77 height: 150px!Important;
78 background-color: #000000b3;
79 display: flex;
80 flex-wrap: wrap;
81 justify-content: center;
82 align-items: center;
83 margin-top: -150px!important;
84 color: #FFF;
85 transition: 500ms;
86}
87
88.dircom-pw-botones-imagen-over-lead-over-pequeno-texto {
89 width: 80%;
90 height: auto;
91 font-family: HelveticaBold;
92 font-size: 1rem;
93 display: flex;
94 flex-wrap: wrap;
95 justify-content: center;
96 align-items: center;
97 color: #FFF;
98}
99
100.dircom-pw-botones-imagen-over-lead-over-pequeno-texto-lead{
101 width: 80%;
102 height: auto;
103 font-family: HelveticaLight;
104 font-size: 1rem;
105 display: flex;
106 flex-wrap: wrap;
107 justify-content: center;
108 align-items: center;
109 color: #FFF;
110}
111
112</style>
