<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
link
rel
=
'stylesheet'
href
=
<
title
>Bulma Pagination Sizes</
title
>
<
style
>
h1,
p {
text-align: center;
}
</
style
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
class
=
"is-size-2 has-text-success"
>
GeeksforGeeks
</
h1
>
<
p
><
b
>Bulma Pagination Sizes</
b
></
p
>
<
nav
class
=
"pagination is-small"
role
=
"navigation"
>
<
a
class
=
"pagination-previous is-disabled"
title
=
"You are on the first page."
>
Previous
</
a
>
<
a
class
=
"pagination-next"
>Next</
a
>
<
ul
class
=
"pagination-list"
>
<
li
>
<
a
class
=
"pagination-link is-current"
title
=
"Page 1"
>1</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 2"
>2</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 3"
>3</
a
>
</
li
>
</
ul
>
</
nav
>
<
nav
class
=
"pagination"
role
=
"navigation"
>
<
a
class
=
"pagination-previous is-disabled"
title
=
"Tou are on the first page."
>
Previous
</
a
>
<
a
class
=
"pagination-next"
>Next</
a
>
<
ul
class
=
"pagination-list"
>
<
li
>
<
a
class
=
"pagination-link is-current"
title
=
"Page 1"
>1</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 2"
>2</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 3"
>3</
a
>
</
li
>
</
ul
>
</
nav
>
<
nav
class
=
"pagination is-medium"
role
=
"navigation"
>
<
a
class
=
"pagination-previous is-disabled"
title
=
"Tou are on the first page."
>
Previous
</
a
>
<
a
class
=
"pagination-next"
>Next</
a
>
<
ul
class
=
"pagination-list"
>
<
li
>
<
a
class
=
"pagination-link is-current"
title
=
"Page 1"
>1</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 2"
>2</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 3"
>3</
a
>
</
li
>
</
ul
>
</
nav
>
<
nav
class
=
"pagination is-large"
role
=
"navigation"
>
<
a
class
=
"pagination-previous is-disabled"
title
=
"Tou are on the first page."
>
Previous
</
a
>
<
a
class
=
"pagination-next"
>Next</
a
>
<
ul
class
=
"pagination-list"
>
<
li
>
<
a
class
=
"pagination-link is-current"
title
=
"Page 1"
>1</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 2"
>2</
a
>
</
li
>
<
li
>
<
a
class
=
"pagination-link"
title
=
"Page 3"
>3</
a
>
</
li
>
</
ul
>
</
nav
>
</
div
>
</
body
>
</
html
>