Conmutadores por sedes
Casa Colef	+52 (55) 5554 3545
	+52 (55) 5554-3390
Ciudad Juarez	+52 (656) 616 8578
Matamoros	+52 (868) 813 4559
Mexicali	+52 (686) 554 7447
Monterrey	+52 (81) 8387 5027
Nogales	+52 (631) 314 3710

Clase	Tipografía	Peso	Tamaño	Color	Interlineado	Hover	Nombre
H1	Bebas Neue	Regular	70	#FFFFF	X	X	TÍTULO IMAGEN BLANCO
H2	Roboto	Bold	30	#000000	25 pt	x	Título negro
H3	Roboto	Bold	30	#FFFFF	25 pt	x	Título video blanco
H4	Roboto	Regular	30	#F4BF4A	25 pt	x	Sub video naranja
H5	Roboto	Medium	24	#000000	25 pt	X	Quote negro
H6	BEBAS NEUE	LIGHT	20	#999999	X	X	SUBTÍTULO GRIS
T7	Roboto	Regular	15	#000000	20 pt	X	Texto negro
T8	Roboto	Regular	15	#999999	20 pt	x	Texto gris

Párrafo

Texto de parrafo por defecto

Texto de parrafo por defecto en negritas

Texto de parrafo por defecto en énfasis o itálicas

Texto de parrafo por defecto en subrayado

Tipografía

Texto de parrafo por defecto

Texto en tipografía Roboto

#	Encanezado	Thin	light	Regular	Medium	Bold
1	h1	h1	h1	h1	h1	h1
2	h2	h2	h2	h2	h2	h2
3	h3	h3	h3	h3	h3	h3
4	h4	h4	h4	h4	h4	h4
5	h5	h5	h5	h5	h5	h5
6	h6	h6	h6	h6	h6	h6

Encabezados

Encabezado por defecto H1

Encabezado Roboto H1

Encabezado Roboto negritas H1

Encabezado por defecto H2

Encabezado por defecto H3

Encabezado Roboto H3

Encabezado por defecto H4

Encabezado Roboto H4

Encabezado por defecto H5

Encabezado Roboto H5

Encabezado por defecto H6

Encabezado Roboto H6

Colores

Default

Primario

Secundario

Rojo danger

Amarillo warning

Verde success

One of three columns

1 of 2

2 of 2

1 of 3

2 of 3

3 of 3

1 of 3

2 of 3 (wider)

3 of 3

1 of 3

2 of 3 (wider)

3 of 3

1 of 3

Variable width content

3 of 3

1 of 3

Variable width content

3 of 3

col

Vertical alignment

One of three columns

Alerts

This is a primary alert—check it out!

This is a secondary alert—check it out!

This is a success alert—check it out!

This is a danger alert—check it out!

This is a warning alert—check it out!

This is a info alert—check it out!

This is a light alert—check it out!

This is a dark alert—check it out!

Link color

This is a primary alert with an example link. Give it a click if you like.

This is a secondary alert with an example link. Give it a click if you like.

This is a success alert with an example link. Give it a click if you like.

This is a danger alert with an example link. Give it a click if you like.

This is a warning alert with an example link. Give it a click if you like.

This is a info alert with an example link. Give it a click if you like.

This is a light alert with an example link. Give it a click if you like.

This is a dark alert with an example link. Give it a click if you like.

Additional content

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Dismissing

Holy guacamole! You should check in on some of those fields below.

Badges

Example heading New

Primary Secondary Success Danger Warning Info Light Dark Primary Secondary Success Danger Warning Info Light Dark Primary Secondary Success Danger Warning Info Light Dark

Botones

Tipografía	Peso	Tamaño	Color	Outline	Fondo	Nombre
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo
Roboto	Bold	14	#f4bf4a	#000000	/	Outline amarillo

Tamaños Primary link Link Primary link Link

Cards

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

Card link Another link

Some quick example text to build on the card title and make up the bulk of the card's content.

Cras justo odio
Dapibus ac facilisis in
Vestibulum at eros

Featured

Cras justo odio
Dapibus ac facilisis in
Vestibulum at eros

Carrusel

Colapse

Link with href

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Acordeón

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

#	Encanezado	Thin	light	Regular	Medium	Bold
1	h1	h1	h1	h1	h1	h1
2	h2	h2	h2	h2	h2	h2
3	h3	h3	h3	h3	h3	h3
4	h4	h4	h4	h4	h4	h4
5	h5	h5	h5	h5	h5	h5
6	h6	h6	h6	h6	h6	h6

#	Encanezado	Thin	light	Regular	Medium	Bold
1	h1	h1	h1	h1	h1	h1
2	h2	h2	h2	h2	h2	h2
3	h3	h3	h3	h3	h3	h3
4	h4	h4	h4	h4	h4	h4
5	h5	h5	h5	h5	h5	h5
6	h6	h6	h6	h6	h6	h6

Elementos del portal

Párrafo

Tipografía

h1

h1

h1

h1

h1

h2

h2

h2

h2

h2

h3

h3

h3

h3

h3

h4

h4

h4

h4

h4

h5

h5

h5

h5

h5

h6

h6

h6

h6

h6

Encabezados

Encabezado por defecto H1

Encabezado Roboto H1

Encabezado Roboto negritas H1

Encabezado por defecto H2

Encabezado por defecto H2

Encabezado por defecto H3

Encabezado Roboto H3

Encabezado por defecto H4

Encabezado Roboto H4

Encabezado por defecto H5

Encabezado Roboto H5

Encabezado por defecto H6

Encabezado Roboto H6

Colores

Well done!

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New

Botones

Cards

Card title

Card title

Card subtitle

Carrusel

Colapse

Acordeón

Collapsible Group Item #1

Collapsible Group Item #2

Collapsible Group Item #3

Redes sociales

Plataforma Nacional de Transparencia

SIPOT-El Colegio de la Frontera Norte, A.C.

SIPOT-Fideicomiso de Investigación El Colegio de la Frontera Norte

#	Encanezado	Thin	light	Regular	Medium	Bold
1	h1	h1	h1	h1	h1	h1
2	h2	h2	h2	h2	h2	h2
3	h3	h3	h3	h3	h3	h3
4	h4	h4	h4	h4	h4	h4
5	h5	h5	h5	h5	h5	h5
6	h6	h6	h6	h6	h6	h6