Catálogo de componentes

Banner Fullwith 1920x450 px

Descripción

Componente que utiliza una imagen de 1920 x 450 pixeles

El componente se constituye a partir de una IMAGEN RESPONSIVA dentro de un background-FULLWIDTH

Uso

Su uso es para apoyar visualmente el sitio de INICIO de los sitios de las dependencias

Restricciones

NO usar imagenes de menores dimensiones

Opciones

Se pueden usar imagen de 1920 x 250 pixeles

Icono

icono

Banner Fullwith 1920x250 px

Descripción

Componente que utiliza una imagen de 1920 x 250 pixeles

El componente se constituye a partir de una IMAGEN RESPONSIVA dentro de un background-FULLWIDTH

Uso

Su uso es para apoyar visualmente el sitio de INICIO de los sitios de las dependencias

Restricciones

NO usar imagenes de menores dimensiones

Opciones

Se pueden usar imagen de 1920 x 250 pixeles

Icono


Títulos

Descripción

Se usan para diferenciar el nombre de la escuela y titular los contenidos

Uso

  • Título h1 solo para colocar el nombre de la dependencia
  • Título h2 para los temas principales del contenido
  • Los títulos siguientes se aplicarán de forma jerárquica al contenido

Restricciones

Opciones

  • Alineación izquierda
  • Alineación centrada
  • Alineación derecha

Ícono

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Texto resaltado
Título para íconos
Título para íconos pequeños (h6)

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Texto resaltado
Título para íconos
Título para íconos pequeños (h6)

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Texto resaltado
Título para íconos
Título para íconos pequeños (h6)

Título para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Texto resaltado
Título para íconos
Título para íconos pequeños (h6)

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Texto resaltado
Título para íconos
Título para íconos pequeños (h6)

Títulos para escuelas (h1)

Títulos para contenidos (h2)

Título (h3)

Título (h4)

Texto resaltado pequeño (h5)
Texto resaltado
Título para íconos
Título para íconos pequeños (h6)

Título con enlace

Descripción

Se usan para diferenciar el nombre de la escuela y titular los contenidos

Uso

  • Título h1 solo para colocar el nombre de la dependencia
  • Título h2 para los temas principales del contenido
  • Los títulos siguientes se aplicarán de forma jerárquica al contenido

Restricciones

Opciones

  • Alineación izquierda
  • Alineación centrada
  • Alineación derecha

Ícono


Título con fondo

Descripción

título con fondo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Título h3 en guinda

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Título en azul rey

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Título en azul cielo
Título en aquamarino
Título en verde
Título en verde 2
Título en gris oscuro
Título en gris medio
Título en gris claro
Título en naranja
Título en amarillo

Subtítulo

Descripción

Subtítulo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

Éste es un subtitulo grande

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Éste es un subtitulo mediano en negritas

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Backgrounds

Descripción

Subtítulo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

Background - Blanco con patrón

Background - Guinda

Background - Guinda con patrón

Background - Gris

Background - Gris con patrón

Background - Gris medio

Background - Gris oscuro

Background - Gris oscuro con patrón

Background - Gris azulado


layouts con columnas iguales

Descripción

Subtítulo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

Layout 2 columnas 6/6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

3 columnas 4/4/4 con imágenes responsivas

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Layout 4 columnas 3/3/3/3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Layout 6 columnas 2/2/2/2/2/2

Lorem ipsum dolor sit amet.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit.

Lorem ipsum dolor.

Lorem ipsum dolor sit amet, consectetuer.


Imagen y layouts con columnas distintas

Descripción

Subtítulo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Icono

Layout 2 columnas 2/10

Lorem ipsum dolor sit amet consectetur adipiscing elit rutrum vel, integer in viverra metus est lobortis cum neque netus, mollis potenti eu lectus bibendum risus eget proin. Sem tristique euismod fames cum metus quis tellus magnis, duis elementum torquent bibendum dictumst at nisi habitant, donec penatibus dictum nulla urna enim consequat. Vestibulum dapibus hac proin platea dictum porta luctus ridiculus in, dis molestie nascetur vehicula hendrerit libero laoreet enim et, penatibus magna integer blandit praesent nisl facilisis parturient. Integer turpis laoreet felis quis tincidunt cras erat ridiculus duis, sem eget ligula mollis scelerisque interdum volutpat litora aliquet, faucibus pellentesque mattis et maecenas fringilla ac curae. Ac ullamcorper taciti nec conubia sed enim lectus, vel a primis id mauris fames, tempor litora magnis at quis tempus. Habitant ultrices pretium blandit cursus nulla praesent, per dapibus urna tempus hac accumsan nunc, iaculis eu quis faucibus quam.

Layout 2 columnas 3/9

Lorem ipsum dolor sit amet consectetur adipiscing elit rutrum vel, integer in viverra metus est lobortis cum neque netus, mollis potenti eu lectus bibendum risus eget proin. Sem tristique euismod fames cum metus quis tellus magnis, duis elementum torquent bibendum dictumst at nisi habitant, donec penatibus dictum nulla urna enim consequat. Vestibulum dapibus hac proin platea dictum porta luctus ridiculus in, dis molestie nascetur vehicula hendrerit libero laoreet enim et, penatibus magna integer blandit praesent nisl facilisis parturient. Integer turpis laoreet felis quis tincidunt cras erat ridiculus duis, sem eget ligula mollis scelerisque interdum volutpat litora aliquet, faucibus pellentesque mattis et maecenas fringilla ac curae. Ac ullamcorper taciti nec conubia sed enim lectus, vel a primis id mauris fames, tempor litora magnis at quis tempus. Habitant ultrices pretium blandit cursus nulla praesent, per dapibus urna tempus hac accumsan nunc, iaculis eu quis faucibus quam.

Layout 2 columnas 4/8

Lorem ipsum dolor sit amet consectetur adipiscing elit rutrum vel, integer in viverra metus est lobortis cum neque netus, mollis potenti eu lectus bibendum risus eget proin. Sem tristique euismod fames cum metus quis tellus magnis, duis elementum torquent bibendum dictumst at nisi habitant, donec penatibus dictum nulla urna enim consequat. Vestibulum dapibus hac proin platea dictum porta luctus ridiculus in, dis molestie nascetur vehicula hendrerit libero laoreet enim et, penatibus magna integer blandit praesent nisl facilisis parturient. Integer turpis laoreet felis quis tincidunt cras erat ridiculus duis, sem eget ligula mollis scelerisque interdum volutpat litora aliquet, faucibus pellentesque mattis et maecenas fringilla ac curae. Ac ullamcorper taciti nec conubia sed enim lectus, vel a primis id mauris fames, tempor litora magnis at quis tempus. Habitant ultrices pretium blandit cursus nulla praesent, per dapibus urna tempus hac accumsan nunc, iaculis eu quis faucibus quam.

Layout 2 columnas 5/7

Lorem ipsum dolor sit amet consectetur adipiscing elit rutrum vel, integer in viverra metus est lobortis cum neque netus, mollis potenti eu lectus bibendum risus eget proin. Sem tristique euismod fames cum metus quis tellus magnis, duis elementum torquent bibendum dictumst at nisi habitant, donec penatibus dictum nulla urna enim consequat. Vestibulum dapibus hac proin platea dictum porta luctus ridiculus in, dis molestie nascetur vehicula hendrerit libero laoreet enim et, penatibus magna integer blandit praesent nisl facilisis parturient. Integer turpis laoreet felis quis tincidunt cras erat ridiculus duis, sem eget ligula mollis scelerisque interdum volutpat litora aliquet, faucibus pellentesque mattis et maecenas fringilla ac curae. Ac ullamcorper taciti nec conubia sed enim lectus, vel a primis id mauris fames, tempor litora magnis at quis tempus. Habitant ultrices pretium blandit cursus nulla praesent, per dapibus urna tempus hac accumsan nunc, iaculis eu quis faucibus quam.


Layouts con columnas centradas

Descripción

Subtítulo

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

Layout 1columna centrada of1 / 10 / of1

Este es uno subtitulo

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Felis bibendum ut tristique et egestas quis. A arcu cursus vitae congue mauris. Quis enim lobortis scelerisque fermentum dui faucibus in ornare quam. Sagittis id consectetur purus ut faucibus pulvinar. Tristique sollicitudin nibh sit amet commodo nulla facilisi. Eu sem integer vitae justo. Mi sit amet mauris commodo. Ac tortor dignissim convallis aenean et tortor at risus viverra. Ut enim blandit volutpat maecenas volutpat. Neque convallis a cras semper auctor neque vitae tempus quam. Egestas sed sed risus pretium quam vulputate dignissim. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Lobortis scelerisque fermentum dui faucibus in ornare. Iaculis nunc sed augue lacus viverra vitae. Amet consectetur adipiscing elit ut aliquam purus. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar. Pharetra pharetra massa massa ultricies mi. Diam in arcu cursus euismod. Tincidunt praesent semper feugiat nibh sed. Sed adipiscing diam donec adipiscing tristique. Nunc vel risus commodo viverra maecenas. Faucibus interdum posuere lorem ipsum dolor sit.

Layout 2 columnas centradas of1 / 7 / 3 / of1

Egestas sed sed risus pretium quam vulputate dignissim. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Lobortis scelerisque fermentum dui faucibus in ornare.

Layout 2 columnas centradas of2 / 4 / 4 / of2

Egestas sed sed risus pretium quam vulputate dignissim. Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Lobortis scelerisque fermentum dui faucibus in ornare.

Nulla facilisi etiam dignissim diam quis enim lobortis scelerisque. Lobortis scelerisque fermentum dui faucibus in ornare.

Layout 4 columnas centradas of2 / 2 / 2 / 2 / 2 / of2

Imagen responsiva con enlace

Imagen responsiva con enlace

Imagen responsiva con enlace

Imagen responsiva con enlace

Layout 5 columnas centradas of1 / 2 / 2 / 2 / 2 / 2 / of1


Columnas para íconos

Descripción

columnas para íconos

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

3 columnas para iconos of1 / 2 / of2 / 2 / of2 / 2 / of1

4 columnas para iconos of2 / 2 / 2 / 2 / 2 / of2

4 columnas para iconos 3 / 3 / 3 / 3 /

5 columnas para iconos of1 / 2 / 2 / 2 / 2 / 2 / of1

6 columnas para iconos 2 / 2 / 2 / 2 / 2 / 2

Buscador

Descripción

columnas para íconos

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono

Buscador

Descripción

columnas para íconos

Uso

Su uso

Restricciones

NO usar...

Opciones

Se pueden usar

Ícono


Clave

TXFXTXXXXX01

Descripción

Texto - Flexible - Texto - 01

Layout(s)

NA

Field(s)

Parrafo

Opciones

NA

Uso

Se utiliza para crear un párrafo de texto simple

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus enim quia voluptas vel cum rerum dolorem iste, maxime. Dolores consequuntur autem tempora maiores, voluptas quas molestias sequi nam tempore facere, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus enim quia voluptas vel cum rerum dolorem iste, maxime. Dolores consequuntur autem tempora maiores, voluptas quas molestias sequi nam tempore facere.


Clave

CNFWTTTXTX01

Descripción

Contenido - Fullwidth - Título - Texto - Texto - 01

Layout(s)

Texto en tres columnas

Field(s)

  • Titulo
  • Subtitulo
  • Parrafo

Opciones

NA

Uso

Se utiliza para arreglar todo el contenido ingresado en formato editorial de tres columnas de manera automática.

Titulo de texto en tres columnas

Subtitulo

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Clave

  • BKTPSLXXXX01
  • TTFXTRXXXX01

Descripción

Contenido - Fullwidth - Título - Texto

Layout(s)

Texto en una columna

Field(s)

  • Titulo
  • Texto MarkDown

Opciones

Tamaño de titulo y alineación

Uso

Se utiliza para generar un contenido a una columna con titulo

Esto es un título h4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iac


Clave

  • TTFXSGXXXX01
  • TXFXTXXXXX01

Descripción

Contenido - Titulo - Texto

Layout(s)

Titulo y Texto reducido

Field(s)

  • Titulo
  • Texto MarkDown

Opciones

Tamaño de titulo y alineación

Uso

Titulo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Titulo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Titulo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Titulo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Clave

  • TTFXSGXXXX01
  • TXFXTXXXXX01

Descripción

Contenido - Título - Texto

Layout(s)

Dos Columnas Tres Columnas

Field(s)

  • Titulo
  • Texto MarkDown

Opciones

  • Alineación de título
    • Izquierda
    • Centro
    • Derecha

Uso

Esto es un Titulo h4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et

Esto es un Titulo h4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et

Clave

CNFXIMTTTX01

Descripción

Contenido - Imagen - Titulo - Subtitulo - Texto

Layout(s)

Dos columnas

Field(s)

  • Imagen
  • Titulo
  • Subtitulo
  • Texto

Opciones

Uso

Clave

  • CNFXIMTTTX01
  • ACFXENXXXX04

Descripción

Imagen - Título - Texto - Boton

Layout(s)

Dos columnas

Field(s)

  • Imagen - Título - Texto
  • Boton en Bloque

Opciones

Posición del Boton

Uso


Clave

CNFXIMTTTX01

Descripción

Contenido - Imagen - Titulo - Subtitulo - Texto

Layout(s)

Dos columnas

Field(s)

  • Fondo
  • Imagen
  • Titulo
  • Subtitulo
  • Texto

Opciones

  • Color del fondo
  • Patrón de fondo

Uso


Clave

CNFWTTTXTX01

Descripción

Fondo - Contenido - Fullwidth - Título - Texto - Texto - 01

Layout(s)

Texto en tres columnas con fondo oscuro

Field(s)

  • Titulo
  • Subtitulo
  • Texto

Opciones

Uso

Se utiliza para arreglar todo el contenido ingresado en formato editorial de tres columnas de manera automática.

Titulo h4 Fondo Oscuro

Texto Secundario y subtitulo para fondo oscuro

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.

Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien

Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut

Clave

CNFXIMTXTX01

Descripción

Contenido - Flexible - Imagen - Texto - Texto - 01

Layout(s)

NA

Field(s)

  1. Imagen
  2. Texto
  3. Texto

Opciones

Uso

Se utiliza la combinación de Imagen, Texto, Texto, para mostrar información resumida y concisa y se puede usar en Layous de diferente numero de columnas

Clave

CNFXIMTTTX02

Descripción

Contenido - Flexible - Imagen - Título - Texto - 02

Layout(s)

Varios Layouts

Field(s)

  1. Imagen
  2. Titulo
  3. Texto

Opciones

Uso

Se utiliza la combinación de Imagen, Texto, Texto, para mostrar información resumida y concisa y se puede usar en Layous de diferente numero de columnas

Clave

CNFXIMFCTX01

Descripción

Contenido - Flexible - Imagen - Fecha -Texto - 01

Layout(s)

  • Layout de 3 Columnas
  • Layout de 2 Columnas

Field(s)

  1. Imagen
  2. Fecha
  3. Texto

Opciones

Uso

Para agenda y fechas


Clave

SLFWIMTXXX01

Descripción

Slider

Layout(s)

Carrusel de componentes (Mas de 4 elementos por pantalla)

Field(s)

  • Imagen
  • Texto

Opciones

Se puede usar diferentes fields

Uso


Clave

ACFXIMFCTT02

Descripción

Acceso - Imagen - Fecha - Resume Vertical - 02

Layout(s)

  • Layout de 3 Columnas
  • Layout de 2 Columnas

Field(s)

  1. Imagen
  2. Fecha
  3. Resumen Vertical

Opciones

Color de fondo de la Fecha

Uso

Acceso, acordeón, titulo, lista de enlaces


Clave

CNFXIMTXTX01

Descripción

Acceso - Imagen - Texto

Layout(s)

Layout 5 Columnas

Field(s)

  • Imagen
  • Texto

Opciones

Uso


Clave

CNFXIMTTTX02

Descripción

Acceso - Imagen - Título - Texto - Forma Horizontal

Layout(s)

Diversos

Field(s)

  • Imagen
  • Titulo
  • Texto

Opciones

Uso


Clave

  • TTFWPRXXXX01 *TXFWXXXXXX01

Descripción

Imagen - Titulo - Descripcion -

Layout(s)

Layout full

Field(s)

  • Imagen
  • Título
  • Subtitulo
  • Texto

Opciones

Uso


Clave

Descripción

Titulo - Imagen con texto envolvente

Layout(s)

Layout completa

Field(s)

  • Titulo
  • Imagencon texto envolvente

Opciones

Posición de imagen

Uso

Titulo h3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis


Clave

CNFWTTTXIM01

Descripción

Titulo - Imagen texto envolvente -Texto

Layout(s)

Layout de una Columna

Field(s)

  • Titulo
  • Imagen texto envolvente
  • Texto MarkDown

Opciones

Alineación de la Imagen: * Derecha * Izquierda

Alineación de Titulo * Izquierda * Centro * Derecha

Uso

Título

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus.erat euismod orci, ac


Clave

Descripción

Imagen - Titulo - Texto

Layout(s)

Layout dos columnas

Field(s)

  • Imagen redonda responsiva
  • Titulo
  • Texto

Opciones

Uso

Título h4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a,


Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso

Titulo h3

Subtitulo

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.


Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso

Clave

Descripción

Acceso, acordeón, titulo, lista de enlaces

Layout(s)

ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iac

Field(s)

BKTPSLXXXX01 TTFXTRXXXX01

Opciones

Uso

Contenido - Fullwidth - Título - Texto

Acordeon Titulo
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aenean commodo ligula eget dolor. Aenean massa.
  • um sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  • Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem
  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a
  • Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu
Acordeon 2
  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aenean commodo ligula eget dolor. Aenean massa.
  • um sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  • Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem
  • Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet
  • Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu

Clave

  • ACFXIMXXXX01
  • BKTPPNXXXX03

Descripción

  • Icono con Título

Layout(s)

  • Layout Background
  • Layout 3 Columnas para iconos
  • Layout 4 Columnas para iconos
  • Layout 5 Columnas para iconos

Field(s)

Icono con Título

Opciones

  • Color del fondo
  • Patrón de fondo
  • Icono de Hover

Uso


Clave

CNFXIMTTTX03

Descripción

Icono - Titulo - Texto

Layout(s)

  • Background
  • Layout Columnas 2
  • Layout Contenedor de Layout
  • Layout Columnas 2 (4/8)

Field(s)

  • Icono
  • Titulo
  • Texto MarkDown
  • Lista Ordenada

Opciones

  • Color del fondo
  • Patrón de fondo

Uso

Dirección

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et

Telefonos

Números telefónicos de conmutador: +52(55) 5729-6000 +52(55) 5729-6300 +52(55) 5624-2000

e-Mail

  • contacto@ipn.mx
  • contacto@ipn.mx
  • contacto@ipn.mx

Derechos Reservados

Esta página es una obra intelectual protegida por la Ley Federal del Derecho de Autor, puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente completa y su dirección electrónica; su uso para otros fines, requiere autorización previa y por escrito de la Dirección General del Instituto.


Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso


Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso

Sitios y vinculos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

  • Lorem ipsum dolor sit ame
  •  consectetuer adipiscing elit
  •  Aenean commodo ligula eget dolor
  • Cum sociis natoque penatibus et

Sitios y vinculos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

  • Lorem ipsum dolor sit ame
  •  consectetuer adipiscing elit
  •  Aenean commodo ligula eget dolor
  • Cum sociis natoque penatibus et

Sitios y vinculos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

  • Lorem ipsum dolor sit ame
  • consectetuer adipiscing elit
  • Aenean commodo ligula eget dolor
  • Cum sociis natoque penatibus et

Sitios y vinculos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

  • Lorem ipsum dolor sit ame
  • consectetuer adipiscing elit
  • Aenean commodo ligula eget dolor
  • Cum sociis natoque penatibus et

Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso

  • Secretaria
  • Secretaria del progrtama
  • Lorem ipsum dolor sit amet, consectetuer
  • Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso

Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso

Clave

Descripción

Layout(s)

Field(s)

Opciones

Uso