@@include("./partials/title-meta.html", {"title": "Tabs"}) @@include('./partials/head-css.html')
@@include('./partials/topbar.html') @@include('./partials/sidenav.html')
@@include("./partials/page-title.html", {"subtitle":"UI", "title":"Tabs"})

#### Default Tabs

Simple widget of tabbable panes of local content.

This dashboard provides a quick overview of your recent activity, performance metrics, and system status. You can easily monitor key indicators, recent logins, pending tasks, and overall user engagement.

View your latest interactions and actions taken across the platform. This includes recent file uploads, comments, status updates, and notification history to keep you up to date with ongoing changes.

Customize your account preferences including theme options, notification settings, and privacy controls. Adjust layout configurations to suit your workflow and manage integration with third-party services.

#### Tabs Justified

Using class `.nav-justified` , you can force your `tab menu items` to use the full available width.

Get a high-level summary of recent activity, key performance indicators, and important announcements. Stay informed and make quick decisions based on real-time insights.

Customize your profile, update personal information, and manage security settings like passwords and 2FA. Keep your account secure and up to date with your latest details.

Configure system preferences, theme options, and notification settings. Easily adapt the platform to fit your workflow and preferences.

View and manage all ongoing projects, tasks, and milestones. Collaborate with your team and track progress in real-time.

Need help? Reach out to our support team or browse the help center for common questions, guides, and documentation.

#### Tabs Vertical Left

You can stack your navigation by changing the flex item direction with the `.flex-column` utility.

Welcome to your dashboard. Get an at-a-glance view of your recent activity, top stats, and personalized suggestions to enhance productivity and stay on track.

- View total project status
- Quick links to recent files
- Weekly performance charts

Your dashboard is tailored to your activity and roles. Stay informed and always one step ahead.

Manage your personal details, change your profile photo, and update your contact information.

- Name, Email, Phone
- Change Password
- Activity logs and preferences

Keeping your profile up to date ensures a better and more secure experience.

Customize your preferences, notification options, and privacy settings.

- Theme selection: Light / Dark mode
- Email & push notification toggles
- Linked accounts and integrations

Settings help personalize your interface and improve your workflow efficiency.

Track all your active, completed, and upcoming projects in one place.

- Kanban board and Gantt charts
- Task assignments and deadlines
- Progress indicators and timelines

Use collaboration tools, upload documents, and manage deliverables directly from here.

Need assistance? Access our help center or contact our support team directly.

- Browse FAQs and tutorials
- Submit a support ticket
- Live chat with support agents

We’re here 24/7 to assist you with anything you need—technical or account-related.

#### Tabs with Colored Navs

You can add the `.nav-pills-*` class to the `.nav` element to apply colored pill styles.

Welcome to your dashboard. Get an at-a-glance view of your recent activity, top stats, and personalized suggestions to enhance productivity and stay on track.

- View total project status
- Quick links to recent files
- Weekly performance charts

Your dashboard is tailored to your activity and roles. Stay informed and always one step ahead.

Manage your personal details, change your profile photo, and update your contact information.

- Name, Email, Phone
- Change Password
- Activity logs and preferences

Keeping your profile up to date ensures a better and more secure experience.

Customize your preferences, notification options, and privacy settings.

- Theme selection: Light / Dark mode
- Email & push notification toggles
- Linked accounts and integrations

Settings help personalize your interface and improve your workflow efficiency.

Track all your active, completed, and upcoming projects in one place.

- Kanban board and Gantt charts
- Task assignments and deadlines
- Progress indicators and timelines

Use collaboration tools, upload documents, and manage deliverables directly from here.

Need assistance? Access our help center or contact our support team directly.

- Browse FAQs and tutorials
- Submit a support ticket
- Live chat with support agents

We’re here 24/7 to assist you with anything you need—technical or account-related.

#### Tabs Bordered

The navigation item can have a simple bottom border as well. Just specify the class `.nav-bordered` .

Welcome to our online platform! Here, we strive to offer the best products and services tailored to your lifestyle. Whether you're redecorating your home or looking for expert advice on the latest trends, we've got you covered.

Hi! I am an avid explorer, constantly seeking new adventures and insights. My passions include technology, literature, travel, fitness, and self-development. I enjoy learning new skills and sharing knowledge with others to foster personal growth.

Nestled in the heart of the city, a charming cafe offers a peaceful retreat from the urban hustle. Its inviting ambiance, with its cozy decor and warm lighting, provides the perfect setting for relaxation or a productive meeting.

Our company is dedicated to offering high-quality services and products designed to enrich your life. With a focus on sustainability and innovation, we aim to create lasting value for our customers. Join us on our journey to make everyday living better!

#### Bordered Tabs with Colored Border

You can add the `.nav-bordered-*` class to the `.nav` element to apply colored border styles.

Welcome to our online platform! Our goal is to offer a wide variety of products and services that meet the needs of modern living. From cutting-edge technology to home decor solutions, we ensure that every product enhances your lifestyle and makes your life easier.

Hi there! I'm an avid explorer with a passion for technology, fitness, and continuous learning. I enjoy meeting like-minded individuals and believe in expanding my knowledge on diverse subjects, from the latest gadgets to personal development.

In the center of the city stands a quiet, charming bookstore that offers a peaceful retreat. Surrounded by vibrant streets, it provides a calm, inviting atmosphere for readers to lose themselves in books while enjoying a cup of coffee in the cozy corner.

We are a forward-thinking company focused on creating innovative solutions that empower our customers. Our team is driven by creativity and a passion for delivering exceptional experiences through high-quality products and services that cater to a variety of needs.

#### Icons Tabs

The navigation item can have a simple bottom border as well. Just specify the class `.nav-bordered` .

Discover our platform designed to make your daily life easier. From modern interiors to smart home gadgets, our curated selection is tailored for comfort, functionality, and style.

Hello! I’m a creative thinker who thrives on innovation and meaningful connections. I enjoy exploring tech trends, reading insightful books, and traveling to experience new cultures and cuisines.

A peaceful workspace can make all the difference. That’s why we offer customizable setups, soundproofing tips, and productivity tools to help you stay focused and inspired every day.

We’re a team of innovators passionate about creating seamless experiences. Our mission is to deliver solutions that merge design, functionality, and purpose in every project we undertake.

#### Card with Tabs

Welcome to your financial dashboard. Here, you can monitor real-time updates on your income, expenses, savings, and investments. Our tools are designed to help you make informed decisions and achieve your financial goals faster.

View and manage all your bank accounts, credit cards, and loan details in one place. Link your financial institutions securely and keep track of balances, transactions, and payment schedules with ease.

Customize your preferences including budgeting alerts, currency format, report frequency, and security settings. Enable multi-factor authentication and choose how you'd like to receive account activity notifications.

@@include('./partials/footer.html')
@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')