1
00:00:03,670 --> 00:00:05,835
In this short exercise,

2
00:00:05,835 --> 00:00:11,455
we're going to make use of badges to add badges to our web page,

3
00:00:11,455 --> 00:00:18,880
so that we can highlight some information for our visitors to our website.

4
00:00:18,880 --> 00:00:22,295
Going to index.html page,

5
00:00:22,295 --> 00:00:26,290
right there in the very first content row,

6
00:00:26,290 --> 00:00:28,880
right after the name of the dish there,

7
00:00:28,880 --> 00:00:38,590
I'm going to add in a span with the class badge badge-danger.

8
00:00:38,590 --> 00:00:45,250
And then add in the badge information there.

9
00:00:45,250 --> 00:00:52,610
This will add a red colored badge with the word HOT in the badge to our web page.

10
00:00:52,610 --> 00:00:57,725
In addition, I'm going to add in one more badge,

11
00:00:57,725 --> 00:01:01,830
which is a badge pill by adding in

12
00:01:01,830 --> 00:01:09,375
a badge with a club badge badge-pill,

13
00:01:09,375 --> 00:01:16,435
and then create a gray colored badge by using badge-secondary,

14
00:01:16,435 --> 00:01:26,505
and include the price of the dish into our web page.

15
00:01:26,505 --> 00:01:30,905
Let's save the changes and go and take a quick look at our web page.

16
00:01:30,905 --> 00:01:35,590
Going to our web page, you can see that by adding in the badges,

17
00:01:35,590 --> 00:01:39,180
we have created the red colored badge with the word HOT and

18
00:01:39,180 --> 00:01:44,840
then the badge pill with the price of the dish into our web page.

19
00:01:44,840 --> 00:01:47,300
So, this is a nice way of adding in little piece of

20
00:01:47,300 --> 00:01:50,835
information to our web page and highlight that piece of information.

21
00:01:50,835 --> 00:01:52,585
This completes this exercise.

22
00:01:52,585 --> 00:01:57,620
This is a good time to see if the changes to your good repository,

23
00:01:57,620 --> 00:02:00,840
with the message alerting users.