Page nation allows you to add a page numbering system to content that stretches across multiple pages.
This HMO page shows an example of a basic page nation style using the page nation class to create this.
We start by making an unordered list using the UL times we assign a class attribute and set it to page
nation.
Next we create our list elements inside each list element.
We have a link and the page number
with Page nation.
We can set different options if we wanted to show an active status on one of the page numbers.
We can add a class attribute to the list element and set it to active.
We'll go ahead and set and set item number two to active.
Now if we save the file and refresh the page we can see that Page Number 2 is now active we can also
disable a link so it cannot be clicked and we can do that by adding the disabled class.
So if we save and refresh we can no longer click on page number three
to resize a page a nation block the page nation large or page nation small class can be added to the
UL tags
we'll start with the page nation large class when we refresh it.
You can see that the links are now larger and will change LG too small as you and see the difference.
You can see that it's now much smaller we can also change this style of page nation to breadcrumb by
updating the world class
and that's what the breadcrumb style looks like.
So I've just updated some of the labels to text labels which is more commonly used with breadcrumbs
and so you can see that it creates a nice navigation menu.