1
00:00:03,670 --> 00:00:05,835
En este breve ejercicio,

2
00:00:05,835 --> 00:00:11,455
vamos a usar badge para agregar
insignias a nuestra página web,

3
00:00:11,455 --> 00:00:18,880
para que podamos resaltar cierta
información para los visitantes al sitio web.

4
00:00:18,880 --> 00:00:22,295
Yendo a la página
index.html,

5
00:00:22,295 --> 00:00:26,290
justo en la primera
fila de contenido,

6
00:00:26,290 --> 00:00:28,880
justo después del
nombre del plato,

7
00:00:28,880 --> 00:00:38,590
Voy a agregar <span con
la clase badge badge-danger.

8
00:00:38,590 --> 00:00:45,250
Y luego agrego la
información del badget.

9
00:00:45,250 --> 00:00:52,610
Esto agrega un badget de color rojo
con la palabra HOT en él a la página web.

10
00:00:52,610 --> 00:00:57,725
Además, voy a agregar
un badge más,

11
00:00:57,725 --> 00:01:01,830
que es un badge-pill agregando

12
00:01:01,830 --> 00:01:09,375
un badge con la clase
badge badge-pill,

13
00:01:09,375 --> 00:01:16,435
que crea un badget de color
gris usando badge-secondary,

14
00:01:16,435 --> 00:01:26,505
e incluye el precio del plato
en nuestra página web.

15
00:01:26,505 --> 00:01:30,905
Guardemos los cambios y veamos
rápidamente nuestra página web.

16
00:01:30,905 --> 00:01:35,590
Al ir a nuestra página web, puedes
ver que al agregar los badges,

17
00:01:35,590 --> 00:01:39,180
hemos creado un badge de
color rojo con la palabra HOT

18
00:01:39,180 --> 00:01:44,840
y el badge-pill con el precio
del plato en nuestra página web.

19
00:01:44,840 --> 00:01:47,300
Esta es una buena
manera de agregar un poco

20
00:01:47,300 --> 00:01:50,835
de información a nuestra página
web y resaltar esa información.

21
00:01:50,835 --> 00:01:52,585
Esto completa este ejercicio.

22
00:01:52,585 --> 00:01:57,620
Este es un buen momento para
guardar los cambios en tu repositorio Git,

23
00:01:57,620 --> 00:02:00,840
con el mensaje Alerting Users.