Activity Stream
Report-Fix / Update

Add 3 files to Tasks

Monday , 4:24 PM
Project Status

Marked Design as Completed

Monday , 3:00 PM
UI
Larkon Application UI v2.0.0 Latest

Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar, and pre-order E-commerce & Marketing pages.

Monday , 2:10 PM
avatar-5
Alex Smith Attached Photos
Monday 1:00 PM
avatar-5
Rebecca J. added a new team member

Added a new member to Front Dashboard

Monday 10:00 AM
Achievements

Earned a " Best Product Award"

Monday 9:30 AM
View All
Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size
Default Buttons#

Use the button classes on an <a>, <button> or <input> element.

html
                                            
                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination">
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Previous</a></li>
                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Next</a></li>
                                                    </ul>
                                                </nav>

                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination mb-0">
                                                        <li class="page-item">
                                                            <a class="page-link" href="javascript:void(0);" aria-label="Previous">
                                                                <span aria-hidden="true">&laquo;</span>
                                                            </a>
                                                        </li>
                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                        <li class="page-item">
                                                            <a class="page-link" href="javascript:void(0);" aria-label="Next">
                                                                <span aria-hidden="true">&raquo;</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </nav>                                                      
                                            
                                        
Rounded Pagination #

Simple pagination inspired by Rdio, great for apps and search results.

html
                                            
                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination pagination-rounded">
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Previous</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Next</a></li>
                                                    </ul>
                                                </nav>

                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination pagination-rounded mb-0">
                                                        <li class="page-item">
                                                            <a class="page-link" href="javascript:void(0);" aria-label="Previous">
                                                                <span aria-hidden="true">&laquo;</span>
                                                            </a>
                                                        </li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                        <li class="page-item">
                                                            <a class="page-link" href="javascript:void(0);" aria-label="Next">
                                                                <span aria-hidden="true">&raquo;</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </nav>
                                            
                                        
Alignment #

Change the alignment of pagination components with flexbox utilitie

html
                                            
                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination justify-content-center">
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Previous</a></li>
                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Next</a></li>
                                                    </ul>
                                                </nav>
                                                
                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination justify-content-end mb-0">
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Previous</a></li>
                                                        <li class="page-item active"><a class="page-link" href="javascript:void(0);">1</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">Next</a></li>
                                                    </ul>
                                                </nav>
                                            
                                        
Sizing #

Add .pagination-lg or .pagination-sm for additional sizes.

html
                                            
                                                <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="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                    </ul>
                                                </nav>
                                                
                                                <nav aria-label="...">
                                                    <ul class="pagination">
                                                        <li class="page-item active" aria-current="page">
                                                            <span class="page-link">1</span>
                                                        </li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                    </ul>
                                                </nav>
                                                
                                                <nav aria-label="...">
                                                    <ul class="pagination pagination-sm mb-0">
                                                        <li class="page-item active" aria-current="page">
                                                            <span class="page-link">1</span>
                                                        </li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
                                                        <li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
                                                    </ul>
                                                </nav>                                                    
                                            
                                        
© Larkon. Crafted by Techzaa