<nav aria-label="Page navigation example">
                                                              <ul class="pagination">
                                                                <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">Next</a></li>
                                                              </ul>
                                                            </nav>
                                                        
                                                    

                                                            
                                                                <nav aria-label="Page navigation example">
                                                              <ul class="pagination">
                                                                <li class="page-item">
                                                                  <a class="page-link link" href="#" aria-label="Previous">
                                                                    <span aria-hidden="true">
                                                                        <i data-feather="chevrons-left" class="feather-sm"></i>
                                                                    </span>
                                                                  </a>
                                                                </li>
                                                                <li class="page-item"><a class="page-link link" href="#">1</a></li>
                                                                <li class="page-item"><a class="page-link link" href="#">2</a></li>
                                                                <li class="page-item"><a class="page-link link" href="#">3</a></li>
                                                                <li class="page-item">
                                                                  <a class="page-link link" href="#" aria-label="Next">
                                                                    <span aria-hidden="true">
                                                                        <i data-feather="chevrons-right" class="feather-sm"></i>
                                                                    </span>
                                                                  </a>
                                                                </li>
                                                              </ul>
                                                            </nav>
                                                            
                                                        

                                                        
                                                           <nav aria-label="...">
                                                              <ul class="pagination">
                                                                <li class="page-item disabled">
                                                                  <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
                                                                </li>
                                                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                                <li class="page-item active" aria-current="page">
                                                                  <a class="page-link" href="#">2</a>
                                                                </li>
                                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                                <li class="page-item">
                                                                  <a class="page-link" href="#">Next</a>
                                                                </li>
                                                              </ul>
                                                            </nav>
                                                        
                                                    

                                                        
                                                           <nav aria-label="...">
                                                              <ul class="pagination pagination-lg">
                                                                <li class="page-item active" aria-current="page">
                                                                  <span class="page-link">1</span>
                                                                </li>
                                                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                              </ul>
                                                            </nav>
                                                        
                                                    

                                                        
                                                           <nav aria-label="...">
                                                              <ul class="pagination pagination-sm">
                                                                <li class="page-item active" aria-current="page">
                                                                  <span class="page-link">1</span>
                                                                </li>
                                                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                              </ul>
                                                            </nav>
                                                        
                                                    

                                                        
                                                           <nav aria-label="Page navigation example">
                                                              <ul class="pagination justify-content-center">
                                                                <li class="page-item disabled">
                                                                  <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
                                                                </li>
                                                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                                <li class="page-item">
                                                                  <a class="page-link" href="#">Next</a>
                                                                </li>
                                                              </ul>
                                                            </nav>
                                                        
                                                    

                                                        
                                                           <nav aria-label="Page navigation example">
                                                              <ul class="pagination justify-content-end">
                                                                <li class="page-item disabled">
                                                                  <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
                                                                </li>
                                                                <li class="page-item"><a class="page-link" href="#">1</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                                                <li class="page-item">
                                                                  <a class="page-link" href="#">Next</a>
                                                                </li>
                                                              </ul>
                                                            </nav>