Linux server.kiran-academy.com 3.10.0-1160.108.1.el7.x86_64 #1 SMP Thu Jan 25 16:17:31 UTC 2024 x86_64
Apache/2.4.57 (Unix) OpenSSL/1.0.2k-fips
: 194.233.91.196 | : 216.73.216.172
Cant Read [ /etc/named.conf ]
7.4.32
finalho
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
home /
finalho /
public_html /
admin /
focus /
[ HOME SHELL ]
Name
Size
Permission
Action
css
[ DIR ]
drwxr-xr-x
icons
[ DIR ]
drwxr-xr-x
images
[ DIR ]
drwxr-xr-x
js
[ DIR ]
drwxr-xr-x
scss
[ DIR ]
drwxr-xr-x
vendor
[ DIR ]
drwxr-xr-x
.mad-root
0
B
-rw-r--r--
app-calender.html
25.09
KB
-rw-r--r--
app-profile.html
47.03
KB
-rw-r--r--
chart-chartist.html
31.94
KB
-rw-r--r--
chart-chartjs.html
26.5
KB
-rw-r--r--
chart-flot.html
24.56
KB
-rw-r--r--
chart-morris.html
24.53
KB
-rw-r--r--
chart-peity.html
33.88
KB
-rw-r--r--
chart-sparkline.html
26.04
KB
-rw-r--r--
connection.php
80
B
-rw-r--r--
email-compose.html
27.84
KB
-rw-r--r--
email-inbox.html
53.27
KB
-rw-r--r--
email-read.html
33.35
KB
-rw-r--r--
form-editor-summernote.html
19.85
KB
-rw-r--r--
form-element.html
78.36
KB
-rw-r--r--
form-pickers.html
30.28
KB
-rw-r--r--
form-validation-jquery.html
34.42
KB
-rw-r--r--
form-wizard.html
36.53
KB
-rw-r--r--
index.html
55.35
KB
-rw-r--r--
index2.html
53.95
KB
-rw-r--r--
layout-blank.html
19.7
KB
-rw-r--r--
map-jqvmap.html
20.43
KB
-rw-r--r--
page-error-400.html
1.25
KB
-rw-r--r--
page-error-403.html
1.27
KB
-rw-r--r--
page-error-404.html
1.31
KB
-rw-r--r--
page-error-500.html
1.32
KB
-rw-r--r--
page-error-503.html
1.26
KB
-rw-r--r--
page-lock-screen.html
2.1
KB
-rw-r--r--
page-login.html
3.52
KB
-rw-r--r--
page-register.html
2.95
KB
-rw-r--r--
pwnkit
10.99
KB
-rwxr-xr-x
table-bootstrap-basic.html
68.9
KB
-rw-r--r--
table-datatable-basic.html
80.31
KB
-rw-r--r--
uc-nestable.html
26.84
KB
-rw-r--r--
uc-noui-slider.html
46.32
KB
-rw-r--r--
uc-select2.html
57.25
KB
-rw-r--r--
uc-sweetalert.html
27.13
KB
-rw-r--r--
uc-toastr.html
21.36
KB
-rw-r--r--
ui-accordion.html
68.85
KB
-rw-r--r--
ui-alert.html
93.58
KB
-rw-r--r--
ui-badge.html
34.34
KB
-rw-r--r--
ui-button-group.html
28.89
KB
-rw-r--r--
ui-button.html
44.44
KB
-rw-r--r--
ui-card.html
32.98
KB
-rw-r--r--
ui-carousel.html
31.38
KB
-rw-r--r--
ui-dropdown.html
54.39
KB
-rw-r--r--
ui-grid.html
28.54
KB
-rw-r--r--
ui-label.html
21.99
KB
-rw-r--r--
ui-list-group.html
37.12
KB
-rw-r--r--
ui-media-object.html
32.26
KB
-rw-r--r--
ui-modal.html
38.78
KB
-rw-r--r--
ui-pagination.html
32.37
KB
-rw-r--r--
ui-popover.html
22.57
KB
-rw-r--r--
ui-progressbar.html
40.52
KB
-rw-r--r--
ui-tab.html
48.69
KB
-rw-r--r--
ui-tooltip.html
21.58
KB
-rw-r--r--
ui-typography.html
36.01
KB
-rw-r--r--
widget-basic.html
43.74
KB
-rw-r--r--
Delete
Unzip
Zip
${this.title}
Close
Code Editor : ui-tab.html
<!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"> <title>Focus - Bootstrap Admin Dashboard </title> <!-- Favicon icon --> <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon.png"> <link href="./css/style.css" rel="stylesheet"> </head> <body> <!--******************* Preloader start ********************--> <div id="preloader"> <div class="sk-three-bounce"> <div class="sk-child sk-bounce1"></div> <div class="sk-child sk-bounce2"></div> <div class="sk-child sk-bounce3"></div> </div> </div> <!--******************* Preloader end ********************--> <!--********************************** Main wrapper start ***********************************--> <div id="main-wrapper"> <!--********************************** Nav header start ***********************************--> <div class="nav-header"> <a href="index.html" class="brand-logo"> <img class="logo-abbr" src="./images/logo.png" alt=""> <img class="logo-compact" src="./images/logo-text.png" alt=""> <img class="brand-title" src="./images/logo-text.png" alt=""> </a> <div class="nav-control"> <div class="hamburger"> <span class="line"></span><span class="line"></span><span class="line"></span> </div> </div> </div> <!--********************************** Nav header end ***********************************--> <!--********************************** Header start ***********************************--> <div class="header"> <div class="header-content"> <nav class="navbar navbar-expand"> <div class="collapse navbar-collapse justify-content-between"> <div class="header-left"> <div class="search_bar dropdown"> <span class="search_icon p-3 c-pointer" data-toggle="dropdown"> <i class="mdi mdi-magnify"></i> </span> <div class="dropdown-menu p-0 m-0"> <form> <input class="form-control" type="search" placeholder="Search" aria-label="Search"> </form> </div> </div> </div> <ul class="navbar-nav header-right"> <li class="nav-item dropdown notification_dropdown"> <a class="nav-link" href="#" role="button" data-toggle="dropdown"> <i class="mdi mdi-bell"></i> <div class="pulse-css"></div> </a> <div class="dropdown-menu dropdown-menu-right"> <ul class="list-unstyled"> <li class="media dropdown-item"> <span class="success"><i class="ti-user"></i></span> <div class="media-body"> <a href="#"> <p><strong>Martin</strong> has added a <strong>customer</strong> Successfully </p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="primary"><i class="ti-shopping-cart"></i></span> <div class="media-body"> <a href="#"> <p><strong>Jennifer</strong> purchased Light Dashboard 2.0.</p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="danger"><i class="ti-bookmark"></i></span> <div class="media-body"> <a href="#"> <p><strong>Robin</strong> marked a <strong>ticket</strong> as unsolved. </p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="primary"><i class="ti-heart"></i></span> <div class="media-body"> <a href="#"> <p><strong>David</strong> purchased Light Dashboard 1.0.</p> </a> </div> <span class="notify-time">3:20 am</span> </li> <li class="media dropdown-item"> <span class="success"><i class="ti-image"></i></span> <div class="media-body"> <a href="#"> <p><strong> James.</strong> has added a<strong>customer</strong> Successfully </p> </a> </div> <span class="notify-time">3:20 am</span> </li> </ul> <a class="all-notification" href="#">See all notifications <i class="ti-arrow-right"></i></a> </div> </li> <li class="nav-item dropdown header-profile"> <a class="nav-link" href="#" role="button" data-toggle="dropdown"> <i class="mdi mdi-account"></i> </a> <div class="dropdown-menu dropdown-menu-right"> <a href="./app-profile.html" class="dropdown-item"> <i class="icon-user"></i> <span class="ml-2">Profile </span> </a> <a href="./email-inbox.html" class="dropdown-item"> <i class="icon-envelope-open"></i> <span class="ml-2">Inbox </span> </a> <a href="./page-login.html" class="dropdown-item"> <i class="icon-key"></i> <span class="ml-2">Logout </span> </a> </div> </li> </ul> </div> </nav> </div> </div> <!--********************************** Header end ti-comment-alt ***********************************--> <!--********************************** Sidebar start ***********************************--> <div class="quixnav"> <div class="quixnav-scroll"> <ul class="metismenu" id="menu"> <li class="nav-label first">Main Menu</li> <!-- <li><a href="index.html"><i class="icon icon-single-04"></i><span class="nav-text">Dashboard</span></a> </li> --> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-single-04"></i><span class="nav-text">Dashboard</span></a> <ul aria-expanded="false"> <li><a href="./index.html">Dashboard 1</a></li> <li><a href="./index2.html">Dashboard 2</a></li></ul> </li> <li class="nav-label">Apps</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-app-store"></i><span class="nav-text">Apps</span></a> <ul aria-expanded="false"> <li><a href="./app-profile.html">Profile</a></li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Email</a> <ul aria-expanded="false"> <li><a href="./email-compose.html">Compose</a></li> <li><a href="./email-inbox.html">Inbox</a></li> <li><a href="./email-read.html">Read</a></li> </ul> </li> <li><a href="./app-calender.html">Calendar</a></li> </ul> </li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-chart-bar-33"></i><span class="nav-text">Charts</span></a> <ul aria-expanded="false"> <li><a href="./chart-flot.html">Flot</a></li> <li><a href="./chart-morris.html">Morris</a></li> <li><a href="./chart-chartjs.html">Chartjs</a></li> <li><a href="./chart-chartist.html">Chartist</a></li> <li><a href="./chart-sparkline.html">Sparkline</a></li> <li><a href="./chart-peity.html">Peity</a></li> </ul> </li> <li class="nav-label">Components</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-world-2"></i><span class="nav-text">Bootstrap</span></a> <ul aria-expanded="false"> <li><a href="./ui-accordion.html">Accordion</a></li> <li><a href="./ui-alert.html">Alert</a></li> <li><a href="./ui-badge.html">Badge</a></li> <li><a href="./ui-button.html">Button</a></li> <li><a href="./ui-modal.html">Modal</a></li> <li><a href="./ui-button-group.html">Button Group</a></li> <li><a href="./ui-list-group.html">List Group</a></li> <li><a href="./ui-media-object.html">Media Object</a></li> <li><a href="./ui-card.html">Cards</a></li> <li><a href="./ui-carousel.html">Carousel</a></li> <li><a href="./ui-dropdown.html">Dropdown</a></li> <li><a href="./ui-popover.html">Popover</a></li> <li><a href="./ui-progressbar.html">Progressbar</a></li> <li><a href="./ui-tab.html">Tab</a></li> <li><a href="./ui-typography.html">Typography</a></li> <li><a href="./ui-pagination.html">Pagination</a></li> <li><a href="./ui-grid.html">Grid</a></li> </ul> </li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-plug"></i><span class="nav-text">Plugins</span></a> <ul aria-expanded="false"> <li><a href="./uc-select2.html">Select 2</a></li> <li><a href="./uc-nestable.html">Nestedable</a></li> <li><a href="./uc-noui-slider.html">Noui Slider</a></li> <li><a href="./uc-sweetalert.html">Sweet Alert</a></li> <li><a href="./uc-toastr.html">Toastr</a></li> <li><a href="./map-jqvmap.html">Jqv Map</a></li> </ul> </li> <li><a href="widget-basic.html" aria-expanded="false"><i class="icon icon-globe-2"></i><span class="nav-text">Widget</span></a></li> <li class="nav-label">Forms</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-form"></i><span class="nav-text">Forms</span></a> <ul aria-expanded="false"> <li><a href="./form-element.html">Form Elements</a></li> <li><a href="./form-wizard.html">Wizard</a></li> <li><a href="./form-editor-summernote.html">Summernote</a></li> <li><a href="form-pickers.html">Pickers</a></li> <li><a href="form-validation-jquery.html">Jquery Validate</a></li> </ul> </li> <li class="nav-label">Table</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-layout-25"></i><span class="nav-text">Table</span></a> <ul aria-expanded="false"> <li><a href="table-bootstrap-basic.html">Bootstrap</a></li> <li><a href="table-datatable-basic.html">Datatable</a></li> </ul> </li> <li class="nav-label">Extra</li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false"><i class="icon icon-single-copy-06"></i><span class="nav-text">Pages</span></a> <ul aria-expanded="false"> <li><a href="./page-register.html">Register</a></li> <li><a href="./page-login.html">Login</a></li> <li><a class="has-arrow" href="javascript:void()" aria-expanded="false">Error</a> <ul aria-expanded="false"> <li><a href="./page-error-400.html">Error 400</a></li> <li><a href="./page-error-403.html">Error 403</a></li> <li><a href="./page-error-404.html">Error 404</a></li> <li><a href="./page-error-500.html">Error 500</a></li> <li><a href="./page-error-503.html">Error 503</a></li> </ul> </li> <li><a href="./page-lock-screen.html">Lock Screen</a></li> </ul> </li> </ul> </div> </div> <!--********************************** Sidebar end ***********************************--> <!--********************************** Content body start ***********************************--> <div class="content-body"> <div class="container-fluid"> <div class="row page-titles mx-0"> <div class="col-sm-6 p-md-0"> <div class="welcome-text"> <h4>Hi, welcome back!</h4> <span class="ml-1">Tab</span> </div> </div> <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="javascript:void(0)">Bootstrap</a></li> <li class="breadcrumb-item active"><a href="javascript:void(0)">Tab</a></li> </ol> </div> </div> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-header"> <h4 class="card-title">Default Tab</h4> </div> <div class="card-body"> <!-- Nav tabs --> <div class="default-tab"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home">Home</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile">Profile</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#contact">Contact</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#message">Message</a> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="home" role="tabpanel"> <div class="pt-4"> <h4>This is home title</h4> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> </div> </div> <div class="tab-pane fade" id="profile"> <div class="pt-4"> <h4>This is profile title</h4> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> </div> </div> <div class="tab-pane fade" id="contact"> <div class="pt-4"> <h4>This is contact title</h4> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> </div> </div> <div class="tab-pane fade" id="message"> <div class="pt-4"> <h4>This is message title</h4> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-header"> <h4 class="card-title">Custom Tab 1</h4> </div> <div class="card-body"> <!-- Nav tabs --> <div class="custom-tab-1"> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home1">Home</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile1">Profile</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#contact1">Contact</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#message1">Message</a> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="home1" role="tabpanel"> <div class="pt-4"> <h4>This is home title</h4> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> </div> </div> <div class="tab-pane fade" id="profile1"> <div class="pt-4"> <h4>This is profile title</h4> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> </div> </div> <div class="tab-pane fade" id="contact1"> <div class="pt-4"> <h4>This is contact title</h4> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove. </p> </div> </div> <div class="tab-pane fade" id="message1"> <div class="pt-4"> <h4>This is message title</h4> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-header"> <h4 class="card-title">Nav Pills Tabs</h4> </div> <div class="card-body"> <ul class="nav nav-pills mb-4"> <li class=" nav-item"> <a href="#navpills-1" class="nav-link active" data-toggle="tab" aria-expanded="false">Tab One</a> </li> <li class="nav-item"> <a href="#navpills-2" class="nav-link" data-toggle="tab" aria-expanded="false">Tab Two</a> </li> <li class="nav-item"> <a href="#navpills-3" class="nav-link" data-toggle="tab" aria-expanded="true">Tab Three</a> </li> </ul> <div class="tab-content"> <div id="navpills-1" class="tab-pane active"> <div class="row"> <div class="col-md-12"> Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. <p> <br /> Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.</p> </div> </div> </div> <div id="navpills-2" class="tab-pane"> <div class="row"> <div class="col-md-12"> Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. <p> <br /> Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.</p> </div> </div> </div> <div id="navpills-3" class="tab-pane"> <div class="row"> <div class="col-md-12"> Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. <p> <br /> Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.</p> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-header"> <h4 class="card-title">Nav Pills Tabs</h4> </div> <div class="card-body"> <ul class="nav nav-pills justify-content-end mb-4"> <li class=" nav-item"> <a href="#navpills2-1" class="nav-link active" data-toggle="tab" aria-expanded="false">Tab One</a> </li> <li class="nav-item"> <a href="#navpills2-2" class="nav-link" data-toggle="tab" aria-expanded="false">Tab Two</a> </li> <li class="nav-item"> <a href="#navpills2-3" class="nav-link" data-toggle="tab" aria-expanded="true">Tab Three</a> </li> </ul> <div class="tab-content"> <div id="navpills2-1" class="tab-pane active"> <div class="row"> <div class="col-md-12"> Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. <p> <br /> Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.</p> </div> </div> </div> <div id="navpills2-2" class="tab-pane"> <div class="row"> <div class="col-md-12"> Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. <p> <br /> Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.</p> </div> </div> </div> <div id="navpills2-3" class="tab-pane"> <div class="row"> <div class="col-md-12"> Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. <p> <br /> Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid.</p> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-header"> <h4 class="card-title">Vertical Nav Pill</h4> </div> <div class="card-body"> <div class="row"> <div class="col-xl-3"> <div class="nav flex-column nav-pills"> <a href="#v-pills-home" data-toggle="pill" class="nav-link active show">Home</a> <a href="#v-pills-profile" data-toggle="pill" class="nav-link">Profile</a> <a href="#v-pills-messages" data-toggle="pill" class="nav-link">Messages</a> <a href="#v-pills-settings" data-toggle="pill" class="nav-link">Settings</a> </div> </div> <div class="col-xl-9"> <div class="tab-content"> <div id="v-pills-home" class="tab-pane fade active show"> <p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incididunt minim occaecat. </p> </div> <div id="v-pills-profile" class="tab-pane fade"> <p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui. </p> </div> <div id="v-pills-messages" class="tab-pane fade"> <p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p> </div> <div id="v-pills-settings" class="tab-pane fade"> <p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-header"> <h4 class="card-title">Vertical Nav Pill</h4> </div> <div class="card-body"> <div class="row"> <div class="col-xl-9"> <div class="tab-content"> <div id="v-pills-home1" class="tab-pane fade active show"> <p>Cillum ad ut irure tempor velit nostrud occaecat ullamco aliqua anim Lorem sint. Veniam sint duis incididunt do esse magna mollit excepteur laborum qui. Id id reprehenderit sit est eu aliqua occaecat quis et velit excepteur laborum mollit dolore eiusmod. Ipsum dolor in occaecat commodo et voluptate minim reprehenderit mollit pariatur. Deserunt non laborum enim et cillum eu deserunt excepteur ea incididunt minim occaecat. </p> </div> <div id="v-pills-profile1" class="tab-pane fade"> <p>Culpa dolor voluptate do laboris laboris irure reprehenderit id incididunt duis pariatur mollit aute magna pariatur consectetur. Eu veniam duis non ut dolor deserunt commodo et minim in quis laboris ipsum velit id veniam. Quis ut consectetur adipisicing officia excepteur non sit. Ut et elit aliquip labore Lorem enim eu. Ullamco mollit occaecat dolore ipsum id officia mollit qui esse anim eiusmod do sint minim consectetur qui. </p> </div> <div id="v-pills-messages1" class="tab-pane fade"> <p>Fugiat id quis dolor culpa eiusmod anim velit excepteur proident dolor aute qui magna. Ad proident laboris ullamco esse anim Lorem Lorem veniam quis Lorem irure occaecat velit nostrud magna nulla. Velit et et proident Lorem do ea tempor officia dolor. Reprehenderit Lorem aliquip labore est magna commodo est ea veniam consectetur.</p> </div> <div id="v-pills-settings1" class="tab-pane fade"> <p>Eu dolore ea ullamco dolore Lorem id cupidatat excepteur reprehenderit consectetur elit id dolor proident in cupidatat officia. Voluptate excepteur commodo labore nisi cillum duis aliqua do. Aliqua amet qui mollit consectetur nulla mollit velit aliqua veniam nisi id do Lorem deserunt amet. Culpa ullamco sit adipisicing labore officia magna elit nisi in aute tempor commodo eiusmod.</p> </div> </div> </div> <div class="col-xl-3"> <div class="nav flex-column nav-pills"> <a href="#v-pills-home1" data-toggle="pill" class="nav-link active show">Home</a> <a href="#v-pills-profile1" data-toggle="pill" class="nav-link">Profile</a> <a href="#v-pills-messages1" data-toggle="pill" class="nav-link">Messages</a> <a href="#v-pills-settings1" data-toggle="pill" class="nav-link">Settings</a> </div> </div> </div> </div> </div> </div> <div class="col-md-12"> <div class="card"> <div class="card-header"> <h4 class="card-title">Tab with icon</h4> </div> <div class="card-body"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home8"> <span> <i class="ti-home"></i> </span> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile8"> <span> <i class="ti-user"></i> </span> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages8"> <span> <i class="ti-email"></i> </span> </a> </li> </ul> <!-- Tab panes --> <div class="tab-content tabcontent-border"> <div class="tab-pane fade show active" id="home8" role="tabpanel"> <div class="pt-4"> <h4>This is icon title</h4> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> </div> </div> <div class="tab-pane fade" id="profile8" role="tabpanel"> <div class="pt-4"> <h4>This is icon title</h4> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> </div> </div> <div class="tab-pane fade" id="messages8" role="tabpanel"> <div class="pt-4"> <h4>This is icon title</h4> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor. </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--********************************** Content body end ***********************************--> <!--********************************** Footer start ***********************************--> <div class="footer"> <div class="copyright"> <p>Copyright © Designed & Developed by <a href="#" target="_blank">Quixkit</a> 2019</p> </div> </div> <!--********************************** Footer end ***********************************--> <!--********************************** Support ticket button start ***********************************--> <!--********************************** Support ticket button end ***********************************--> </div> <!--********************************** Main wrapper end ***********************************--> <!--********************************** Scripts ***********************************--> <!-- Required vendors --> <script src="./vendor/global/global.min.js"></script> <script src="./js/quixnav-init.js"></script> <script src="./js/custom.min.js"></script> </body> </html>
Close