📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
e-ticaretv3.demodesign.com.tr
/
yonetim
/
pages
/
UI
📝
tab.html
← Geri Dön
<!DOCTYPE html> <html lang="en"> <!-- Copied from http://html-templates.multipurposethemes.com/bootstrap-4/admin/crypto-admin/business-analytics-dashboard/pages/UI/tab.html by Cyotek WebCopy 1.3.0.405, 23 Nisan 2018 Pazartesi, 17:38:51 --> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../../images/favicon.ico"> <title>Crypto Admin - Dashboard Tab UI </title> <!-- Bootstrap 4.0--> <link rel="stylesheet" href="../../../assets/vendor_components/bootstrap/dist/css/bootstrap.min.css"> <!-- Bootstrap extend--> <link rel="stylesheet" href="../../css/bootstrap-extend.css"> <!-- Theme style --> <link rel="stylesheet" href="../../css/master_style.css"> <!-- Crypto_Admin skins --> <link rel="stylesheet" href="../../css/skins/_all-skins.css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body class="hold-transition skin-blue sidebar-mini"> <div class="wrapper"> <header class="main-header"> <!-- Logo --> <a href="../../index.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels --> <b class="logo-mini"> <span class="light-logo"><img src="../../../images/logo-light.png" alt="logo"></span> <span class="dark-logo"><img src="../../../images/logo-dark.png" alt="logo"></span> </b> <!-- logo for regular state and mobile devices --> <span class="logo-lg"> <img src="../../../images/logo-light-text.png" alt="logo" class="light-logo"> <img src="../../../images/logo-dark-text.png" alt="logo" class="dark-logo"> </span> </a> <!-- Header Navbar --> <nav class="navbar navbar-static-top"> <!-- Sidebar toggle button--> <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span> </a> <div class="navbar-custom-menu"> <ul class="nav navbar-nav"> <li class="search-box"> <a class="nav-link hidden-sm-down" href="javascript:void(0)"><i class="mdi mdi-magnify"></i></a> <form class="app-search" style="display: none;"> <input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a> </form> </li> <!-- Messages --> <li class="dropdown messages-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="mdi mdi-email"></i> </a> <ul class="dropdown-menu scale-up"> <li class="header">You have 5 messages</li> <li> <!-- inner menu: contains the actual data --> <ul class="menu inner-content-div"> <li><!-- start message --> <a href="#"> <div class="pull-left"> <img src="../../../images/user2-160x160.jpg" class="rounded-circle" alt="User Image"> </div> <div class="mail-contnet"> <h4> Lorem Ipsum <small><i class="fa fa-clock-o"></i> 15 mins</small> </h4> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> </div> </a> </li> <!-- end message --> <li> <a href="#"> <div class="pull-left"> <img src="../../../images/user3-128x128.jpg" class="rounded-circle" alt="User Image"> </div> <div class="mail-contnet"> <h4> Nullam tempor <small><i class="fa fa-clock-o"></i> 4 hours</small> </h4> <span>Curabitur facilisis erat quis metus congue viverra.</span> </div> </a> </li> <li> <a href="#"> <div class="pull-left"> <img src="../../../images/user4-128x128.jpg" class="rounded-circle" alt="User Image"> </div> <div class="mail-contnet"> <h4> Proin venenatis <small><i class="fa fa-clock-o"></i> Today</small> </h4> <span>Vestibulum nec ligula nec quam sodales rutrum sed luctus.</span> </div> </a> </li> <li> <a href="#"> <div class="pull-left"> <img src="../../../images/user3-128x128.jpg" class="rounded-circle" alt="User Image"> </div> <div class="mail-contnet"> <h4> Praesent suscipit <small><i class="fa fa-clock-o"></i> Yesterday</small> </h4> <span>Curabitur quis risus aliquet, luctus arcu nec, venenatis neque.</span> </div> </a> </li> <li> <a href="#"> <div class="pull-left"> <img src="../../../images/user4-128x128.jpg" class="rounded-circle" alt="User Image"> </div> <div class="mail-contnet"> <h4> Donec tempor <small><i class="fa fa-clock-o"></i> 2 days</small> </h4> <span>Praesent vitae tellus eget nibh lacinia pretium.</span> </div> </a> </li> </ul> </li> <li class="footer"><a href="#">See all e-Mails</a></li> </ul> </li> <!-- Notifications --> <li class="dropdown notifications-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="mdi mdi-bell"></i> </a> <ul class="dropdown-menu scale-up"> <li class="header">You have 7 notifications</li> <li> <!-- inner menu: contains the actual data --> <ul class="menu inner-content-div"> <li> <a href="#"> <i class="fa fa-users text-aqua"></i> Curabitur id eros quis nunc suscipit blandit. </a> </li> <li> <a href="#"> <i class="fa fa-warning text-yellow"></i> Duis malesuada justo eu sapien elementum, in semper diam posuere. </a> </li> <li> <a href="#"> <i class="fa fa-users text-red"></i> Donec at nisi sit amet tortor commodo porttitor pretium a erat. </a> </li> <li> <a href="#"> <i class="fa fa-shopping-cart text-green"></i> In gravida mauris et nisi </a> </li> <li> <a href="#"> <i class="fa fa-user text-red"></i> Praesent eu lacus in libero dictum fermentum. </a> </li> <li> <a href="#"> <i class="fa fa-user text-red"></i> Nunc fringilla lorem </a> </li> <li> <a href="#"> <i class="fa fa-user text-red"></i> Nullam euismod dolor ut quam interdum, at scelerisque ipsum imperdiet. </a> </li> </ul> </li> <li class="footer"><a href="#">View all</a></li> </ul> </li> <!-- Tasks --> <li class="dropdown tasks-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="mdi mdi-message"></i> </a> <ul class="dropdown-menu scale-up"> <li class="header">You have 6 tasks</li> <li> <!-- inner menu: contains the actual data --> <ul class="menu inner-content-div"> <li><!-- Task item --> <a href="#"> <h3> Lorem ipsum dolor sit amet <small class="pull-right">30%</small> </h3> <div class="progress xs"> <div class="progress-bar progress-bar-aqua" style="width: 30%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">30% Complete</span> </div> </div> </a> </li> <!-- end task item --> <li><!-- Task item --> <a href="#"> <h3> Vestibulum nec ligula <small class="pull-right">20%</small> </h3> <div class="progress xs"> <div class="progress-bar progress-bar-danger" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">20% Complete</span> </div> </div> </a> </li> <!-- end task item --> <li><!-- Task item --> <a href="#"> <h3> Donec id leo ut ipsum <small class="pull-right">70%</small> </h3> <div class="progress xs"> <div class="progress-bar progress-bar-light-blue" style="width: 70%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">70% Complete</span> </div> </div> </a> </li> <!-- end task item --> <li><!-- Task item --> <a href="#"> <h3> Praesent vitae tellus <small class="pull-right">40%</small> </h3> <div class="progress xs"> <div class="progress-bar progress-bar-yellow" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">40% Complete</span> </div> </div> </a> </li> <!-- end task item --> <li><!-- Task item --> <a href="#"> <h3> Nam varius sapien <small class="pull-right">80%</small> </h3> <div class="progress xs"> <div class="progress-bar progress-bar-red" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">80% Complete</span> </div> </div> </a> </li> <!-- end task item --> <li><!-- Task item --> <a href="#"> <h3> Nunc fringilla <small class="pull-right">90%</small> </h3> <div class="progress xs"> <div class="progress-bar progress-bar-primary" style="width: 90%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> <span class="sr-only">90% Complete</span> </div> </div> </a> </li> <!-- end task item --> </ul> </li> <li class="footer"> <a href="#">View all tasks</a> </li> </ul> </li> <!-- User Account --> <li class="dropdown user user-menu"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="../../../images/user5-128x128.jpg" class="user-image rounded-circle" alt="User Image"> </a> <ul class="dropdown-menu scale-up"> <!-- User image --> <li class="user-header"> <img src="../../../images/user5-128x128.jpg" class="float-left rounded-circle" alt="User Image"> <p> Romi Roy <small class="mb-5">jb@gmail.com</small> <a href="#" class="btn btn-danger btn-sm btn-rounded">View Profile</a> </p> </li> <!-- Menu Body --> <li class="user-body"> <div class="row no-gutters"> <div class="col-12 text-left"> <a href="#"><i class="ion ion-person"></i> My Profile</a> </div> <div class="col-12 text-left"> <a href="#"><i class="ion ion-email-unread"></i> Inbox</a> </div> <div class="col-12 text-left"> <a href="#"><i class="ion ion-settings"></i> Setting</a> </div> <div role="separator" class="divider col-12"></div> <div class="col-12 text-left"> <a href="#"><i class="ti-settings"></i> Account Setting</a> </div> <div role="separator" class="divider col-12"></div> <div class="col-12 text-left"> <a href="#"><i class="fa fa-power-off"></i> Logout</a> </div> </div> <!-- /.row --> </li> </ul> </li> <!-- Control Sidebar Toggle Button --> <li> <a href="#" data-toggle="control-sidebar"><i class="fa fa-cog fa-spin"></i></a> </li> </ul> </div> </nav> </header> <!-- Left side column. contains the logo and sidebar --> <aside class="main-sidebar"> <!-- sidebar --> <section class="sidebar"> <!-- Sidebar user panel --> <div class="user-panel"> <div class="ulogo"> <a href="index.html"> <!-- logo for regular state and mobile devices --> <span><b>Crypto </b>Admin</span> </a> </div> <div class="image"> <img src="../../../images/user2-160x160.jpg" class="rounded-circle" alt="User Image"> </div> <div class="info"> <p>Admin Template</p> <a href="" class="link" data-toggle="tooltip" title="" data-original-title="Settings"><i class="ion ion-gear-b"></i></a> <a href="" class="link" data-toggle="tooltip" title="" data-original-title="Email"><i class="ion ion-android-mail"></i></a> <a href="" class="link" data-toggle="tooltip" title="" data-original-title="Logout"><i class="ion ion-power"></i></a> </div> </div> <!-- sidebar menu --> <ul class="sidebar-menu" data-widget="tree"> <li class="nav-devider"></li> <li class="header nav-small-cap">PERSONAL</li> <li> <a href="../../index.html"> <i class="fa fa-dashboard"></i> <span>Dashboard</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> </li> <li class="treeview"> <a href="#"> <i class="icon-chart"></i> <span>Reports</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../reports/transactions.html">Transactions</a></li> <li><a href="../reports/top-gainers-losers.html">Top Gainers/Losers</a></li> <li><a href="../reports/market-capitalizations.html">Market Capitalizations</a></li> <li><a href="../reports/crypto-stats.html">Crypto Stats</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="icon-compass"></i> <span>Initial Coin Offering</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../ico/ico-distribution-countdown.html">Countdown</a></li> <li><a href="../ico/ico-roadmap-timeline.html">Roadmap/Timeline</a></li> <li><a href="../ico/ico-progress.html">Progress Bar</a></li> <li><a href="../ico/ico-details.html">Details</a></li> <li><a href="../ico/ico-listing.html">ICO Listing</a></li> <li><a href="../ico/ico-filter.html">ICO Listing - Filters</a></li> </ul> </li> <li> <a href="../currency-ex/exchange.html"> <i class="icon-refresh"></i> <span>Currency Exchange</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> </li> <li class="treeview"> <a href="#"> <i class="icon-people"></i> <span>Members</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../members/members.html">Members Grid</a></li> <li><a href="../members/members-list.html">Members List</a></li> <li><a href="../members/member-profile.html">Member Profile</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="icon-equalizer"></i> <span>Tickers</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../tickers/tickers.html">Ticker</a></li> <li><a href="../tickers/crypto-live-pricing.html">Live Crypto Prices</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="icon-wallet"></i> <span>Transactions</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../transactions/tables-transactions.html">Transactions Tables</a></li> <li><a href="../transactions/transaction-search.html">Transactions Search</a></li> <li><a href="../transactions/transaction-details.html">Single Transaction</a></li> <li><a href="../transactions/counter-transactions.html">Transactions Counter</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="icon-graph"></i> <span>Charts</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../charts/chartjs.html">ChartJS</a></li> <li><a href="../charts/flot.html">Flot</a></li> <li><a href="../charts/inline.html">Inline charts</a></li> <li><a href="../charts/morris.html">Morris</a></li> <li><a href="../charts/peity.html">Peity</a></li> <li><a href="../charts/chartist.html">Chartist</a></li> <li><a href="../charts/rickshaw-charts.html">Rickshaw Charts</a></li> <li><a href="../charts/nvd3-charts.html">NVD3 Charts</a></li> <li><a href="../charts/echart.html">eChart</a></li> <li><a href="../amcharts/amcharts.html">amCharts Charts</a></li> <li><a href="../amcharts/amstock-charts.html">amCharts Stock Charts</a></li> <li><a href="../amcharts/ammaps.html">amCharts Maps</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-th"></i> <span>App</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../app/app-chat.html">Chat app</a></li> <li><a href="../app/project-table.html">Project</a></li> <li><a href="../app/app-contact.html">Contact / Employee</a></li> <li><a href="../app/app-ticket.html">Support Ticket</a></li> <li><a href="../app/calendar.html">Calendar</a></li> <li><a href="../app/profile.html">Profile</a></li> <li><a href="../app/userlist-grid.html">Userlist Grid</a></li> <li><a href="../app/userlist.html">Userlist</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-envelope"></i> <span>Mailbox</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../mailbox/mailbox.html">Inbox</a></li> <li><a href="../mailbox/compose.html">Compose</a></li> <li><a href="../mailbox/read-mail.html">Read</a></li> </ul> </li> <li class="treeview active"> <a href="#"> <i class="fa fa-laptop"></i> <span>UI Elements</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="badges.html">Badges</a></li> <li><a href="border-utilities.html">Border</a></li> <li><a href="buttons.html">Buttons</a></li> <li><a href="bootstrap-switch.html">Bootstrap Switch</a></li> <li><a href="cards.html">User Card</a></li> <li><a href="color-utilities.html">Color</a></li> <li><a href="date-paginator.html">Date Paginator</a></li> <li><a href="dropdown.html">Dropdown</a></li> <li><a href="dropdown-grid.html">Dropdown Grid</a></li> <li><a href="general.html">General</a></li> <li><a href="icons.html">Icons</a></li> <li><a href="media-advanced.html">Advanced Medias</a></li> <li><a href="modals.html">Modals</a></li> <li><a href="nestable.html">Nestable</a></li> <li><a href="notification.html">Notification</a></li> <li><a href="portlet-draggable.html">Draggable Portlets</a></li> <li><a href="ribbons.html">Ribbons</a></li> <li><a href="sliders.html">Sliders</a></li> <li><a href="sweatalert.html">Sweet Alert</a></li> <li class="active"><a href="tab.html">Tabs</a></li> <li><a href="timeline.html">Timeline</a></li> <li><a href="timeline-horizontal.html">Horizontal Timeline</a></li> </ul> </li> <li class="header nav-small-cap">FORMS, TABLE & LAYOUTS</li> <li class="treeview"> <a href="#"> <i class="fa fa-bars"></i> <span>Widgets</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../widgets/blog.html">Blog</a></li> <li><a href="../widgets/chart.html">Chart</a></li> <li><a href="../widgets/list.html">List</a></li> <li><a href="../widgets/social.html">Social</a></li> <li><a href="../widgets/statistic.html">Statistic</a></li> <li><a href="../widgets/tiles.html">Tiles</a></li> <li><a href="../widgets/weather.html">Weather</a></li> <li><a href="../widgets/widgets.html">Widgets</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-files-o"></i> <span>Layout Options</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../layout/boxed.html">Boxed</a></li> <li><a href="../layout/fixed.html">Fixed</a></li> <li><a href="../layout/collapsed-sidebar.html">Collapsed Sidebar</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-square-o"></i> <span>Box</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../box/advanced.html">Advanced</a></li> <li><a href="../box/basic.html">Boxed</a></li> <li><a href="../box/color.html">Color</a></li> <li><a href="../box/group.html">Group</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-edit"></i> <span>Forms</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../forms/advanced.html">Advanced Elements</a></li> <li><a href="../forms/code-editor.html">Code Editor</a></li> <li><a href="../forms/editor-markdown.html">Markdown</a></li> <li><a href="../forms/editors.html">Editors</a></li> <li><a href="../forms/form-validation.html">Form Validation</a></li> <li><a href="../forms/form-wizard.html">Form Wizard</a></li> <li><a href="../forms/general.html">General Elements</a></li> <li><a href="../forms/mask.html">Formatter</a></li> <li><a href="../forms/premade.html">Pre-made Forms</a></li> <li><a href="../forms/xeditable.html">Xeditable Editor</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-table"></i> <span>Tables</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../tables/simple.html">Simple tables</a></li> <li><a href="../tables/data.html">Data tables</a></li> <li><a href="../tables/editable-tables.html">Editable Tables</a></li> <li><a href="../tables/table-color.html">Table Color</a></li> </ul> </li> <li> <a href="../email/index.html"> <i class="fa fa-envelope-open-o"></i> <span>Emails</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> </li> <li class="header nav-small-cap">EXTRA COMPONENTS</li> <li class="treeview"> <a href="#"> <i class="fa fa-map"></i> <span>Map</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../map/map-google.html">Google Map</a></li> <li><a href="../map/map-vector.html">Vector Map</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-plug"></i> <span>Extension</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../extension/fullscreen.html">Fullscreen</a></li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-file"></i> <span>Sample Pages</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../samplepage/blank.html">Blank</a></li> <li><a href="../samplepage/coming-soon.html">Coming Soon</a></li> <li><a href="../samplepage/custom-scroll.html">Custom Scrolls</a></li> <li><a href="../samplepage/faq.html">FAQ</a></li> <li><a href="../samplepage/gallery.html">Gallery</a></li> <li><a href="../samplepage/invoice.html">Invoice</a></li> <li><a href="../samplepage/lightbox.html">Lightbox Popup</a></li> <li><a href="../samplepage/pace.html">Pace</a></li> <li><a href="../samplepage/pricing.html">Pricing</a></li> <li class="treeview"> <a href="#">Authentication <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../samplepage/login.html">Login</a></li> <li><a href="../samplepage/register.html">Register</a></li> <li><a href="../samplepage/lockscreen.html">Lockscreen</a></li> <li><a href="../samplepage/user-pass.html">Recover password</a></li> </ul> </li> <li class="treeview"> <a href="#">Error Pages <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="../samplepage/404.html">404</a></li> <li><a href="../samplepage/500.html">500</a></li> <li><a href="../samplepage/maintenance.html">Maintenance</a></li> </ul> </li> </ul> </li> <li class="treeview"> <a href="#"> <i class="fa fa-share"></i> <span>Multilevel</span> <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="#">Level One</a></li> <li class="treeview"> <a href="#">Level One <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="#">Level Two</a></li> <li class="treeview"> <a href="#">Level Two <span class="pull-right-container"> <i class="fa fa-angle-right pull-right"></i> </span> </a> <ul class="treeview-menu"> <li><a href="#">Level Three</a></li> <li><a href="#">Level Three</a></li> </ul> </li> </ul> </li> <li><a href="#">Level One</a></li> </ul> </li> </ul> </section> </aside> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> Tabs </h1> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> <li class="breadcrumb-item"><a href="#">UI</a></li> <li class="breadcrumb-item active">Tabs</li> </ol> </section> <!-- Main content --> <section class="content"> <!-- tabs --> <div class="row"> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Default Tab</h3> <h6 class="box-subtitle">Use default tab with class <code>nav-tabs & tabcontent-border </code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home" role="tab"><span class="hidden-sm-up"><i class="ion-home"></i></span> <span class="hidden-xs-down">Home</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile" role="tab"><span class="hidden-sm-up"><i class="ion-person"></i></span> <span class="hidden-xs-down">Profile</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages" role="tab"><span class="hidden-sm-up"><i class="ion-email"></i></span> <span class="hidden-xs-down">Messages</span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content tabcontent-border"> <div class="tab-pane active" id="home" role="tabpanel"> <div class="pad"> <h3>Best Clean Tab ever</h3> <h4>you can use it with the small code</h4> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p> </div> </div> <div class="tab-pane pad" id="profile" role="tabpanel">2</div> <div class="tab-pane pad" id="messages" role="tabpanel">3</div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Customtab Tab</h3> <h6 class="box-subtitle">Use default tab with class <code>customtab</code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <ul class="nav nav-tabs customtab" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home2" role="tab"><span class="hidden-sm-up"><i class="ion-home"></i></span> <span class="hidden-xs-down">Home</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile2" role="tab"><span class="hidden-sm-up"><i class="ion-person"></i></span> <span class="hidden-xs-down">Profile</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages2" role="tab"><span class="hidden-sm-up"><i class="ion-email"></i></span> <span class="hidden-xs-down">Messages</span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="home2" role="tabpanel"> <div class="pad"> <h3>Best Clean Tab ever</h3> <h4>you can use it with the small code</h4> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p> </div> </div> <div class="tab-pane pad" id="profile2" role="tabpanel">2</div> <div class="tab-pane pad" id="messages2" role="tabpanel">3</div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Vertical Tab</h3> <h6 class="box-subtitle">Use default tab with class <code>vtabs & tabs-vertical</code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <div class="vtabs"> <ul class="nav nav-tabs tabs-vertical" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home4" role="tab"><span class="hidden-sm-up"><i class="ion-home"></i></span> <span class="hidden-xs-down">Home</span> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile4" role="tab"><span class="hidden-sm-up"><i class="ion-person"></i></span> <span class="hidden-xs-down">Profile</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages4" role="tab"><span class="hidden-sm-up"><i class="ion-email"></i></span> <span class="hidden-xs-down">Messages</span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="home4" role="tabpanel"> <div class="pad"> <h3>Best Clean Tab ever</h3> <h4>you can use it with the small code</h4> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p> </div> </div> <div class="tab-pane pad" id="profile4" role="tabpanel">2</div> <div class="tab-pane pad" id="messages4" role="tabpanel">3</div> </div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Customtab vertical Tab</h3> <h6 class="box-subtitle">Use default tab with class <code>vtabs, tabs-vertical & customvtab</code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <div class="vtabs customvtab"> <ul class="nav nav-tabs tabs-vertical" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home3" role="tab" aria-expanded="true"><span class="hidden-sm-up"><i class="ion-home"></i></span> <span class="hidden-xs-down">Home</span> </a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile3" role="tab" aria-expanded="false"><span class="hidden-sm-up"><i class="ion-person"></i></span> <span class="hidden-xs-down">Profile</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages3" role="tab" aria-expanded="false"><span class="hidden-sm-up"><i class="ion-email"></i></span> <span class="hidden-xs-down">Messages</span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="home3" role="tabpanel" aria-expanded="true"> <div class="pad"> <h3>Best Clean Tab ever</h3> <h4>you can use it with the small code</h4> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p> </div> </div> <div class="tab-pane pad" id="profile3" role="tabpanel" aria-expanded="false">2</div> <div class="tab-pane pad" id="messages3" role="tabpanel" aria-expanded="false">3</div> </div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Tab with dropdown</h3> <h6 class="box-subtitle">Use default tab with class <code>nav-tabs & tabcontent-border</code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home5" role="tab" aria-controls="home5" aria-expanded="true"><span class="hidden-sm-up"><i class="ion-home"></i></span> <span class="hidden-xs-down">Home</span></a> </li> <li class="nav-item"> <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile5" role="tab" aria-controls="profile"><span class="hidden-sm-up"><i class="ion-person"></i></span> <span class="hidden-xs-down">Profile</span></a></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> <span class="hidden-sm-up"><i class="ion-email"></i></span> <span class="hidden-xs-down">Dropdown</span> </a> <div class="dropdown-menu"> <a class="dropdown-item" id="dropdown1-tab" href="#dropdown1" role="tab" data-toggle="tab" aria-controls="dropdown1">@fat</a> <a class="dropdown-item" id="dropdown2-tab" href="#dropdown2" role="tab" data-toggle="tab" aria-controls="dropdown2">@mdo</a> </div> </li> </ul> <!-- Tab panes --> <div class="tab-content tabcontent-border pad" id="myTabContent"> <div role="tabpanel" class="tab-pane fade show active" id="home5" aria-labelledby="home-tab"> <p>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. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p> </div> <div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab"> <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p> </div> <div class="tab-pane fade" id="dropdown1" role="tabpanel" aria-labelledby="dropdown1-tab"> <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p> </div> <div class="tab-pane fade" id="dropdown2" role="tabpanel" aria-labelledby="dropdown2-tab"> <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf salvia freegan, sartorial keffiyeh echo park vegan.</p> </div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Customtab2 Tab</h3> <h6 class="box-subtitle">Use default tab with class <code>customtab</code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <ul class="nav nav-tabs customtab2" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home7" role="tab"><span class="hidden-sm-up"><i class="ion-home"></i></span> <span class="hidden-xs-down">Home</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile7" role="tab"><span class="hidden-sm-up"><i class="ion-person"></i></span> <span class="hidden-xs-down">Profile</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages7" role="tab"><span class="hidden-sm-up"><i class="ion-email"></i></span> <span class="hidden-xs-down">Messages</span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="home7" role="tabpanel"> <div class="pad"> <h3>Best Clean Tab ever</h3> <h4>you can use it with the small code</h4> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p> </div> </div> <div class="tab-pane pad" id="profile7" role="tabpanel">2</div> <div class="tab-pane pad" id="messages7" role="tabpanel">3</div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Nav Pills Tabs</h3> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <ul class="nav nav-pills margin-bottom margin-top-10"> <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> <!-- Tab panes --> <div class="tab-content"> <div id="navpills-1" class="tab-pane active"> <div class="row"> <div class="col-md-4"> <img src="../../../images/card/img1.jpg" class="img-fluid" alt=""> </div> <div class="col-md-8"> 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-8"> 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 class="col-md-4"> <img src="../../../images/card/img2.jpg" class="img-fluid" alt=""> </div> </div> </div> <div id="navpills-3" class="tab-pane"> <div class="row"> <div class="col-md-4"> <img src="../../../images/card/img3.jpg" class="img-fluid" alt=""> </div> <div class="col-md-8"> 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> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Nav Pills Tabs</h3> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <ul class="nav nav-pills justify-content-end margin-bottom margin-top-10"> <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> <!-- Tab panes --> <div class="tab-content"> <div id="navpills2-1" class="tab-pane active"> <div class="row"> <div class="col-md-4"> <img src="../../../images/card/img1.jpg" class="img-fluid" alt=""> </div> <div class="col-md-8"> 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-8"> 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 class="col-md-4"> <img src="../../../images/card/img2.jpg" class="img-fluid" alt=""> </div> </div> </div> <div id="navpills2-3" class="tab-pane"> <div class="row"> <div class="col-md-4"> <img src="../../../images/card/img3.jpg" class="img-fluid" alt=""> </div> <div class="col-md-8"> 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> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Tab with icon</h3> <h6 class="box-subtitle">Use default tab with class <code>nav-tabs & tabcontent-border </code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home8" role="tab"><span><i class="ion-home"></i></span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile8" role="tab"><span><i class="ion-person"></i></span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages8" role="tab"><span><i class="ion-email"></i></span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content tabcontent-border"> <div class="tab-pane active" id="home8" role="tabpanel"> <div class="pad"> <h3>Best Clean Tab ever</h3> <h4>you can use it with the small code</h4> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p> </div> </div> <div class="tab-pane pad" id="profile8" role="tabpanel">2</div> <div class="tab-pane pad" id="messages8" role="tabpanel">3</div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> <div class="col-md-12 col-lg-6"> <div class="box box-default"> <div class="box-header with-border"> <h3 class="box-title">Customtab vertical Tab Icon</h3> <h6 class="box-subtitle">Use default tab with class <code>vtabs & tabs-vertical</code></h6> </div> <!-- /.box-header --> <div class="box-body"> <!-- Nav tabs --> <div class="vtabs"> <ul class="nav nav-tabs tabs-vertical" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home9" role="tab"><span><i class="ion-home"></i></span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile9" role="tab"><span><i class="ion-person"></i></span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages9" role="tab"><span><i class="ion-email"></i></span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div class="tab-pane active" id="home9" role="tabpanel"> <div class="pad"> <h3>Best Clean Tab ever</h3> <h4>you can use it with the small code</h4> <p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a.</p> </div> </div> <div class="tab-pane pad" id="profile9" role="tabpanel">2</div> <div class="tab-pane pad" id="messages9" role="tabpanel">3</div> </div> </div> </div> <!-- /.box-body --> </div> <!-- /.box --> </div> <!-- /.col --> </div> <!-- /.row --> <!-- END tabs --> </section> <!-- /.content --> </div> <!-- /.content-wrapper --> <footer class="main-footer"> <div class="pull-right d-none d-sm-inline-block"> <ul class="nav nav-primary nav-dotted nav-dot-separated justify-content-center justify-content-md-end"> <li class="nav-item"> <a class="nav-link" href="javascript:void(0)">FAQ</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Purchase Now</a> </li> </ul> </div> © 2018 <a href="https://www.multipurposethemes.com/">Multi-Purpose Themes</a>. All Rights Reserved. </footer> <!-- Control Sidebar --> <aside class="control-sidebar control-sidebar-dark"> <!-- Create the tabs --> <ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <li class="nav-item"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li class="nav-item"><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-cog fa-spin"></i></a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <!-- Home tab content --> <div class="tab-pane" id="control-sidebar-home-tab"> <h3 class="control-sidebar-heading">Recent Activity</h3> <ul class="control-sidebar-menu"> <li> <a href="javascript:void(0)"> <i class="menu-icon fa fa-birthday-cake bg-red"></i> <div class="menu-info"> <h4 class="control-sidebar-subheading">Admin Birthday</h4> <p>Will be July 24th</p> </div> </a> </li> <li> <a href="javascript:void(0)"> <i class="menu-icon fa fa-user bg-yellow"></i> <div class="menu-info"> <h4 class="control-sidebar-subheading">Jhone Updated His Profile</h4> <p>New Email : jhone_doe@demo.com</p> </div> </a> </li> <li> <a href="javascript:void(0)"> <i class="menu-icon fa fa-envelope-o bg-light-blue"></i> <div class="menu-info"> <h4 class="control-sidebar-subheading">Disha Joined Mailing List</h4> <p>disha@demo.com</p> </div> </a> </li> <li> <a href="javascript:void(0)"> <i class="menu-icon fa fa-file-code-o bg-green"></i> <div class="menu-info"> <h4 class="control-sidebar-subheading">Code Change</h4> <p>Execution time 15 Days</p> </div> </a> </li> </ul> <!-- /.control-sidebar-menu --> <h3 class="control-sidebar-heading">Tasks Progress</h3> <ul class="control-sidebar-menu"> <li> <a href="javascript:void(0)"> <h4 class="control-sidebar-subheading"> Web Design <span class="label labfx-danger pull-right">40%</span> </h4> <div class="progress progress-xxs"> <div class="progress-bar progress-bar-danger" style="width: 40%"></div> </div> </a> </li> <li> <a href="javascript:void(0)"> <h4 class="control-sidebar-subheading"> Update Data <span class="label labfx-success pull-right">75%</span> </h4> <div class="progress progress-xxs"> <div class="progress-bar progress-bar-success" style="width: 75%"></div> </div> </a> </li> <li> <a href="javascript:void(0)"> <h4 class="control-sidebar-subheading"> Order Process <span class="label labfx-warning pull-right">89%</span> </h4> <div class="progress progress-xxs"> <div class="progress-bar progress-bar-warning" style="width: 89%"></div> </div> </a> </li> <li> <a href="javascript:void(0)"> <h4 class="control-sidebar-subheading"> Development <span class="label labfx-primary pull-right">72%</span> </h4> <div class="progress progress-xxs"> <div class="progress-bar progress-bar-primary" style="width: 72%"></div> </div> </a> </li> </ul> <!-- /.control-sidebar-menu --> </div> <!-- /.tab-pane --> <!-- Stats tab content --> <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div> <!-- /.tab-pane --> <!-- Settings tab content --> <div class="tab-pane" id="control-sidebar-settings-tab"> <form method="post"> <h3 class="control-sidebar-heading">General Settings</h3> <div class="form-group"> <input type="checkbox" id="report_panel" class="chk-col-grey"> <label for="report_panel" class="control-sidebar-subheading ">Report panel usage</label> <p> general settings information </p> </div> <!-- /.form-group --> <div class="form-group"> <input type="checkbox" id="allow_mail" class="chk-col-grey"> <label for="allow_mail" class="control-sidebar-subheading ">Mail redirect</label> <p> Other sets of options are available </p> </div> <!-- /.form-group --> <div class="form-group"> <input type="checkbox" id="expose_author" class="chk-col-grey"> <label for="expose_author" class="control-sidebar-subheading ">Expose author name</label> <p> Allow the user to show his name in blog posts </p> </div> <!-- /.form-group --> <h3 class="control-sidebar-heading">Chat Settings</h3> <div class="form-group"> <input type="checkbox" id="show_me_online" class="chk-col-grey"> <label for="show_me_online" class="control-sidebar-subheading ">Show me as online</label> </div> <!-- /.form-group --> <div class="form-group"> <input type="checkbox" id="off_notifications" class="chk-col-grey"> <label for="off_notifications" class="control-sidebar-subheading ">Turn off notifications</label> </div> <!-- /.form-group --> <div class="form-group"> <label class="control-sidebar-subheading"> <a href="javascript:void(0)" class="text-red margin-r-5"><i class="fa fa-trash-o"></i></a> Delete chat history </label> </div> <!-- /.form-group --> </form> </div> <!-- /.tab-pane --> </div> </aside> <!-- /.control-sidebar --> <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar --> <div class="control-sidebar-bg"></div> </div> <!-- ./wrapper --> <!-- jQuery 3 --> <script src="../../../assets/vendor_components/jquery/dist/jquery.min.js"></script> <!-- popper --> <script src="../../../assets/vendor_components/popper/dist/popper.min.js"></script> <!-- Bootstrap 4.0--> <script src="../../../assets/vendor_components/bootstrap/dist/js/bootstrap.min.js"></script> <!-- SlimScroll --> <script src="../../../assets/vendor_components/jquery-slimscroll/jquery.slimscroll.min.js"></script> <!-- FastClick --> <script src="../../../assets/vendor_components/fastclick/lib/fastclick.js"></script> <!-- Crypto_Admin App --> <script src="../../js/template.js"></script> <!-- Crypto_Admin for demo purposes --> <script src="../../js/demo.js"></script> </body> <!-- Copied from http://html-templates.multipurposethemes.com/bootstrap-4/admin/crypto-admin/business-analytics-dashboard/pages/UI/tab.html by Cyotek WebCopy 1.3.0.405, 23 Nisan 2018 Pazartesi, 17:38:51 --> </html>
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula