#### Default

- Prev
- 1
- 2
- 3
- Next

    <div class="paginating-container pagination-default">
        <ul class="pagination">
            <li class="prev"><a href="javascript:void(0);">Prev</a></li>
            <li><a href="javascript:void(0);">1</a></li>
            <li class="active"><a href="javascript:void(0);">2</a></li>
            <li><a href="javascript:void(0);">3</a></li>
            <li class="next"><a href="javascript:void(0);">Next</a></li>
        </ul>
    </div>

#### Solid

- Prev
- 1
- 2
- 3
- Next

    <div class="paginating-container pagination-solid">
        <ul class="pagination">
            <li class="prev"><a href="javascript:void(0);">Prev</a></li>
            <li><a href="javascript:void(0);">1</a></li>
            <li class="active"><a href="javascript:void(0);">2</a></li>
            <li><a href="javascript:void(0);">3</a></li>
            <li class="next"><a href="javascript:void(0);">Next</a></li>
        </ul>
    </div>

#### With Icons

- 1
- 2
- 3

    <div class="paginating-container pagination-solid">
        <ul class="pagination">
            <li  class="prev"><a href="javascript:void(0);"><svg> ... </svg></a></li>
            <li><a href="javascript:void(0);">1</a></li>
            <li class="active"><a href="javascript:void(0);">2</a></li>
            <li><a href="javascript:void(0);">3</a></li>
            <li class="next"><a href="javascript:void(0);"><svg> ... </svg></a></li>
        </ul>
    </div>

#### No Spacing

- 1
- 2
- 3

    <div class="pagination-no_spacing">
        <ul class="pagination">
            <li><a href="javascript:void(0);" class="prev"><svg> ... </svg></a></li>
            <li><a href="javascript:void(0);">1</a></li>
            <li><a href="javascript:void(0);" class="active">2</a></li>
            <li><a href="javascript:void(0);">3</a></li>
            <li><a href="javascript:void(0);" class="next"><svg> ... </svg></a></li>
        </ul>
    </div>

#### Custom Solid

- 1
- 2
- 3

    <div class="pagination-custom_solid">
        <a href="javascript:void(0);" class="prev"><svg> ... </svg></a>
        <ul class="pagination">
            <li><a href="javascript:void(0);">1</a></li>
            <li><a href="javascript:void(0);" class="active">2</a></li>
            <li><a href="javascript:void(0);">3</a></li>
        </ul>
        <a href="javascript:void(0);" class="next"><svg> ... </svg></a>
    </div>

#### Custom Outline

- 1
- 2
- 3

    <div class="pagination-custom_outline">
        <a href="javascript:void(0);" class="prev"><svg> ... </svg></a>
        <ul class="pagination">
            <li><a href="javascript:void(0);">1</a></li>
            <li class="active"><a href="javascript:void(0);">2</a></li>
            <li><a href="javascript:void(0);">3</a></li>
        </ul>
        <a href="javascript:void(0);" class="next"><svg> ... </svg></a>
    </div>