[
MAINHACK
]
Mail Test
BC
Config Scan
HOME
Create...
New File
New Folder
Viewing / Editing File: widgets.html
<!DOCTYPE html> <html dir="ltr" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- Tell the browser to be responsive to screen width --> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <!-- Favicon icon --> <link rel="icon" type="image/png" sizes="16x16" href="../../assets/images/favicon.png"> <title>Matrix Template - The Ultimate Multipurpose admin template</title> <!-- Custom CSS --> <link href="../../dist/css/style.min.css" rel="stylesheet"> <!-- 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/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- ============================================================== --> <!-- Preloader - style you can find in spinners.css --> <!-- ============================================================== --> <div class="preloader"> <div class="lds-ripple"> <div class="lds-pos"></div> <div class="lds-pos"></div> </div> </div> <!-- ============================================================== --> <!-- Main wrapper - style you can find in pages.scss --> <!-- ============================================================== --> <div id="main-wrapper"> <!-- ============================================================== --> <!-- Topbar header - style you can find in pages.scss --> <!-- ============================================================== --> <header class="topbar" data-navbarbg="skin5"> <nav class="navbar top-navbar navbar-expand-md navbar-dark"> <div class="navbar-header" data-logobg="skin5"> <!-- This is for the sidebar toggle which is visible on mobile only --> <a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)"><i class="ti-menu ti-close"></i></a> <!-- ============================================================== --> <!-- Logo --> <!-- ============================================================== --> <a class="navbar-brand" href="index.html"> <!-- Logo icon --> <b class="logo-icon p-l-10"> <!--You can put here icon as well // <i class="wi wi-sunset"></i> //--> <!-- Dark Logo icon --> <img src="../../assets/images/logo-icon.png" alt="homepage" class="light-logo" /> </b> <!--End Logo icon --> <!-- Logo text --> <span class="logo-text"> <!-- dark Logo text --> <img src="../../assets/images/logo-text.png" alt="homepage" class="light-logo" /> </span> <!-- Logo icon --> <!-- <b class="logo-icon"> --> <!--You can put here icon as well // <i class="wi wi-sunset"></i> //--> <!-- Dark Logo icon --> <!-- <img src="../../assets/images/logo-text.png" alt="homepage" class="light-logo" /> --> <!-- </b> --> <!--End Logo icon --> </a> <!-- ============================================================== --> <!-- End Logo --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- Toggle which is visible on mobile only --> <!-- ============================================================== --> <a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i class="ti-more"></i></a> </div> <!-- ============================================================== --> <!-- End Logo --> <!-- ============================================================== --> <div class="navbar-collapse collapse" id="navbarSupportedContent" data-navbarbg="skin5"> <!-- ============================================================== --> <!-- toggle and nav items --> <!-- ============================================================== --> <ul class="navbar-nav float-left mr-auto"> <li class="nav-item d-none d-md-block"><a class="nav-link sidebartoggler waves-effect waves-light" href="javascript:void(0)" data-sidebartype="mini-sidebar"><i class="mdi mdi-menu font-24"></i></a></li> <!-- ============================================================== --> <!-- create new --> <!-- ============================================================== --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="d-none d-md-block">Create New <i class="fa fa-angle-down"></i></span> <span class="d-block d-md-none"><i class="fa fa-plus"></i></span> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Something else here</a> </div> </li> <!-- ============================================================== --> <!-- Search --> <!-- ============================================================== --> <li class="nav-item search-box"> <a class="nav-link waves-effect waves-dark" href="javascript:void(0)"><i class="ti-search"></i></a> <form class="app-search position-absolute"> <input type="text" class="form-control" placeholder="Search & enter"> <a class="srh-btn"><i class="ti-close"></i></a> </form> </li> </ul> <!-- ============================================================== --> <!-- Right side toggle and nav items --> <!-- ============================================================== --> <ul class="navbar-nav float-right"> <!-- ============================================================== --> <!-- Comment --> <!-- ============================================================== --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="mdi mdi-bell font-24"></i> </a> <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Something else here</a> </div> </li> <!-- ============================================================== --> <!-- End Comment --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- Messages --> <!-- ============================================================== --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle waves-effect waves-dark" href="" id="2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="font-24 mdi mdi-comment-processing"></i> </a> <div class="dropdown-menu dropdown-menu-right mailbox animated bounceInDown" aria-labelledby="2"> <ul class="list-style-none"> <li> <div class=""> <!-- Message --> <a href="javascript:void(0)" class="link border-top"> <div class="d-flex no-block align-items-center p-10"> <span class="btn btn-success btn-circle"><i class="ti-calendar"></i></span> <div class="m-l-10"> <h5 class="m-b-0">Event today</h5> <span class="mail-desc">Just a reminder that event</span> </div> </div> </a> <!-- Message --> <a href="javascript:void(0)" class="link border-top"> <div class="d-flex no-block align-items-center p-10"> <span class="btn btn-info btn-circle"><i class="ti-settings"></i></span> <div class="m-l-10"> <h5 class="m-b-0">Settings</h5> <span class="mail-desc">You can customize this template</span> </div> </div> </a> <!-- Message --> <a href="javascript:void(0)" class="link border-top"> <div class="d-flex no-block align-items-center p-10"> <span class="btn btn-primary btn-circle"><i class="ti-user"></i></span> <div class="m-l-10"> <h5 class="m-b-0">Pavan kumar</h5> <span class="mail-desc">Just see the my admin!</span> </div> </div> </a> <!-- Message --> <a href="javascript:void(0)" class="link border-top"> <div class="d-flex no-block align-items-center p-10"> <span class="btn btn-danger btn-circle"><i class="fa fa-link"></i></span> <div class="m-l-10"> <h5 class="m-b-0">Luanch Admin</h5> <span class="mail-desc">Just see the my new admin!</span> </div> </div> </a> </div> </li> </ul> </div> </li> <!-- ============================================================== --> <!-- End Messages --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- User profile and search --> <!-- ============================================================== --> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark pro-pic" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../../assets/images/users/1.jpg" alt="user" class="rounded-circle" width="31"></a> <div class="dropdown-menu dropdown-menu-right user-dd animated"> <a class="dropdown-item" href="javascript:void(0)"><i class="ti-user m-r-5 m-l-5"></i> My Profile</a> <a class="dropdown-item" href="javascript:void(0)"><i class="ti-wallet m-r-5 m-l-5"></i> My Balance</a> <a class="dropdown-item" href="javascript:void(0)"><i class="ti-email m-r-5 m-l-5"></i> Inbox</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="javascript:void(0)"><i class="ti-settings m-r-5 m-l-5"></i> Account Setting</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="javascript:void(0)"><i class="fa fa-power-off m-r-5 m-l-5"></i> Logout</a> <div class="dropdown-divider"></div> <div class="p-l-30 p-10"><a href="javascript:void(0)" class="btn btn-sm btn-success btn-rounded">View Profile</a></div> </div> </li> <!-- ============================================================== --> <!-- User profile and search --> <!-- ============================================================== --> </ul> </div> </nav> </header> <!-- ============================================================== --> <!-- End Topbar header --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- Left Sidebar - style you can find in sidebar.scss --> <!-- ============================================================== --> <aside class="left-sidebar" data-sidebarbg="skin5"> <!-- Sidebar scroll--> <div class="scroll-sidebar"> <!-- Sidebar navigation--> <nav class="sidebar-nav"> <ul id="sidebarnav" class="p-t-30"> <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="index.html" aria-expanded="false"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu">Dashboard</span></a></li> <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="charts.html" aria-expanded="false"><i class="mdi mdi-chart-bar"></i><span class="hide-menu">Charts</span></a></li> <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="widgets.html" aria-expanded="false"><i class="mdi mdi-chart-bubble"></i><span class="hide-menu">Widgets</span></a></li> <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="tables.html" aria-expanded="false"><i class="mdi mdi-border-inside"></i><span class="hide-menu">Tables</span></a></li> <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="grid.html" aria-expanded="false"><i class="mdi mdi-blur-linear"></i><span class="hide-menu">Full Width</span></a></li> <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-receipt"></i><span class="hide-menu">Forms </span></a> <ul aria-expanded="false" class="collapse first-level"> <li class="sidebar-item"><a href="form-basic.html" class="sidebar-link"><i class="mdi mdi-note-outline"></i><span class="hide-menu"> Form Basic </span></a></li> <li class="sidebar-item"><a href="form-wizard.html" class="sidebar-link"><i class="mdi mdi-note-plus"></i><span class="hide-menu"> Form Wizard </span></a></li> </ul> </li> <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="pages-buttons.html" aria-expanded="false"><i class="mdi mdi-relative-scale"></i><span class="hide-menu">Buttons</span></a></li> <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-face"></i><span class="hide-menu">Icons </span></a> <ul aria-expanded="false" class="collapse first-level"> <li class="sidebar-item"><a href="icon-material.html" class="sidebar-link"><i class="mdi mdi-emoticon"></i><span class="hide-menu"> Material Icons </span></a></li> <li class="sidebar-item"><a href="icon-fontawesome.html" class="sidebar-link"><i class="mdi mdi-emoticon-cool"></i><span class="hide-menu"> Font Awesome Icons </span></a></li> </ul> </li> <li class="sidebar-item"> <a class="sidebar-link waves-effect waves-dark sidebar-link" href="pages-elements.html" aria-expanded="false"><i class="mdi mdi-pencil"></i><span class="hide-menu">Elements</span></a></li> <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-move-resize-variant"></i><span class="hide-menu">Addons </span></a> <ul aria-expanded="false" class="collapse first-level"> <li class="sidebar-item"><a href="index2.html" class="sidebar-link"><i class="mdi mdi-view-dashboard"></i><span class="hide-menu"> Dashboard-2 </span></a></li> <li class="sidebar-item"><a href="pages-gallery.html" class="sidebar-link"><i class="mdi mdi-multiplication-box"></i><span class="hide-menu"> Gallery </span></a></li> <li class="sidebar-item"><a href="pages-calendar.html" class="sidebar-link"><i class="mdi mdi-calendar-check"></i><span class="hide-menu"> Calendar </span></a></li> <li class="sidebar-item"><a href="pages-invoice.html" class="sidebar-link"><i class="mdi mdi-bulletin-board"></i><span class="hide-menu"> Invoice </span></a></li> <li class="sidebar-item"><a href="pages-chat.html" class="sidebar-link"><i class="mdi mdi-message-outline"></i><span class="hide-menu"> Chat Option </span></a></li> </ul> </li> <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-account-key"></i><span class="hide-menu">Authentication </span></a> <ul aria-expanded="false" class="collapse first-level"> <li class="sidebar-item"><a href="authentication-login.html" class="sidebar-link"><i class="mdi mdi-all-inclusive"></i><span class="hide-menu"> Login </span></a></li> <li class="sidebar-item"><a href="authentication-register.html" class="sidebar-link"><i class="mdi mdi-all-inclusive"></i><span class="hide-menu"> Register </span></a></li> </ul> </li> <li class="sidebar-item"> <a class="sidebar-link has-arrow waves-effect waves-dark" href="javascript:void(0)" aria-expanded="false"><i class="mdi mdi-alert"></i><span class="hide-menu">Errors </span></a> <ul aria-expanded="false" class="collapse first-level"> <li class="sidebar-item"><a href="error-403.html" class="sidebar-link"><i class="mdi mdi-alert-octagon"></i><span class="hide-menu"> Error 403 </span></a></li> <li class="sidebar-item"><a href="error-404.html" class="sidebar-link"><i class="mdi mdi-alert-octagon"></i><span class="hide-menu"> Error 404 </span></a></li> <li class="sidebar-item"><a href="error-405.html" class="sidebar-link"><i class="mdi mdi-alert-octagon"></i><span class="hide-menu"> Error 405 </span></a></li> <li class="sidebar-item"><a href="error-500.html" class="sidebar-link"><i class="mdi mdi-alert-octagon"></i><span class="hide-menu"> Error 500 </span></a></li> </ul> </li> </ul> </nav> <!-- End Sidebar navigation --> </div> <!-- End Sidebar scroll--> </aside> <!-- ============================================================== --> <!-- End Left Sidebar - style you can find in sidebar.scss --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- Page wrapper --> <!-- ============================================================== --> <div class="page-wrapper"> <!-- ============================================================== --> <!-- Bread crumb and right sidebar toggle --> <!-- ============================================================== --> <div class="page-breadcrumb"> <div class="row"> <div class="col-12 d-flex no-block align-items-center"> <h4 class="page-title">Widgets</h4> <div class="ml-auto text-right"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Home</a></li> <li class="breadcrumb-item active" aria-current="page">Library</li> </ol> </nav> </div> </div> </div> </div> <!-- ============================================================== --> <!-- End Bread crumb and right sidebar toggle --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- Container fluid --> <!-- ============================================================== --> <div class="container-fluid"> <!-- ============================================================== --> <!-- Start Page Content --> <!-- ============================================================== --> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <h4 class="card-title m-b-0">Recent Posts</h4> </div> <div class="comment-widgets scrollable"> <!-- Comment Row --> <div class="d-flex flex-row comment-row m-t-0"> <div class="p-2"><img src="../../assets/images/users/1.jpg" alt="user" width="50" class="rounded-circle"></div> <div class="comment-text w-100"> <h6 class="font-medium">James Anderson</h6> <span class="m-b-15 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span> <div class="comment-footer"> <span class="text-muted float-right">April 14, 2016</span> <button type="button" class="btn btn-cyan btn-sm">Edit</button> <button type="button" class="btn btn-success btn-sm">Publish</button> <button type="button" class="btn btn-danger btn-sm">Delete</button> </div> </div> </div> <!-- Comment Row --> <div class="d-flex flex-row comment-row"> <div class="p-2"><img src="../../assets/images/users/4.jpg" alt="user" width="50" class="rounded-circle"></div> <div class="comment-text active w-100"> <h6 class="font-medium">Michael Jorden</h6> <span class="m-b-15 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span> <div class="comment-footer"> <span class="text-muted float-right">May 10, 2016</span> <button type="button" class="btn btn-cyan btn-sm">Edit</button> <button type="button" class="btn btn-success btn-sm">Publish</button> <button type="button" class="btn btn-danger btn-sm">Delete</button> </div> </div> </div> <!-- Comment Row --> <div class="d-flex flex-row comment-row"> <div class="p-2"><img src="../../assets/images/users/5.jpg" alt="user" width="50" class="rounded-circle"></div> <div class="comment-text w-100"> <h6 class="font-medium">Johnathan Doeting</h6> <span class="m-b-15 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span> <div class="comment-footer"> <span class="text-muted float-right">August 1, 2016</span> <button type="button" class="btn btn-cyan btn-sm">Edit</button> <button type="button" class="btn btn-success btn-sm">Publish</button> <button type="button" class="btn btn-danger btn-sm">Delete</button> </div> </div> </div> <!-- Comment Row --> <div class="d-flex flex-row comment-row"> <div class="p-2"><img src="../../assets/images/users/4.jpg" alt="user" width="50" class="rounded-circle"></div> <div class="comment-text w-100"> <h6 class="font-medium">Johnathan Doeting</h6> <span class="m-b-15 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span> <div class="comment-footer"> <span class="text-muted float-right">August 1, 2016</span> <button type="button" class="btn btn-cyan btn-sm">Edit</button> <button type="button" class="btn btn-success btn-sm">Publish</button> <button type="button" class="btn btn-danger btn-sm">Delete</button> </div> </div> </div> <!-- Comment Row --> <div class="d-flex flex-row comment-row"> <div class="p-2"><img src="../../assets/images/users/3.jpg" alt="user" width="50" class="rounded-circle"></div> <div class="comment-text w-100"> <h6 class="font-medium">Johnathan Doeting</h6> <span class="m-b-15 d-block">Lorem Ipsum is simply dummy text of the printing and type setting industry. </span> <div class="comment-footer"> <span class="text-muted float-right">August 1, 2016</span> <button type="button" class="btn btn-cyan btn-sm">Edit</button> <button type="button" class="btn btn-success btn-sm">Publish</button> <button type="button" class="btn btn-danger btn-sm">Delete</button> </div> </div> </div> </div> </div> <!-- accoridan part --> <div class="accordion" id="accordionExample"> <div class="card m-b-0"> <div class="card-header" id="headingOne"> <h5 class="mb-0"> <a data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <i class="m-r-5 fa fa-magnet" aria-hidden="true"></i> <span>Accordion Example 1</span> </a> </h5> </div> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample"> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </div> </div> </div> <div class="card m-b-0 border-top"> <div class="card-header" id="headingTwo"> <h5 class="mb-0"> <a class="collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> <i class="m-r-5 fa fa-magnet" aria-hidden="true"></i> <span>Accordion Example 2</span> </a> </h5> </div> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample"> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </div> </div> </div> <div class="card m-b-0 border-top"> <div class="card-header" id="headingThree"> <h5 class="mb-0"> <a class="collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> <i class="m-r-5 fa fa-magnet" aria-hidden="true"></i> <span>Accordion Example 3</span> </a> </h5> </div> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample"> <div class="card-body"> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. </div> </div> </div> </div> <!-- toggle part --> <div id="accordian-4"> <div class="card m-t-30"> <a class="card-header link" data-toggle="collapse" data-parent="#accordian-4" href="#Toggle-1" aria-expanded="true" aria-controls="Toggle-1"> <i class="fa fa-arrow-right" aria-hidden="true"></i> <span>Toggle, Open by default</span> </a> <div id="Toggle-1" class="collapse show multi-collapse"> <div class="card-body widget-content"> This box is opened by default, paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end. </div> </div> <a class="card-header link border-top" data-toggle="collapse" data-parent="#accordian-4" href="#Toggle-2" aria-expanded="false" aria-controls="Toggle-2"> <i class="fa fa-times" aria-hidden="true"></i> <span>Toggle, Closed by default</span> </a> <div id="Toggle-2" class="multi-collapse collapse" style=""> <div class="card-body widget-content"> This box is now open </div> </div> <a class="card-header link collapsed border-top" data-toggle="collapse" data-parent="#accordian-4" href="#Toggle-3" aria-expanded="false" aria-controls="Toggle-3"> <i class="fa fa-times" aria-hidden="true"></i> <span>Toggle, Closed by default</span> </a> <div id="Toggle-3" class="collapse multi-collapse"> <div class="card-body widget-content"> This box is now open </div> </div> </div> </div> <!-- card new --> <div class="card"> <div class="card-body"> <h4 class="card-title m-b-0">News Updates</h4> </div> <ul class="list-style-none"> <li class="d-flex no-block card-body"> <i class="fa fa-check-circle w-30px m-t-5"></i> <div> <a href="#" class="m-b-0 font-medium p-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a> <span class="text-muted">dolor sit amet, consectetur adipiscing</span> </div> <div class="ml-auto"> <div class="tetx-right"> <h5 class="text-muted m-b-0">20</h5> <span class="text-muted font-16">Jan</span> </div> </div> </li> <li class="d-flex no-block card-body border-top"> <i class="fa fa-gift w-30px m-t-5"></i> <div> <a href="#" class="m-b-0 font-medium p-0">Congratulation Maruti, Happy Birthday</a> <span class="text-muted">many many happy returns of the day</span> </div> <div class="ml-auto"> <div class="tetx-right"> <h5 class="text-muted m-b-0">11</h5> <span class="text-muted font-16">Jan</span> </div> </div> </li> <li class="d-flex no-block card-body border-top"> <i class="fa fa-plus w-30px m-t-5"></i> <div> <a href="#" class="m-b-0 font-medium p-0">Maruti is a Responsive Admin theme</a> <span class="text-muted">But already everything was solved. It will ...</span> </div> <div class="ml-auto"> <div class="tetx-right"> <h5 class="text-muted m-b-0">19</h5> <span class="text-muted font-16">Jan</span> </div> </div> </li> <li class="d-flex no-block card-body border-top"> <i class="fa fa-leaf w-30px m-t-5"></i> <div> <a href="#" class="m-b-0 font-medium p-0">Envato approved Maruti Admin template</a> <span class="text-muted">i am very happy to approved by TF</span> </div> <div class="ml-auto"> <div class="tetx-right"> <h5 class="text-muted m-b-0">20</h5> <span class="text-muted font-16">Jan</span> </div> </div> </li> <li class="d-flex no-block card-body border-top"> <i class="fa fa-question-circle w-30px m-t-5"></i> <div> <a href="#" class="m-b-0 font-medium p-0"> I am alwayse here if you have any question</a> <span class="text-muted">we glad that you choose our template</span> </div> <div class="ml-auto"> <div class="tetx-right"> <h5 class="text-muted m-b-0">15</h5> <span class="text-muted font-16">Jan</span> </div> </div> </li> <li class="d-flex no-block card-body border-top"> <i class="fa fa-plus w-30px m-t-5"></i> <div> <a href="#" class="m-b-0 font-medium p-0">Maruti is a Responsive Admin theme</a> <span class="text-muted">But already everything was solved. It will ...</span> </div> <div class="ml-auto"> <div class="tetx-right"> <h5 class="text-muted m-b-0">19</h5> <span class="text-muted font-16">Jan</span> </div> </div> </li> </ul> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-body"> <h5 class="card-title m-b-0">Tasks</h5> </div> <table class="table"> <thead> <tr> <th scope="col">Description</th> <th scope="col">Status</th> <th scope="col">Actions</th> </tr> </thead> <tbody> <tr> <td>Making The New Suit</td> <td class="text-success">Progress</td> <td> <a href="#" data-toggle="tooltip" data-placement="top" title="Update"> <i class="mdi mdi-check"></i> </a> <a href="#" data-toggle="tooltip" data-placement="top" title="Delete"> </i><i class="mdi mdi-close"></i> </a> </td> </tr> <tr> <td>Luanch My New Site</td> <td class="text-warning">Pending</td> <td> <a href="#" data-toggle="tooltip" data-placement="top" title="Update"> <i class="mdi mdi-check"></i> </a> <a href="#" data-toggle="tooltip" data-placement="top" title="Delete"> </i><i class="mdi mdi-close"></i> </a> </td> </tr> <tr> <td>Maruti Excellant Theme</td> <td class="text-danger">Cancled</td> <td> <a href="#" data-toggle="tooltip" data-placement="top" title="Update"> <i class="mdi mdi-check"></i> </a> <a href="#" data-toggle="tooltip" data-placement="top" title="Delete"> </i><i class="mdi mdi-close"></i> </a> </td> </tr> </tbody> </table> </div> <!-- card new --> <div class="card"> <div class="card-body"> <h4 class="card-title m-b-0">Recent Activity</h4> </div> <ul class="list-style-none"> <li class="card-body"> <a href="#" class="m-b-0 p-0"> <div class="d-flex no-block"> <i class="fa fa-check-circle w-30px m-t-5"></i> <div> <span class="font-bold">Themeforest</span> Approved My college <span class="font-bold">1 user</span> <span>2 Hours Ago</span> </div> </div> </a> </li> <li class="card-body border-top"> <a href="#" class="m-b-0 p-0"> <div class="d-flex no-block"> <i class="fa fa-gift w-30px m-t-5"></i> <div> <span class="font-bold">My College is PSD Template</span> Theme <span>2 Months Ago</span> </div> </div> </a> </li> <li class="card-body border-top"> <a href="#" class="m-b-0 p-0"> <div class="d-flex no-block"> <i class="fa fa-plus w-30px m-t-5"></i> <div> <span class="font-bold">Lorem ipsum doler set</span> adadas <span>21 Days Ago</span> </div> </div> </a> </li> <li class="card-body border-top"> <a href="#" class="m-b-0 p-0"> <div class="d-flex no-block"> <i class="fa fa-leaf w-30px m-t-5"></i> <div> <span class="font-bold">ITs my first admin</span> so very excited. <span>20 Days Ago</span> </div> </div> </a> </li> <li class="card-body border-top"> <a href="#" class="m-b-0 p-0"> <div class="d-flex no-block"> <i class="fa fa-user w-30px m-t-5"></i> <div> <span class="font-bold"> I am alwayse here </span>you have any question <span>12 Days Ago</span> </div> </div> </a> </li> </ul> </div> <!-- Tabs --> <div class="card"> <!-- 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"></span> <span class="hidden-xs-down">Tab1</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#profile" role="tab"><span class="hidden-sm-up"></span> <span class="hidden-xs-down">Tab2</span></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#messages" role="tab"><span class="hidden-sm-up"></span> <span class="hidden-xs-down">Tab3</span></a> </li> </ul> <!-- Tab panes --> <div class="tab-content tabcontent-border"> <div class="tab-pane active" id="home" role="tabpanel"> <div class="p-20"> <p>And is full of waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end.multiple paragraphs and is full of waffle to pad out the comment..</p> <img src="../../assets/images/background/img4.jpg" class="img-fluid"> </div> </div> <div class="tab-pane p-20" id="profile" role="tabpanel"> <div class="p-20"> <img src="../../assets/images/background/img4.jpg" class="img-fluid"> <p class="m-t-10">And is full of waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end.multiple paragraphs and is full of waffle to pad out the comment..</p> </div> </div> <div class="tab-pane p-20" id="messages" role="tabpanel"> <div class="p-20"> <p>And is full of waffle to It has multiple paragraphs and is full of waffle to pad out the comment. Usually, you just wish these sorts of comments would come to an end.multiple paragraphs and is full of waffle to pad out the comment..</p> <img src="../../assets/images/background/img4.jpg" class="img-fluid"> </div> </div> </div> </div> <!-- Card --> <div class="card"> <div class="card-body"> <h4 class="card-title">To Do List</h4> <div class="todo-widget scrollable" style="height:450px;"> <ul class="list-task todo-list list-group m-b-0" data-role="tasklist"> <li class="list-group-item todo-item" data-role="task"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="customCheck"> <label class="custom-control-label todo-label" for="customCheck"> <span class="todo-desc">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span> <span class="badge badge-pill badge-danger float-right">Today</span> </label> </div> <ul class="list-style-none assignedto"> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/1.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Steave"></li> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/2.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Jessica"></li> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/3.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Priyanka"></li> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selina"></li> </ul> </li> <li class="list-group-item todo-item" data-role="task"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="customCheck1"> <label class="custom-control-label todo-label" for="customCheck1"> <span class="todo-desc">Lorem Ipsum is simply dummy text of the printing</span><span class="badge badge-pill badge-primary float-right">1 week </span> </label> </div> <div class="item-date"> 26 jun 2017</div> </li> <li class="list-group-item todo-item" data-role="task"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="customCheck2"> <label class="custom-control-label todo-label" for="customCheck2"> <span class="todo-desc">Give Purchase report to</span> <span class="badge badge-pill badge-info float-right">Yesterday</span> </label> </div> <ul class="list-style-none assignedto"> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/3.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Priyanka"></li> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selina"></li> </ul> </li> <li class="list-group-item todo-item" data-role="task"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="customCheck3"> <label class="custom-control-label todo-label" for="customCheck3"> <span class="todo-desc">Lorem Ipsum is simply dummy text of the printing </span> <span class="badge badge-pill badge-warning float-right">2 weeks</span> </label> </div> <div class="item-date"> 26 jun 2017</div> </li> <li class="list-group-item todo-item" data-role="task"> <div class="custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" id="customCheck4"> <label class="custom-control-label todo-label" for="customCheck4"> <span class="todo-desc">Give Purchase report to</span> <span class="badge badge-pill badge-info float-right">Yesterday</span> </label> </div> <ul class="list-style-none assignedto"> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/3.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Priyanka"></li> <li class="assignee"><img class="rounded-circle" width="40" src="../../assets/images/users/4.jpg" alt="user" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selina"></li> </ul> </li> </ul> </div> </div> </div> <!-- card --> <div class="card"> <div class="card-body"> <h4 class="card-title">Progress Box</h4> <div class="m-t-20"> <div class="d-flex no-block align-items-center"> <span>81% Clicks</span> <div class="ml-auto"> <span>125</span> </div> </div> <div class="progress"> <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 81%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="m-t-25"> <div class="d-flex no-block align-items-center m-t-15"> <span>72% Uniquie Clicks</span> <div class="ml-auto"> <span>120</span> </div> </div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 72%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="m-t-25"> <div class="d-flex no-block align-items-center m-t-15"> <span>53% Impressions</span> <div class="ml-auto"> <span>785</span> </div> </div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 53%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> <div class="m-t-25"> <div class="d-flex no-block align-items-center m-t-15"> <span>3% Online Users</span> <div class="ml-auto"> <span>8</span> </div> </div> <div class="progress"> <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 3%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div> </div> </div> </div> </div> </div> </div> <!-- row --> <div class="row"> <div class="col-md-4"> <div class="card"> <div class="card-body"> <h5 class="card-title m-b-0">Browesr statistics</h5> </div> <table class="table"> <thead> <tr> <th scope="col">Browser</th> <th scope="col">Visits</th> </tr> </thead> <tbody> <tr> <td>Chrome</td> <td>8850</td> </tr> <tr> <td>Firefox</td> <td>1200</td> </tr> <tr> <td>Internet Explorer</td> <td>1540</td> </tr> <tr> <td>Opera</td> <td>1230</td> </tr> <tr> <td>Safari</td> <td>1590</td> </tr> </tbody> </table> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-body"> <h5 class="card-title m-b-0">Website statistics</h5> </div> <table class="table"> <thead> <tr> <th scope="col">Site</th> <th scope="col">Visits</th> </tr> </thead> <tbody> <tr> <td><a href="#" class="link">Themeforest.com</a></td> <td>1240</td> </tr> <tr> <td><a href="#" class="link">Themedesigner.in</a></td> <td>1200</td> </tr> <tr> <td><a href="#" class="link">Themedesigner.in</a></td> <td>1542</td> </tr> <tr> <td><a href="#" class="link">Themedesigner.in</a></td> <td>1230</td> </tr> <tr> <td><a href="#" class="link">Themedesigner.in</a></td> <td>1542</td> </tr> </tbody> </table> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-body"> <h5 class="card-title m-b-0">Visited Pages</h5> </div> <table class="table"> <thead> <tr> <th scope="col">Page</th> <th scope="col">Visits</th> </tr> </thead> <tbody> <tr> <td><a href="#" class="link">Freebies</a></td> <td>1240</td> </tr> <tr> <td><a href="#" class="link">Blog</a></td> <td>1200</td> </tr> <tr> <td><a href="#" class="link">Work</a></td> <td>1542</td> </tr> <tr> <td><a href="#" class="link">Site Template</a></td> <td>1230</td> </tr> <tr> <td><a href="#" class="link">All categories</a></td> <td>1542</td> </tr> </tbody> </table> </div> </div> </div> <!-- ============================================================== --> <!-- End PAge Content --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- Right sidebar --> <!-- ============================================================== --> <!-- .right-sidebar --> <!-- ============================================================== --> <!-- End Right sidebar --> <!-- ============================================================== --> </div> <!-- ============================================================== --> <!-- End Container fluid --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- footer --> <!-- ============================================================== --> <footer class="footer text-center"> All Rights Reserved by Matrix-admin. Designed and Developed by <a href="https://wrappixel.com">WrapPixel</a>. </footer> <!-- ============================================================== --> <!-- End footer --> <!-- ============================================================== --> </div> <!-- ============================================================== --> <!-- End Page wrapper --> <!-- ============================================================== --> </div> <!-- ============================================================== --> <!-- End Wrapper --> <!-- ============================================================== --> <!-- ============================================================== --> <!-- All Jquery --> <!-- ============================================================== --> <script src="../../assets/libs/jquery/dist/jquery.min.js"></script> <!-- Bootstrap tether Core JavaScript --> <script src="../../assets/libs/popper.js/dist/umd/popper.min.js"></script> <script src="../../assets/libs/bootstrap/dist/js/bootstrap.min.js"></script> <!-- slimscrollbar scrollbar JavaScript --> <script src="../../assets/libs/perfect-scrollbar/dist/perfect-scrollbar.jquery.min.js"></script> <script src="../../assets/extra-libs/sparkline/sparkline.js"></script> <!--Wave Effects --> <script src="../../dist/js/waves.js"></script> <!--Menu sidebar --> <script src="../../dist/js/sidebarmenu.js"></script> <!--Custom JavaScript --> <script src="../../dist/js/custom.min.js"></script> </body> </html>
Save Changes
Cancel / Back
Close ×
Server Info
Hostname: server05.hostinghome.co.in
Server IP: 192.168.74.40
PHP Version: 7.4.33
Server Software: Apache
System: Linux server05.hostinghome.co.in 3.10.0-962.3.2.lve1.5.81.el7.x86_64 #1 SMP Wed May 31 10:36:47 UTC 2023 x86_64
HDD Total: 1.95 TB
HDD Free: 677.75 GB
Domains on IP: N/A (Requires external lookup)
System Features
Safe Mode:
Off
disable_functions:
None
allow_url_fopen:
On
allow_url_include:
Off
magic_quotes_gpc:
Off
register_globals:
Off
open_basedir:
None
cURL:
Enabled
ZipArchive:
Disabled
MySQLi:
Enabled
PDO:
Enabled
wget:
Yes
curl (cmd):
Yes
perl:
Yes
python:
Yes
gcc:
Yes
pkexec:
No
git:
Yes
User Info
Username: itsweb
User ID (UID): 1619
Group ID (GID): 1621
Script Owner UID: 1619
Current Dir Owner: 1619