solocla/cimacrestyle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Primo commit: trasferimento del progetto PPEasy

Browse Source
This commit is contained in:
Claudio
2024-09-18 10:30:50 +02:00
commit eb475f257e
4233 changed files with 1043848 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/apps/calendar.html
+474
View File
@@ -0,0 +1,474 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!--calendar css-->
<link href="../../plugins/fullcalendar/packages/core/main.css" rel="stylesheet" />
<link href="../../plugins/fullcalendar/packages/daygrid/main.css" rel="stylesheet" />
<link href="../../plugins/fullcalendar/packages/bootstrap/main.css" rel="stylesheet" />
<link href="../../plugins/fullcalendar/packages/timegrid/main.css" rel="stylesheet" />
<link href="../../plugins/fullcalendar/packages/list/main.css" rel="stylesheet" />
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li>
<li class="breadcrumb-item active">Calendar</li>
</ol>
</div>
<h4 class="page-title">Calendar</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<img src="../assets/images/widgets/calendar.svg" alt="" class="img-fluid">
<ul class="list-group">
<li class="list-group-item align-items-center d-flex">
<div class="media">
<img src="../assets/images/widgets/project1.jpg" class="mr-3 thumb-sm align-self-center rounded-circle" alt="...">
<div class="media-body align-self-center">
<h5 class="mt-0 mb-1">Meeting with UI/UX Designers</h5>
<p class="text-muted mb-0">Today 07:30 AM</p>
</div><!--end media body-->
</div>
</li>
<li class="list-group-item align-items-center ">
<div class="media">
<img src="../assets/images/users/user-5.jpg" class="mr-3 thumb-sm align-self-center rounded-circle" alt="...">
<div class="media-body align-self-center">
<h5 class="mt-0 mb-1">Lunch with my friend</h5>
<p class="text-muted mb-0">Today 12:30 PM</p>
</div><!--end media body-->
</div>
</li>
<li class="list-group-item align-items-center">
<div class="media">
<img src="../assets/images/widgets/project3.jpg" class="mr-3 thumb-sm align-self-center rounded-circle" alt="...">
<div class="media-body align-self-center">
<h5 class="mt-0 mb-1">Call for payment Project ID : #254136</h5>
<p class="text-muted mb-0">Tomorrow 10:30 AM</p>
</div><!--end media body-->
</div>
</li>
<li class="list-group-item align-items-center ">
<div class="media">
<img src="../assets/images/users/user-4.jpg" class="mr-3 thumb-sm align-self-center rounded-circle" alt="...">
<div class="media-body align-self-center">
<h5 class="mt-0 mb-1">Picnic with my Family</h5>
<p class="text-muted mb-0">01 June 2019 - 09:30 AM</p>
</div><!--end media body-->
</div>
</li>
<li class="list-group-item align-items-center">
<div class="media">
<img src="../assets/images/widgets/project4.jpg" class="mr-3 thumb-sm align-self-center rounded-circle" alt="...">
<div class="media-body align-self-center">
<h5 class="mt-0 mb-1">Meeting with Developers</h5>
<p class="text-muted mb-0">04 June 2019 - 07:30 AM</p>
</div><!--end media body-->
</div>
</li>
</ul>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<div id='calendar'></div>
<div style='clear:both'></div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!-- End row -->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../../plugins/moment/moment.js"></script>
<script src='../../plugins/fullcalendar/packages/core/main.js'></script>
<script src='../../plugins/fullcalendar/packages/daygrid/main.js'></script>
<script src='../../plugins/fullcalendar/packages/timegrid/main.js'></script>
<script src='../../plugins/fullcalendar/packages/interaction/main.js'></script>
<script src='../../plugins/fullcalendar/packages/list/main.js'></script>
<script src='../assets/pages/jquery.calendar.js'></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/chat.html
+891
View File
@@ -0,0 +1,891 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../dashboard/crm-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li>
<li class="breadcrumb-item active">Chat</li>
</ol>
</div>
<h4 class="page-title">Chat</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-12">
<div class="chat-box-left">
<ul class="nav nav-pills mb-3 nav-justified" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="general_chat_tab" data-toggle="pill" href="#general_chat">General</a>
</li>
<li class="nav-item">
<a class="nav-link" id="group_chat_tab" data-toggle="pill" href="#group_chat">Groups</a>
</li>
<li class="nav-item">
<a class="nav-link" id="personal_chat_tab" data-toggle="pill" href="#personal_chat">Personal</a>
</li>
</ul>
<div class="chat-search">
<div class="form-group">
<div class="input-group">
<input type="text" id="chat-search" name="chat-search" class="form-control" placeholder="Search">
<span class="input-group-append">
<button type="button" class="btn btn-gradient-primary shadow-none"><i class="fas fa-search"></i></button>
</span>
</div>
</div>
</div><!--end chat-search-->
<div class="tab-content chat-list slimscroll" id="pills-tabContent">
<div class="tab-pane fade show active" id="general_chat">
<a href="" class="media new-message">
<div class="media-left">
<img src="../assets/images/users/user-1.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-success"></span>
</div><!-- media-left -->
<div class="media-body">
<div class="d-inline-block">
<h6>Daniel Madsen</h6>
<p>Good morning! Congratulations Friend...</p>
</div>
<div>
<span>20 Feb</span>
<span>3</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media new-message">
<div class="media-left">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-success"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Robert Jefferson</h6>
<p>Congratulations Friend...</p>
</div>
<div>
<span>20 Feb</span>
<span>1</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Jesse Ross</h6>
<p>How are you Friend...</p>
</div>
<div>
<span>15 Feb</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Mary Schneider</h6>
<p>Have A Nice day...</p>
</div>
<div>
<span>14 Feb</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-success"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>David Herrmann</h6>
<p>Good morning! How are you?</p>
</div>
<div>
<span>10 Feb</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Mary Hayes</h6>
<p>How are you Friend...</p>
</div>
<div>
<span>1 Feb</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Rita Duarte</h6>
<p>Have A Nice day...</p>
</div>
<div>
<span>30 Jan</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Dennis Wilson</h6>
<p>Good morning! How are you?</p>
</div>
<div>
<span>26 Jan</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
</div><!--end general chat-->
<div class="tab-pane fade" id="group_chat">
<a href="" class="media new-message">
<div class="media-left">
<div class="avatar-box thumb-md align-self-center mr-2">
<span class="avatar-title bg-primary rounded-circle"><i class="fab fa-quinscape"></i></span>
</div>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Design Group</h6>
<p>Good morning! How are you?</p>
</div>
<div>
<span>20 Feb</span>
<span>1</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<div class="avatar-box thumb-md align-self-center mr-2">
<span class="avatar-title bg-success rounded-circle"><i class="fab fa-connectdevelop"></i></span>
</div>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Front end Developers</h6>
<p>Have A Nice day...</p>
</div>
<div>
<span>15 Feb</span>
</div>
</div><!-- end media-body -->
</a> <!--end media-->
<a href="" class="media">
<div class="media-left">
<div class="avatar-box thumb-md align-self-center mr-2">
<span class="avatar-title bg-warning rounded-circle"><i class="far fa-gem"></i></span>
</div>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>UI/UX Designers</h6>
<p>Congratulations everybody... </p>
</div>
<div>
<span>14 Feb</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<div class="avatar-box thumb-md align-self-center mr-2">
<span class="avatar-title bg-pink rounded-circle"><i class="fab fa-react"></i></span>
</div>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>React Developers</h6>
<p>How are you Friends...</p>
</div>
<div>
<span>10 Feb</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<div class="avatar-box thumb-md align-self-center mr-2">
<span class="avatar-title bg-info rounded-circle"><i class="fas fa-globe"></i></span>
</div>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Marketing Group</h6>
<p>How are you Friends...</p>
</div>
<div>
<span>10 Feb</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
</div><!--end group chat-->
<div class="tab-pane fade" id="personal_chat">
<a href="" class="media new-message">
<div class="media-left">
<img src="../assets/images/users/user-1.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-success"></span>
</div><!-- media-left -->
<div class="media-body">
<div class="d-inline-block">
<h6>Daniel Madsen</h6>
<p>Good morning! Congratulations Friend...</p>
</div>
<div>
<span>20 Feb</span>
<span>3</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media new-message">
<div class="media-left">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-success"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Robert Jefferson</h6>
<p>Congratulations Friend...</p>
</div>
<div>
<span>20 Feb</span>
<span>1</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Jesse Ross</h6>
<p>How are you Friend...</p>
</div>
<div>
<span>15 Feb</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Mary Schneider</h6>
<p>Have A Nice day...</p>
</div>
<div>
<span>14 Feb</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-success"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>David Herrmann</h6>
<p>Good morning! How are you?</p>
</div>
<div>
<span>10 Feb</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Mary Hayes</h6>
<p>How are you Friend...</p>
</div>
<div>
<span>1 Feb</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Rita Duarte</h6>
<p>Have A Nice day...</p>
</div>
<div>
<span>30 Jan</span>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-md">
<span class="round-10 bg-danger"></span>
</div><!-- media-left -->
<div class="media-body">
<div>
<h6>Dennis Wilson</h6>
<p>Good morning! How are you?</p>
</div>
<div>
<span>26 Jan</span>
</div>
</div><!-- end media-body -->
</a><!--end media-body-->
</div><!--end personal chat-->
</div><!--end tab-content-->
</div><!--end chat-box-left -->
<div class="chat-box-right">
<div class="chat-header">
<a href="" class="media">
<div class="media-left">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-md">
</div><!-- media-left -->
<div class="media-body">
<div>
<h6 class="mb-1 mt-0">Mary Schneider</h6>
<p class="mb-0">Last seen: 2 hours ago</p>
</div>
</div><!-- end media-body -->
</a><!--end media-->
<div class="chat-features">
<div class="d-none d-sm-inline-block">
<a href=""><i class="fas fa-phone"></i></a>
<a href=""><i class="fas fa-video"></i></a>
<a href=""><i class="fas fa-trash-alt"></i></a>
<a href=""><i class="fas fa-ellipsis-v"></i></a>
</div>
</div><!-- end chat-features -->
</div><!-- end chat-header -->
<div class="chat-body ">
<div class="chat-detail slimscroll">
<div class="media">
<div class="media-img">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-md">
</div>
<div class="media-body">
<div class="chat-msg">
<p>Good Morning !</p>
</div>
<div class="chat-msg">
<p>There are many variations of passages of Lorem Ipsum available.</p>
</div>
</div><!--end media-body-->
</div><!--end media-->
<div class="media">
<div class="media-body reverse">
<div class="chat-msg">
<p>Good Morning !</p>
</div>
<div class="chat-msg">
<p>There are many variations of passages of Lorem Ipsum available.</p>
</div>
</div><!--end media-body-->
<div class="media-img">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-md">
</div>
</div><!--end media-->
<div class="media">
<div class="media-img">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-md">
</div>
<div class="media-body">
<div class="chat-msg">
<p>There are many variations of passages of Lorem Ipsum available.</p>
</div>
</div><!--end media-body-->
</div><!--end media-->
<div class="media">
<div class="media-body reverse">
<div class="chat-msg">
<p>Good Morning !</p>
</div>
<div class="chat-msg">
<p>It is a long established fact that a reader will be distracted by
the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using 'Content here.
</p>
</div>
</div><!--end media-body-->
<div class="media-img">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-md">
</div>
</div><!--end media-->
<div class="media">
<div class="media-img">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-md">
</div>
<div class="media-body">
<div class="chat-msg">
<p>Good Morning !</p>
</div>
<div class="chat-msg">
<p>It is a long established fact that a reader will be distracted by
the readable content of a page when looking at its layout.
The point of using Lorem Ipsum is that it has a more-or-less normal
distribution of letters, as opposed to using 'Content here.
</p>
</div>
<div class="chat-msg">
<p>Ok</p>
</div>
</div><!--end media-body-->
</div> <!--end media-->
<div class="media">
<div class="media-body reverse">
<div class="chat-msg">
<p>Good Morning !</p>
</div>
<div class="chat-msg">
<p>There are many variations of passages of Lorem Ipsum available.</p>
</div>
</div><!--end media-body-->
<div class="media-img">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-md">
</div>
</div> <!--end media-->
</div> <!-- end chat-detail -->
</div><!-- end chat-body -->
<div class="chat-footer">
<div class="row">
<div class="col-12 col-md-9">
<span class="chat-admin"><img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-sm"></span>
<input type="text" class="form-control" placeholder="Type something here...">
</div><!-- col-8 -->
<div class="col-3 text-right">
<div class="d-none d-sm-inline-block chat-features">
<a href=""><i class="fas fa-camera"></i></a>
<a href=""><i class="fas fa-paperclip"></i></a>
<a href=""><i class="fas fa-microphone"></i></a>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end chat-footer -->
</div><!--end chat-box-right -->
</div> <!-- end col -->
</div><!-- end row -->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/contact-list.html
+558
View File
@@ -0,0 +1,558 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li>
<li class="breadcrumb-item active">Cantacts</li>
</ol>
</div>
<h4 class="page-title">Cantacts</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-4">
<div class="card profile-card">
<div class="card-body p-0">
<div class="media p-3 align-items-center">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xl">
<div class="media-body ml-3 align-self-center">
<h5 class="pro-title">Merri Diamond</h5>
<p class="mb-2 text-muted">@SaraHopkins.com</p>
</div>
<div class="action-btn">
<a href="" class=""><i class="fas fa-pen text-info mr-2"></i></a>
<a href="" class=""><i class="fas fa-trash-alt text-danger"></i></a>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card profile-card">
<div class="card-body p-0">
<div class="media p-3 align-items-center">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xl">
<div class="media-body ml-3 align-self-center">
<h5 class="pro-title">Paul Schmidt</h5>
<p class="mb-2 text-muted">@SaraHopkins.com</p>
</div>
<div class="action-btn">
<a href="" class=""><i class="fas fa-pen text-info mr-2"></i></a>
<a href="" class=""><i class="fas fa-trash-alt text-danger"></i></a>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card profile-card">
<div class="card-body p-0">
<div class="media p-3 align-items-center">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xl">
<div class="media-body ml-3 align-self-center">
<h5 class="pro-title">Harry McCall</h5>
<p class="mb-2 text-muted">@SaraHopkins.com</p>
</div>
<div class="action-btn">
<a href="" class=""><i class="fas fa-pen text-info mr-2"></i></a>
<a href="" class=""><i class="fas fa-trash-alt text-danger"></i></a>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-1.png" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-2.png" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-3.png" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card client-card">
<div class="card-body text-center">
<img src="../assets/images/users/user-4.png" alt="user" class="rounded-circle thumb-xl">
<h5 class=" client-name">Wendy Keen</h5>
<span class="text-muted mr-3"><i class="dripicons-location mr-2 text-info"></i>New York, USA</span>
<span class="text-muted"><i class="dripicons-phone mr-2 text-info"></i>+1 123 456 789</span>
<p class="text-muted text-center mt-3">Contrary to popular belief, Lorem Ipsum is not simply random text.</p>
<button type="button" class="btn btn-sm btn-gradient-secondary">Project</button>
<button type="button" class="btn btn-sm btn-gradient-primary">Message</button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/ecommerce-cart.html
+563
View File
@@ -0,0 +1,563 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../dashboard/crm-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Ecommerce</a></li>
<li class="breadcrumb-item active">Cart</li>
</ol>
</div>
<h4 class="page-title">Cart</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<h4 class="header-title mt-0">Shopping Cart</h4>
<p class="mb-4 text-muted">Frogetor morden shopping cart.</p>
<div class="table-responsive shopping-cart">
<table class="table mb-0">
<thead>
<tr>
<th>Product</th>
<th>Price</th>
<th>Quantity</th>
<th>Total</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="../assets/images/products/img-5.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Reebok Shoes</a>
<br>
<span class="text-muted font-13">size-08 (Model 2019)</span>
</p>
</td>
<td>$99</td>
<td>
<input class="form-control w-25" type="number" value="2" id="example-number-input1">
</td>
<td>$198</td>
<td>
<a href="" class="text-dark"><i class="mdi mdi-close-circle-outline font-18"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/3.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Brown Morden Chair</a>
<br>
<span class="text-muted font-13">size-06 (Model 2019)</span>
</p>
</td>
<td>$75</td>
<td>
<input class="form-control w-25" type="number" value="2" id="example-number-input2">
</td>
<td>$150</td>
<td>
<a href="" class="text-dark"><i class="mdi mdi-close-circle-outline font-18"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-4.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Lava Purse</a>
<br>
<span class="text-muted font-13">Pure Lether 100%(Model 2019)</span>
</p>
</td>
<td>$49</td>
<td>
<input class="form-control w-25" type="number" value="1" id="example-number-input3">
</td>
<td>$49</td>
<td>
<a href="" class="text-dark"><i class="mdi mdi-close-circle-outline font-18"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/2.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Important Chair</a>
<br>
<span class="text-muted font-13">size-07 (Model 2019)</span>
</p>
</td>
<td>$99</td>
<td>
<input class="form-control w-25" type="number" value="1" id="example-number-input4">
</td>
<td>$99</td>
<td>
<a href="" class="text-dark"><i class="mdi mdi-close-circle-outline font-18"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="row justify-content-center">
<div class="col-md-6 align-self-center">
<div class="text-center cart-promo">
<img src="../assets/images/logo-sm.png" alt="" height="50" class="mb-2">
<h4 class="">Have a promo code ?</h4>
<p class="font-13">If you have a promocode, You can take discount !</p>
<div class="input-group w-75 mx-auto">
<input type="text" class="form-control" placeholder="Use Promocode" aria-describedby="button-addon2">
<div class="input-group-append">
<button class="btn btn-gradient-primary" type="button" id="button-addon2">Apply</button>
</div>
</div>
</div>
<div class="mt-4">
<div class="row">
<div class="col-6">
<a href="" class="text-info"><i class="fas fa-long-arrow-alt-left mr-1"></i> Continue Shopping</a>
</div>
<div class="col-6 text-right">
<a href="../app-ecommerce-checkout.html" class="text-info">Checkout <i class="fas fa-long-arrow-alt-right ml-1"></i></a>
</div>
</div>
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="total-payment">
<h4 class="header-title">Total Payment</h4>
<table class="table">
<tbody>
<tr>
<td class="payment-title">Subtotal</td>
<td>$496.00</td>
</tr>
<tr>
<td class="payment-title">Shipping</td>
<td>
<ul class="list-unstyled mb-0">
<li>
<div class="radio radio-info">
<input type="radio" name="radio" id="radio_1" value="option_1" checked>
<label for="radio_1">
Shipping Charge : $5.00
</label>
</div>
</li>
<li>
<div class="radio radio-info">
<input type="radio" name="radio" id="radio_2" value="option_2">
<label for="radio_2">
Express Shipping Charge : $10.00
</label>
</div>
</li>
<li>
<a href="" class="text-dark"><strong>Change Address</strong></a>
</li>
</ul>
</td>
</tr>
<tr>
<td class="payment-title">Promo Code</td>
<td>-$10.00</td>
</tr>
<tr>
<td class="payment-title">Total</td>
<td class="text-dark"><strong>$491.00</strong></td>
</tr>
</tbody>
</table>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-->
</div><!--end card-body-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/ecommerce-checkout.html
+677
View File
@@ -0,0 +1,677 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../dashboard/crm-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Ecommerce</a></li>
<li class="breadcrumb-item active">Checkout</li>
</ol>
</div>
<h4 class="page-title">Checkout</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<h4 class="header-title mt-0 mb-3">Order Summary</h4>
<div class="table-responsive shopping-cart">
<table class="table mb-0">
<thead>
<tr>
<th>Product</th>
<th>Quantity</th>
<th>Total</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="../assets/images/products/img-5.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0 product-name">Reebok Shoes</p>
</td>
<td>
2
</td>
<td>$198</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/3.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0 product-name">Brown Morden Chair</p>
</td>
<td>
2
</td>
<td>$150</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-4.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0 product-name">Lava Purse</p>
</td>
<td>
1
</td>
<td>$49</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/2.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0 product-name">Important Chair</p>
</td>
<td>
1
</td>
<td>$99</td>
</tr>
<tr>
<td>
<h6>Total :</h6>
</td>
<td></td>
<td class="text-dark"><strong>$496</strong></td>
</tr>
</tbody>
</table>
</div><!--end re-table-->
<div class="total-payment">
<table class="table mb-0">
<tbody>
<tr>
<td class="payment-title">Subtotal</td>
<td>$496.00</td>
</tr>
<tr>
<td class="payment-title">Shipping</td>
<td>
Shipping Charge : $5.00
</td>
</tr>
<tr>
<td class="payment-title">Promo Code</td>
<td>-$10.00</td>
</tr>
<tr>
<td class="payment-title">Total</td>
<td class="text-dark"><strong>$491.00</strong></td>
</tr>
</tbody>
</table><!--end table-->
</div><!--end total-payment-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<h4 class="header-title mt-0 mb-3">Delivery Address</h4>
<form class="mb-0">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>First Name <small class="text-danger font-13">*</small></label>
<input type="text" class="form-control" id="firstname" required="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Last Name <small class="text-danger font-13">*</small></label>
<input type="email" class="form-control" id="lastname" required="">
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Delivery Address <small class="text-danger font-13">*</small></label>
<input type="text" class="form-control" required="">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="form-group">
<label>Address <small class="text-danger font-13">*</small></label>
<input type="text" class="form-control" required="">
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label>City <small class="text-danger font-13">*</small></label>
<input type="text" class="form-control" id="city" required="">
</div>
</div><!--end col-->
<div class="col-md-4">
<div class="form-group">
<label class="col-form-label pt-0">State <small class="text-danger font-13">*</small></label>
<select class="form-control">
<option>Select</option>
<option>Gujarat</option>
<option>New york</option>
<option>California</option>
</select>
</div>
</div> <!--end col-->
<div class="col-md-4">
<div class="form-group">
<label class="col-form-label pt-0">Country <small class="text-danger font-13">*</small></label>
<select class="form-control">
<option>Select</option>
<option>India</option>
<option>USA</option>
<option>New Zealand</option>
</select>
</div>
</div> <!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label>Zip code <small class="text-danger font-13">*</small></label>
<input type="text" class="form-control" required="">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="form-group">
<label>Email Address <small class="text-danger font-13">*</small></label>
<input type="email" class="form-control" required="">
</div>
</div><!--end col-->
<div class="col-md-3">
<div class="form-group">
<label>Mobile No <small class="text-danger font-13">*</small></label>
<input type="text" class="form-control" required="">
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-12">
<div class="form-group mb-0">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="horizontalCheckbox" data-parsley-multiple="groups" data-parsley-mincheck="2">
<label class="custom-control-label" for="horizontalCheckbox">Confirm Shipping Address</label>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</form><!--end form-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<h4 class="header-title mt-0 mb-3">Billing Details</h4>
<div class="billing-nav">
<ul class="nav nav-pills justify-content-center text-center mb-3" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="pills-credit-card-tab" data-toggle="pill" href="#pills-credit-card"><i class="mdi mdi-credit-card d-block mx-auto text-danger font-18"></i>Credit-Card</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-paypal-tab" data-toggle="pill" href="#pills-paypal"><i class="mdi mdi-paypal d-block mx-auto text-secondary font-18"></i>Paypal</a>
</li>
<li class="nav-item">
<a class="nav-link" id="pills-bitcoin-tab" data-toggle="pill" href="#pills-bitcoin"><i class="mdi mdi-bitcoin d-block mx-auto text-warning font-18"></i>Bitcoin</a>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-credit-card">
<div class="demo-container">
<div class="card-wrapper mb-4"></div>
<div class="form-container">
<form class="bill-form">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input placeholder="Card number" class="form-control" type="tel" name="number">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="form-group">
<input placeholder="Full name" class="form-control" type="text" name="name">
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input placeholder="MM/YY" class="form-control" type="tel" name="expiry">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="form-group">
<input placeholder="CVC" class="form-control" type="number" name="cvc">
</div>
</div><!--end col-->
</div><!--end row-->
<button class="btn btn-success px-3">Pay Now</button>
</form><!--end form-->
</div><!--end form-container-->
</div><!--end demo-->
</div><!--end tab-pane-->
<div class="tab-pane fade" id="pills-paypal">
<div class="row">
<div class="col-md-12 col-lg-6 offset-lg-3">
<div class="card border">
<div class="card-body">
<h4 class="title-text"><i class="mdi mdi-paypal d-block mx-auto text-secondary font-18"></i>Add Paypal Form</h4>
<p class="mb-0 text-muted">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected humour,
or randomised words.
</p>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!--end tab-pane-->
<div class="tab-pane fade" id="pills-bitcoin">
<div class="row">
<div class="col-md-12 col-lg-6 offset-lg-3">
<div class="card border">
<div class="card-body">
<h4 class="title-text"><i class="mdi mdi-bitcoin d-block mx-auto text-warning font-18"></i>Add Bitcoin Form</h4>
<p class="mb-0 text-muted">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected humour,
or randomised words.
</p>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div> <!--end row-->
</div><!--end tab-pane-->
</div><!--end tab-content-->
</div> <!--end billing-nav-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../../plugins/creditcard/card.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
<script>
new Card({
form: document.querySelector('.bill-form'),
container: '.card-wrapper'
});
</script>
</body>
</html>
public/apps/ecommerce-product-detail.html
+639
View File
@@ -0,0 +1,639 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../dashboard/crm-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Ecommerce</a></li>
<li class="breadcrumb-item active">Procuct-Detail</li>
</ol>
</div>
<h4 class="page-title">Procuct-Detail</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-lg-6">
<img src="../assets/images/products/img-7.png" alt="" class=" mx-auto d-block" height="400">
</div><!--end col-->
<div class="col-lg-6 align-self-center">
<div class="single-pro-detail">
<p class="mb-1">Crovex</p>
<div class="custom-border mb-3"></div>
<h3 class="pro-title">Crovex Morden Watch</h3>
<p class="text-muted mb-0">Morden and good look model 2019</p>
<ul class="list-inline mb-2 product-review">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
<li class="list-inline-item">4.5 (30 reviews)</li>
</ul>
<h2 class="pro-price">$89.00 <span><del>$180.00</del></span><span class="text-danger font-weight-bold ml-2">50% Off</span></h2>
<h6 class="text-muted font-13">Features :</h6>
<ul class="list-unstyled pro-features border-0">
<li>It is a long established fact that a reader will be distracted.</li>
<li>Contrary to popular belief, Lorem Ipsum is not text. </li>
</ul>
<h6 class="text-muted font-13 d-inline-block align-middle mr-2">Color :</h6>
<div class="radio2 radio-info2 form-check-inline ml-2">
<input type="radio" id="inlineRadio1" value="option1" name="radioInline" checked="">
<label for="inlineRadio1"></label>
</div>
<div class="radio2 radio-dark2 form-check-inline">
<input type="radio" id="inlineRadio2" value="option2" name="radioInline">
<label for="inlineRadio2"></label>
</div>
<div class="quantity mt-3 ">
<input class="form-control" type="number" min="0" value="0" id="example-number-input">
<a href="" class="btn btn-gradient-primary text-white px-4 d-inline-block"><i class="mdi mdi-cart mr-2"></i>Add to Cart</a>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-lg-3">
<div class="pro-order-box">
<i class="mdi mdi-truck-fast text-success"></i>
<h4 class="header-title">Fast Delivery</h4>
<p class="text-muted mb-0">
It is a long established fact that a reader will be distracted.
Contrary to popular belief.
</p>
</div>
</div><!--end col-->
<div class="col-lg-3">
<div class="pro-order-box">
<i class="mdi mdi-refresh text-danger"></i>
<h4 class="header-title">Returns in 30 Days</h4>
<p class="text-muted mb-0">
It is a long established fact that a reader will be distracted.
Contrary to popular belief.
</p>
</div>
</div><!--end col-->
<div class="col-lg-3">
<div class="pro-order-box">
<i class="mdi mdi-headset text-warning"></i>
<h4 class="header-title">Online Support 24/7</h4>
<p class="text-muted mb-0">
It is a long established fact that a reader will be distracted.
Contrary to popular belief.
</p>
</div>
</div><!--end col-->
<div class="col-lg-3">
<div class="pro-order-box mb-0">
<i class="mdi mdi-wallet text-purple"></i>
<h4 class="header-title">Secure Payment</h4>
<p class="text-muted mb-0">
It is a long established fact that a reader will be distracted.
Contrary to popular belief.
</p>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-md-9">
<div class="card">
<div class="card-body">
<h5 class="mt-0">Related Products</h5>
<p class="text-muted mb-3 font-14">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected humour,
or randomised words which don't look even slightly believable.
If you are going to use a passage.
</p>
</div><!--end card-body-->
</div><!--end card-->
<div class="row">
<div class="col-lg-4">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-1.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Unique Shoe (White)</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$29.00 <span class="ml-2"><del>$49.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-3.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Headphone F2019</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$49.00 <span class="ml-2"><del>$79.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-4.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Lavie Purse CN120</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$60.00 <span class="ml-2"><del>$99.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!--end col-->
<div class="col-md-3">
<div class="card">
<div class="card-body">
<div class="review-box text-center align-item-center">
<h1>4.8</h1>
<h4 class="header-title">Overall Rating</h4>
<ul class="list-inline mb-0 product-review">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
<li class="list-inline-item"><small class="text-muted">Total Review (700)</small></li>
</ul>
</div>
<ul class="list-unstyled mt-3">
<li class="mb-2">
<span class="text-info">5 Star</span>
<small class="float-right text-muted ml-3 font-14">593</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 80%; border-radius:5px;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<span class="text-info">4 Star</span>
<small class="float-right text-muted ml-3 font-14">99</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 18%; border-radius:5px;" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<span class="text-info">3 Star</span>
<small class="float-right text-muted ml-3 font-14">6</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 10%; border-radius:5px;" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<span class="text-info">2 Star</span>
<small class="float-right text-muted ml-3 font-14">2</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 1%; border-radius:5px;" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li>
<span class="text-info">1 Star</span>
<small class="float-right text-muted ml-3 font-14">0</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 0%; border-radius:5px;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
</ul>
<div class="review-box text-center align-item-center">
<h3>100%</h3>
<h4 class="header-title">Satisfied Customer</h4>
<p class="text-muted mb-0">All Customers give this product 4 and 5 Star Rating.</p>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/ecommerce-product-list.html
+800
View File
@@ -0,0 +1,800 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- DataTables -->
<link href="../../plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<link href="../../plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Ecommerce</a></li>
<li class="breadcrumb-item active">Product List</li>
</ol>
</div>
<h4 class="page-title">Product List</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="mt-0 header-title">Product Stock</h4>
<p class="text-muted mb-4 font-13">
Available all products.
</p>
<table id="datatable" class="table table-bordered dt-responsive nowrap" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
<thead>
<tr>
<th>Product Name</th>
<th>Category</th>
<th>Pics</th>
<th>Price</th>
<th>Status</th>
<th>Avai.Color</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="../assets/images/products/img-2.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Apple Watch</a>
<br>
<span class="text-muted font-13">Size-05 (Model 2019)</span>
</p>
</td>
<td>Sports</td>
<td>32</td>
<td>$39</td>
<td><span class="badge badge-md badge-soft-warning">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/1.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Morden Chair</a>
<br>
<span class="text-muted font-13">Size-Mediam (Model 2019)</span>
</p>
</td>
<td>Interior</td>
<td>10</td>
<td>$99</td>
<td><span class="badge badge-md badge-soft-pink">Sold</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-5.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Reebok Shoes</a>
<br>
<span class="text-muted font-13">size-08 (Model 2019)</span>
</p>
</td>
<td>Footwear</td>
<td>24</td>
<td>$49</td>
<td><span class="badge badge-md badge-soft-secondary">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-6.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Cosco Vollyboll</a>
<br>
<span class="text-muted font-13">size-04 (Model 2019)</span>
</p>
</td>
<td>Sports</td>
<td>8</td>
<td>$49</td>
<td><span class="badge badge-md badge-soft-secondary">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-4.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Royal Purse</a>
<br>
<span class="text-muted font-13">Pure Lether 100%</span>
</p>
</td>
<td>Life Style</td>
<td>52</td>
<td>$89</td>
<td><span class="badge badge-md badge-soft-purple">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/3.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">New Morden Chair</a>
<br>
<span class="text-muted font-13">size-05 (Model 2019)</span>
</p>
</td>
<td>Interior</td>
<td>6</td>
<td>$20</td>
<td><span class="badge badge-md badge-soft-warning">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/2.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Important Chair</a>
<br>
<span class="text-muted font-13">size-05 (Model 2019)</span>
</p>
</td>
<td>Interior</td>
<td>32</td>
<td>$39</td>
<td><span class="badge badge-md badge-soft-warning">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-2.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Nivya Footboll</a>
<br>
<span class="text-muted font-13">Size-05 (Model 2019)</span>
</p>
</td>
<td>Sports</td>
<td>32</td>
<td>$39</td>
<td><span class="badge badge-md badge-soft-warning">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/1.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Green Morden Chair</a>
<br>
<span class="text-muted font-13">Size-Mediam (Model 2019)</span>
</p>
</td>
<td>Interior</td>
<td>10</td>
<td>$99</td>
<td><span class="badge badge-md badge-soft-pink">Sold</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-5.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Bata Shoes</a>
<br>
<span class="text-muted font-13">size-08 (Model 2019)</span>
</p>
</td>
<td>Footwear</td>
<td>24</td>
<td>$49</td>
<td><span class="badge badge-md badge-soft-secondary">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-6.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Nike Vollyboll</a>
<br>
<span class="text-muted font-13">size-04 (Model 2019)</span>
</p>
</td>
<td>Sports</td>
<td>8</td>
<td>$49</td>
<td><span class="badge badge-md badge-soft-secondary">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/img-4.png" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Lava Purse</a>
<br>
<span class="text-muted font-13">Pure Lether 100%</span>
</p>
</td>
<td>Life Style</td>
<td>52</td>
<td>$89</td>
<td><span class="badge badge-md badge-soft-purple">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/3.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Brown Morden Chair</a>
<br>
<span class="text-muted font-13">size-05 (Model 2019)</span>
</p>
</td>
<td>Interior</td>
<td>6</td>
<td>$20</td>
<td><span class="badge badge-md badge-soft-warning">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/products/2.jpg" alt="" height="52">
<p class="d-inline-block align-middle mb-0">
<a href="" class="d-inline-block align-middle mb-0 product-name">Best Look Chair</a>
<br>
<span class="text-muted font-13">size-05 (Model 2019)</span>
</p>
</td>
<td>Interior</td>
<td>32</td>
<td>$39</td>
<td><span class="badge badge-md badge-soft-warning">Stock</span></td>
<td>
<ul class="list-inline mb-0">
<li class="list-inline-item align-middle"><i class="fas fa-circle text-success"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-danger"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-info"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-dark"></i></li>
<li class="list-inline-item align-middle"><i class="fas fa-circle text-warning"></i></li>
</ul>
</td>
<td>
<a href=""><i class="far fa-edit text-info mr-1"></i></a>
<a href=""><i class="far fa-trash-alt text-danger"></i></a>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> <!-- end col -->
</div> <!-- end row -->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- Required datatable js -->
<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../../plugins/datatables/dataTables.bootstrap4.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
<script>
$('#datatable').DataTable();
</script>
</body>
</html>
public/apps/ecommerce-products.html
+610
View File
@@ -0,0 +1,610 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Ecommerce</a></li>
<li class="breadcrumb-item active">Products</li>
</ol>
</div>
<h4 class="page-title">Products</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-3">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-1.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Unique Shoe (White)</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$29.00 <span class="ml-2"><del>$49.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-3.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Headphone F2019</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$49.00 <span class="ml-2"><del>$79.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-4.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Lavie Purse CN120</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$60.00 <span class="ml-2"><del>$99.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card e-co-product ">
<a href="">
<img src="../assets/images/products/img-5.png" alt="" class="img-fluid">
</a>
<div class="ribbon ribbon-pink">
<span>50% OFF</span>
</div>
<div class="card-body product-info">
<a href="" class="product-title">Nike Shoes Leather Pasted 20</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$99.00 <span class="ml-2"><del>$179.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-12">
<div class="card offer-box">
<div class="card-body">
<div class="row">
<div class="col-md-4 mx-auto">
<div class="offer-content text-center justify-content-center">
<p class="text-muted">Monsoon Sale</p>
<h3 class="mb-3">Save Up To 50% Off</h3>
<hr class="thick">
<h5 class="text-muted">This Offer One Week Available Only</h5>
</div>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-3">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-7.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Cosco Footboll <small class="text-muted">size-04</small></a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$29.00 <span class="ml-2"><del>$49.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-2.png" alt="" class="img-fluid">
</a>
<div class="ribbon ribbon-secondary">
<span>NEW</span>
</div>
<div class="card-body product-info">
<a href="" class="product-title">Apple Watch Series 3</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$199.00 <span class="ml-2"><del>279.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-1.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Unique Shoe (White)</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$29.00 <span class="ml-2"><del>$49.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card e-co-product">
<a href="">
<img src="../assets/images/products/img-3.png" alt="" class="img-fluid">
</a>
<div class="card-body product-info">
<a href="" class="product-title">Headphone F2019</a>
<div class="d-flex justify-content-between my-2">
<p class="product-price">$49.00 <span class="ml-2"><del>$79.00</del></span></p>
<ul class="list-inline mb-0 product-review align-self-center">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star-half text-warning"></i></li>
</ul>
</div>
<button class="btn btn-gradient-primary btn-round px-3 btn-sm waves-effect waves-light"><i class="mdi mdi-cart mr-1"></i> Add To Cart</button>
<button class="btn btn-dark btn-sm waves-effect waves-light wishlist" data-toggle="tooltip" data-placement="top" title="Wishlist"><i class="mdi mdi-heart"></i></button>
<button class="btn btn-dark btn-sm waves-effect waves-light quickview" data-toggle="tooltip" data-placement="top" title="Quickview"><i class="mdi mdi-magnify"></i></button>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/email-inbox.html
+938
View File
@@ -0,0 +1,938 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<link href="../../plugins/summernote/summernote-bs4.css" rel="stylesheet" />
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../dashboard/crm-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li>
<li class="breadcrumb-item active">Inbox</li>
</ol>
</div>
<h4 class="page-title">Inbox</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-12">
<!-- Left sidebar -->
<div class="email-leftbar">
<button type="button" class="btn btn-gradient-danger btn-round btn-custom btn-block waves-effect waves-light" data-toggle="modal" data-animation="bounce" data-target=".compose-modal">
<i class="fas fa-feather-alt mr-2"></i>Compose
</button>
<div class="card mt-3">
<div class="card-body">
<div class="mail-list">
<a href="#" class="active pt-0">Inbox <span class="ml-1">(5)</span></a>
<a href="#">Starred</a>
<a href="#">Important</a>
<a href="#">Draft</a>
<a href="#">Sent Mail</a>
<a href="#">Trash</a>
</div>
<h5 class="my-4">Labels</h5>
<div class="mail-list">
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-info float-right mt-1 mr-1"></span>Theme Support</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-warning float-right mt-1 mr-1"></span>Freelance</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-purple float-right mt-1 mr-1"></span>Social</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-pink float-right mt-1 mr-1"></span>Friends</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-success float-right mt-1 mr-1"></span>Family</a>
</div>
<h5 class="my-4">Chat</h5>
<div class="">
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-1.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">Scott Median</p>
<p class="text-muted">Hello</p>
</div>
</a>
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-2.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">Julian Rosa</p>
<p class="text-muted">What about our next..</p>
</div>
</a>
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-3.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">David Medina</p>
<p class="text-muted">Yeah everything is fine</p>
</div>
</a>
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-4.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">Jay Baker</p>
<p class="text-muted">Wow that's great</p>
</div>
</a>
</div>
</div><!-- end card-body -->
</div><!-- end card -->
</div>
<!-- End Left sidebar -->
<!-- Right Sidebar -->
<div class="email-rightbar">
<div class="float-right d-flex justify-content-between">
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-question-circle"></i>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Updates</a>
<a class="dropdown-item" href="#">Social</a>
<a class="dropdown-item" href="#">Team Manage</a>
</div>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-cog"></i>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Display density</a>
<a class="dropdown-item" href="#">Themes</a>
<a class="dropdown-item" href="#">Help</a>
</div>
</div>
</div><!-- end div -->
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
<button type="button" class="btn btn-gradient-info waves-light waves-effect"><i class="fas fa-inbox"></i></button>
<button type="button" class="btn btn-gradient-info waves-light waves-effect"><i class="fas fa-exclamation-circle"></i></button>
<button type="button" class="btn btn-gradient-info waves-light waves-effect"><i class="fas fa-trash"></i></button>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-folder"></i><i class="mdi mdi-chevron-down ml-1"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Updates</a>
<a class="dropdown-item" href="#">Social</a>
<a class="dropdown-item" href="#">Team Manage</a>
</div>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-tag"></i><i class="mdi mdi-chevron-down ml-1"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Updates</a>
<a class="dropdown-item" href="#">Social</a>
<a class="dropdown-item" href="#">Team Manage</a>
</div>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
More<i class="mdi mdi-chevron-down ml-1"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Mark as Unread</a>
<a class="dropdown-item" href="#">Mark as Important</a>
<a class="dropdown-item" href="#">Add to Tasks</a>
<a class="dropdown-item" href="#">Add Star</a>
<a class="dropdown-item" href="#">Mute</a>
</div>
</div>
</div><!-- end toolbar -->
<div class="card my-3">
<ul class="message-list">
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk19">
<label for="chk19" class="toggle"></label>
</div>
<a href="">
<p class="title">Peter, me (3)</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Hello &nbsp;–&nbsp; <span class="teaser">Trip home from 🎉 Colombo has been arranged, then Jenna will come get me from Stockholm. :)</span>
</a>
<div class="date">Mar. 6</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk20">
<label for="chk20" class="toggle"></label>
</div>
<a href="">
<p class="title">me, Susanna (7)</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject"><span class="badge-soft-warning badge mr-2">Freelance</span>Since you asked... and i'm
inconceivably bored at the train station &nbsp;–&nbsp;
<span class="teaser">Alright thanks. I'll have to re-book that somehow, i'll get back to you.</span>
</a>
<div class="date">Mar. 6</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk6">
<label for="chk6" class="toggle"></label>
</div>
<a href="">
<p class="title">Web Support Dennis</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Re: New mail settings &nbsp;–&nbsp;
<span class="teaser">Will you answer him asap?</span>
</a>
<div class="date">Mar 7</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk7">
<label for="chk7" class="toggle"></label>
</div>
<a href="">
<p class="title">me, Peter (2)</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject"><span class="badge-soft-info badge mr-2">Support</span>Off on Thursday &nbsp;–&nbsp;
<span class="teaser">Eff that place, you might as well stay here with us instead! Sent from my iPhone 4 &gt; 4 mar 2014 at 5:55 pm</span>
</a>
<div class="date">Mar 4</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk8">
<label for="chk8" class="toggle"></label>
</div>
<a href="">
<p class="title">Medium</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject"><span class="badge-soft-purple badge mr-2">Social</span>This Week's Top Stories &nbsp;–&nbsp;
<span class="teaser">Our top pick for you on Medium this week The Man Who Destroyed America’s Ego</span>
</a>
<div class="date">Feb 28</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk9">
<label for="chk9" class="toggle"></label>
</div>
<a href="">
<p class="title">Death to Stock</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">🎁 Montly High-Res Photos &nbsp;–&nbsp;
<span class="teaser">To create this month's pack, we hosted a party with local musician Jared Mahone here in Columbus, Ohio.</span>
</a>
<div class="date">Feb 28</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" checked id="chk3">
<label for="chk3" class="toggle"></label>
</div>
<a href="">
<p class="title">Randy, me (5)</p><span class="star-toggle fas fa-star text-warning"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject"><span class="badge-soft-success badge mr-2">Family</span>Last pic over my village &nbsp;–&nbsp;
<span class="teaser">Yeah i'd like that! Do you remember the video you showed me of your train ride between Colombo and Kandy? The one with the mountain view? I would love to see that one again!</span>
</a>
<div class="date">5:01 am</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk4">
<label for="chk4" class="toggle"></label>
</div>
<a href="">
<p class="title">Andrew Zimmer</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Mochila Beta: Subscription Confirmed
&nbsp;–&nbsp; <span class="teaser">You've been confirmed! Welcome to the ruling class of the inbox. For your records, here is a copy of the information you submitted to us...</span>
</a>
<div class="date">Mar 8</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk5">
<label for="chk5" class="toggle"></label>
</div>
<a href="">
<p class="title">Infinity HR</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Sveriges Hetaste sommarjobb &nbsp;–&nbsp; 👌
<span class="teaser">Hej Nicklas Sandell! Vi vill bjuda in dig till "First tour 2014", ett rekryteringsevent som erbjuder jobb på 16 semesterorter iSverige.</span>
</a>
<div class="date">Mar 8</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk10">
<label for="chk10" class="toggle"></label>
</div>
<a href="">
<p class="title">Revibe</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject"><span class="badge-soft-pink badge mr-2">Friends</span>Weekend on Revibe &nbsp;–&nbsp;
<span class="teaser">Today's Friday and we thought maybe you want some music inspiration for the weekend. Here are some trending tracks and playlists we think you should give a listen!</span>
</a>
<div class="date">Feb 27</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk11">
<label for="chk11" class="toggle"></label>
</div>
<a href="">
<p class="title">Erik, me (5)</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Regarding our meeting &nbsp;–&nbsp;
<span class="teaser">That's great, see you on Thursday!</span>
</a>
<div class="date">Feb 24</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk12">
<label for="chk12" class="toggle"></label>
</div>
<a href="">
<p class="title">KanbanFlow</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject"><span class="badge-soft-purple badge mr-2">Social</span>Task assigned: Clone ARP's website
&nbsp;–&nbsp; <span class="teaser">You have been assigned 💥 a task by Alex@Work on the board Web.</span>
</a>
<div class="date">Feb 24</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk13">
<label for="chk13" class="toggle"></label>
</div>
<a href="">
<p class="title">Tobias Berggren</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Let's go fishing! &nbsp;–&nbsp;
<span class="teaser">Hey, You wanna join me and Fred at the lake tomorrow? It'll be awesome.</span>
</a>
<div class="date">Feb 23</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk14">
<label for="chk14" class="toggle"></label>
</div>
<a href="">
<p class="title">Charukaw, me (7)</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Hey man &nbsp;–&nbsp; <span class="teaser">Nah man sorry i don't. Should i get it?</span>
</a>
<div class="date">Feb 23</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" checked id="chk15">
<label for="chk15" class="toggle"></label>
</div>
<a href="">
<p class="title">me, Peter (5)</p><span class="star-toggle fas fa-star text-warning"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject"><span class="badge-soft-info badge mr-2">Support</span>Home again! &nbsp;–&nbsp; <span class="teaser">That's just perfect! See you tomorrow.</span>
</a>
<div class="date">Feb 21</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk16">
<label for="chk16" class="toggle"></label>
</div>
<a href="">
<p class="title">Stack Exchange</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">1 new items in your Stackexchange inbox
&nbsp;–&nbsp; <span class="teaser">The following items were added to your Stack Exchange global inbox since you last checked it.</span>
</a>
<div class="date">Feb 21</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk17">
<label for="chk17" class="toggle"></label>
</div>
<a href="">
<p class="title">Google Drive Team</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">You can now use your storage in Google
Drive &nbsp;–&nbsp; <span class="teaser">Hey Nicklas Sandell! Thank you for purchasing extra storage space in Google Drive.</span>
</a>
<div class="date">Feb 20</div>
</div>
</li>
<li>
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk18">
<label for="chk18" class="toggle"></label>
</div>
<a href="">
<p class="title">me, Susanna (11)</p><span class="star-toggle far fa-star"></span>
</a>
</div>
<div class="col-mail col-mail-2">
<a href="" class="subject">Train/Bus &nbsp;–&nbsp; <span class="teaser">Yes ok, great! I'm not stuck in Stockholm anymore, we're making progress.🏏</span>
</a>
<div class="date">Feb 19</div>
</div>
</li>
</ul>
</div> <!-- panel -->
<div class="row mb-3">
<div class="col-7 align-self-center">
Showing 1 - 20 of 1,524
</div><!-- end Col -->
<div class="col-5">
<div class="btn-group float-right">
<button type="button" class="btn btn-sm btn-gradient-primary waves-effect mb-0"><i class="fa fa-chevron-left"></i></button>
<button type="button" class="btn btn-sm btn-gradient-primary waves-effect mb-0"><i class="fa fa-chevron-right"></i></button>
</div>
</div><!-- end Col -->
</div> <!--end row-->
</div> <!-- end email-rightbar -->
</div><!-- end Col -->
</div><!-- End row -->
</div><!-- container -->
<!-- Modal -->
<div class="modal fade compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mt-0" id="exampleModalLabel">Compose Mail</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="card mb-0 p-3">
<form>
<div class="form-group mb-3">
<input type="email" class="form-control" placeholder="To">
</div><!--end form-group-->
<div class="form-group mb-3">
<div class="row">
<div class="col-md-6">
<input type="email" class="form-control" placeholder="Cc">
</div>
<div class="col-md-6">
<input type="email" class="form-control" placeholder="Bcc">
</div>
</div>
</div><!--end form-group-->
<div class="form-group mb-3">
<input type="text" class="form-control" placeholder="Subject">
</div><!--end form-group-->
<div class="form-group mb-3">
<div class="summernote">
<h6>Hello Summernote</h6>
<ul>
<li>
Select a text to reveal the toolbar.
</li>
<li>
Edit rich document on-the-fly, so elastic!
</li>
</ul>
<p>
End of air-mode area
</p>
</div>
</div><!--end form-group-->
<div class="btn-toolbar form-group mb-0">
<div class="pull-right">
<button type="button" class="btn btn-gradient-info waves-effect waves-light"><span>Print</span><i
class="far fa-save ml-3"></i></button>
<button class="btn btn-gradient-primary waves-effect waves-light"><span>Send</span> <i
class="far fa-paper-plane ml-3"></i></button>
<button type="button" class="btn btn-gradient-danger waves-effect waves-light "><span>Delete</span><i
class="far fa-trash-alt ml-3"></i></button>
</div>
</div><!--end form-group-->
</form><!--end form-->
</div><!--end card-->
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../../plugins/summernote/summernote-bs4.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
<script>
jQuery(document).ready(function(){
$('.summernote').summernote({
height: 320, // set editor height
minHeight: null, // set minimum height of editor
maxHeight: null, // set maximum height of editor
focus: false // set focus to editable area after initializing summernote
});
});
$('li').click(function () {
$('input:not(:checked)').parent().parent().parent().removeClass("unread");
$('input:checked').parent().parent().parent().addClass("unread");
});
$('input:checked').parent().parent().parent().addClass("unread");
</script>
</body>
</html>
public/apps/email-read.html
+655
View File
@@ -0,0 +1,655 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<link href="../../plugins/summernote/summernote-bs4.css" rel="stylesheet" />
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../dashboard/crm-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li>
<li class="breadcrumb-item active">Email Read</li>
</ol>
</div>
<h4 class="page-title">Email Read</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-12">
<!-- Left sidebar -->
<div class="email-leftbar">
<button type="button" class="btn btn-gradient-danger btn-round btn-custom btn-block waves-effect waves-light" data-toggle="modal" data-animation="bounce" data-target=".compose-modal">
<i class="fas fa-feather-alt mr-2"></i>Compose
</button>
<div class="card mt-3">
<div class="card-body">
<div class="mail-list">
<a href="#" class="active pt-0">Inbox <span class="ml-1">(5)</span></a>
<a href="#">Starred</a>
<a href="#">Important</a>
<a href="#">Draft</a>
<a href="#">Sent Mail</a>
<a href="#">Trash</a>
</div>
<h5 class="my-4">Labels</h5>
<div class="mail-list">
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-info float-right mt-1 mr-1"></span>Theme Support</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-warning float-right mt-1 mr-1"></span>Freelance</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-purple float-right mt-1 mr-1"></span>Social</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-pink float-right mt-1 mr-1"></span>Friends</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-success float-right mt-1 mr-1"></span>Family</a>
</div>
<h5 class="my-4">Chat</h5>
<div class="">
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-1.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">Scott Median</p>
<p class="text-muted">Hello</p>
</div>
</a>
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-2.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">Julian Rosa</p>
<p class="text-muted">What about our next..</p>
</div>
</a>
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-3.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">David Medina</p>
<p class="text-muted">Yeah everything is fine</p>
</div>
</a>
<a href="#" class="media">
<img class="d-flex mr-3 rounded-circle" src="../assets/images/users/user-4.jpg" alt="Generic placeholder image" height="36">
<div class="media-body chat-user-box">
<p class="user-title m-0">Jay Baker</p>
<p class="text-muted">Wow that's great</p>
</div>
</a>
</div>
</div><!-- end card-body -->
</div><!-- end card -->
</div>
<!-- End Left sidebar -->
<!-- Right Sidebar -->
<div class="email-rightbar">
<div class="float-right d-flex justify-content-between">
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-question-circle"></i>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Updates</a>
<a class="dropdown-item" href="#">Social</a>
<a class="dropdown-item" href="#">Team Manage</a>
</div>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-cog"></i>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">Display density</a>
<a class="dropdown-item" href="#">Themes</a>
<a class="dropdown-item" href="#">Help</a>
</div>
</div>
</div><!-- end div -->
<div class="btn-toolbar" role="toolbar">
<div class="btn-group">
<button type="button" class="btn btn-gradient-info waves-light waves-effect"><i class="fas fa-inbox"></i></button>
<button type="button" class="btn btn-gradient-info waves-light waves-effect"><i class="fas fa-exclamation-circle"></i></button>
<button type="button" class="btn btn-gradient-info waves-light waves-effect"><i class="fas fa-trash"></i></button>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-folder"></i><i class="mdi mdi-chevron-down ml-1"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Updates</a>
<a class="dropdown-item" href="#">Social</a>
<a class="dropdown-item" href="#">Team Manage</a>
</div>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fas fa-tag"></i><i class="mdi mdi-chevron-down ml-1"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Updates</a>
<a class="dropdown-item" href="#">Social</a>
<a class="dropdown-item" href="#">Team Manage</a>
</div>
</div>
<div class="btn-group ml-1">
<button type="button" class="btn btn-gradient-info waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
More<i class="mdi mdi-chevron-down ml-1"></i>
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Mark as Unread</a>
<a class="dropdown-item" href="#">Mark as Important</a>
<a class="dropdown-item" href="#">Add to Tasks</a>
<a class="dropdown-item" href="#">Add Star</a>
<a class="dropdown-item" href="#">Mute</a>
</div>
</div>
</div><!-- end toolbar -->
<div class="card mt-3">
<div class="card-body">
<div class="media mb-4">
<img class="d-flex mr-3 rounded-circle thumb-md" src="../assets/images/users/user-5.jpg" alt="Generic placeholder image">
<div class="media-body align-self-center">
<h4 class="font-14 m-0">Humberto D. Champion</h4>
<small class="text-muted">support@domain.com</small>
</div>
</div>
<h4 class="mt-0">This Week's Top Stories</h4>
<p>Dear Lorem Ipsum,</p>
<p>Praesent dui ex, dapibus eget mauris ut, finibus vestibulum enim. Quisque arcu leo, facilisis in fringilla id, luctus in tortor. Nunc vestibulum est quis orci varius viverra. Curabitur dictum volutpat massa vulputate molestie. In at felis ac velit maximus
convallis.</p>
<p>Sed elementum turpis eu lorem interdum, 🏆sed porttitor eros commodo. Nam eu venenatis tortor, id lacinia diam. Sed aliquam in dui et porta. Sed bibendum orci non tincidunt ultrices. Vivamus fringilla, mi lacinia dapibus condimentum, ipsum urna lacinia
lacus, vel tincidunt mi nibh sit amet lorem.</p>
<p>Sincerly,</p>
<hr/>
<div class="row">
<div class="col-lg-1 col-md-4">
<div class="card">
<img class="card-img-top img-fluid" src="../assets/images/small/sm-1.jpg" alt="Card image cap">
<div class="py-2 text-center">
<a href="" class="text-muted">Download<i class="dripicons-download ml-1"></i></a>
</div>
</div>
</div>
<div class="col-lg-1 col-md-4">
<div class="card">
<img class="card-img-top img-fluid" src="../assets/images/small/sm-3.jpg" alt="Card image cap">
<div class="py-2 text-center">
<a href="" class="text-muted">Download<i class="dripicons-download ml-1"></i></a>
</div>
</div>
</div>
</div>
<a href="#custom-modal" class="btn btn-gradient-primary waves-effect" data-toggle="modal" data-animation="bounce" data-target=".compose-modal">
<i class="mdi mdi-reply"></i> Reply</a>
<a href="#" class="btn btn-gradient-primary waves-effect">Forward <i class="mdi mdi-share"></i></a>
</div>
</div>
</div> <!-- end email-rightbar -->
</div><!-- end Col -->
</div><!-- End row -->
</div><!-- container -->
<!-- Modal -->
<div class="modal fade compose-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mt-0" id="exampleModalLabel">Compose Mail</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="card mb-0 p-3">
<form>
<div class="form-group mb-3">
<input type="email" class="form-control" placeholder="To">
</div><!--end form-group-->
<div class="form-group mb-3">
<div class="row">
<div class="col-md-6">
<input type="email" class="form-control" placeholder="Cc">
</div>
<div class="col-md-6">
<input type="email" class="form-control" placeholder="Bcc">
</div>
</div>
</div><!--end form-group-->
<div class="form-group mb-3">
<input type="text" class="form-control" placeholder="Subject">
</div><!--end form-group-->
<div class="form-group mb-3">
<div class="summernote">
<h6>Hello Summernote</h6>
<ul>
<li>
Select a text to reveal the toolbar.
</li>
<li>
Edit rich document on-the-fly, so elastic!
</li>
</ul>
<p>
End of air-mode area
</p>
</div>
</div><!--end form-group-->
<div class="btn-toolbar form-group mb-0">
<div class="pull-right">
<button type="button" class="btn btn-gradient-info waves-effect waves-light"><span>Print</span><i
class="far fa-save ml-3"></i></button>
<button class="btn btn-gradient-primary waves-effect waves-light"><span>Send</span> <i
class="far fa-paper-plane ml-3"></i></button>
<button type="button" class="btn btn-gradient-danger waves-effect waves-light "><span>Delete</span><i
class="far fa-trash-alt ml-3"></i></button>
</div>
</div><!--end form-group-->
</form><!--end form-->
</div><!--end card-->
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../../plugins/summernote/summernote-bs4.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
<script>
jQuery(document).ready(function(){
$('.summernote').summernote({
height: 320, // set editor height
minHeight: null, // set minimum height of editor
maxHeight: null, // set maximum height of editor
focus: false // set focus to editable area after initializing summernote
});
});
</script>
</body>
</html>
public/apps/invoice.html
+550
View File
@@ -0,0 +1,550 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li>
<li class="breadcrumb-item active">Invoice</li>
</ol>
</div>
<h4 class="page-title">Invoice</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="card">
<div class="card-body invoice-head">
<div class="row">
<div class="col-md-4 align-self-center">
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm mr-2" height="26">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg" height="16">
<p class="mt-2 mb-0 text-muted">If account is not paid within 7 days the credits details supplied as confirmation.</p>
</div><!--end col-->
<div class="col-md-8">
<ul class="list-inline mb-0 contact-detail float-right">
<li class="list-inline-item">
<div class="pl-3">
<i class="mdi mdi-web"></i>
<p class="text-muted mb-0">www.abcdefghijklmno.com</p>
<p class="text-muted mb-0">www.qrstuvwxyz.com</p>
</div>
</li>
<li class="list-inline-item">
<div class="pl-3">
<i class="mdi mdi-phone"></i>
<p class="text-muted mb-0">+123 123456789</p>
<p class="text-muted mb-0">+123 123456789</p>
</div>
</li>
<li class="list-inline-item">
<div class="pl-3">
<i class="mdi mdi-map-marker"></i>
<p class="text-muted mb-0">2821 Kensington Road,</p>
<p class="text-muted mb-0">Avondale Estates, GA 30002 USA.</p>
</div>
</li>
</ul>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
<div class="card-body">
<div class="row">
<div class="col-md-3">
<div class="">
<h6 class="mb-0"><b>Start Date :</b> 11/05/2019</h6>
<h6 class="mb-0"><b>End Date :</b> 10/06/2019</h6>
</div>
</div><!--end col-->
<div class="col-md-6">
<h6 class="mb-0"><b>Compny :</b> Hubland</h6>
<h6 class="mb-0"><b>Project Name :</b> Trading System</h6>
<h6 class="mb-0"><b>Invoice No :</b> #1240</h6>
</div><!--end col-->
<div class="col-md-3">
<div class="text-center bg-light p-3 mb-3">
<h5 class="bg-secondary mt-0 p-2 text-white d-sm-inline-block">Payment Methods</h5>
<h6 class="font-13">Paypal & Cards Payments :</h6>
<p class="mb-0 text-muted">CompanyA/c.paypal@gmai.com</p>
<p class="mb-0 text-muted">Visa, Master Card, Chaque</p>
</div>
</div> <!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-12">
<div class="table-responsive project-invoice">
<table class="table table-bordered mb-0">
<thead class="thead-light">
<tr>
<th>Project Breakdown</th>
<th>Hours</th>
<th>Rate</th>
<th>Subtotal</th>
</tr><!--end tr-->
</thead>
<tbody>
<tr>
<td>
<h5 class="mt-0 mb-1">Project Design</h5>
<p class="mb-0 text-muted">It is a long established fact that a reader will be distracted.</p>
</td>
<td>60</td>
<td>$50</td>
<td>$3000.00</td>
</tr><!--end tr-->
<tr>
<td>
<h5 class="mt-0 mb-1">Development</h5>
<p class="mb-0 text-muted">It is a long established fact that a reader will be distracted.</p>
</td>
<td>100</td>
<td>$50</td>
<td>$5000.00</td>
</tr><!--end tr-->
<tr>
<td>
<h5 class="mt-0 mb-1">Testing & Bug Fixing</h5>
<p class="mb-0 text-muted">It is a long established fact that a reader will be distracted.</p>
</td>
<td>10</td>
<td>$20</td>
<td>$200.00</td>
</tr><!--end tr-->
<tr>
<td colspan="2" class="border-0"></td>
<td class="border-0 font-14 text-dark"><b>Sub Total</b></td>
<td class="border-0 font-14 text-dark"><b>$82,000.00</b></td>
</tr><!--end tr-->
<tr>
<th colspan="2" class="border-0"></th>
<td class="border-0 font-14 text-dark"><b>Tax Rate</b></td>
<td class="border-0 font-14 text-dark"><b>$0.00%</b></td>
</tr><!--end tr-->
<tr class="bg-black text-white">
<th colspan="2" class="border-0"></th>
<td class="border-0 font-14"><b>Total</b></td>
<td class="border-0 font-14"><b>$82,000.00</b></td>
</tr><!--end tr-->
</tbody>
</table><!--end table-->
</div> <!--end /div-->
</div> <!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-6">
<h5 class="mt-4">Terms And Condition :</h5>
<ul class="pl-3">
<li><small class="font-12">All accounts are to be paid within 7 days from receipt of invoice. </small></li>
<li><small class="font-12">To be paid by cheque or credit card or direct payment online.</small ></li>
<li><small class="font-12"> If account is not paid within 7 days the credits details supplied as confirmation of work undertaken will be charged the agreed quoted fee noted above.</small></li>
</ul>
</div> <!--end col-->
<div class="col-lg-6 align-self-end">
<div class="w-25 float-right">
<small>Account Manager</small>
<img src="../assets/images/signature.png" alt="" class="" height="48">
<p class="border-top">Signature</p>
</div>
</div><!--end col-->
</div><!--end row-->
<hr>
<div class="row d-flex justify-content-center">
<div class="col-lg-12 col-xl-4 ml-auto align-self-center">
<div class="text-center"><small class="font-12">Thank you very much for doing business with us.</small></div>
</div><!--end col-->
<div class="col-lg-12 col-xl-4">
<div class="float-right d-print-none">
<a href="javascript:window.print()" class="btn btn-gradient-info"><i class="fa fa-print"></i></a>
<a href="#" class="btn btn-gradient-primary">Submit</a>
<a href="#" class="btn btn-gradient-danger">Cancel</a>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/new-project.html
+516
View File
@@ -0,0 +1,516 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<link href="../../plugins/lightpick/lightpick.css" rel="stylesheet" />
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Projects</a></li>
<li class="breadcrumb-item active">New Project</li>
</ol>
</div>
<h4 class="page-title">New Project</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h4 class="mt-0 header-title">Create Project Form</h4>
<p class="text-muted mb-3">Basic example to create project form styles.</p>
<div class="row">
<div class="col-lg-6">
<form>
<div class="form-group">
<label for="projectName">Project Name :</label>
<input type="text" class="form-control" id="projectName" aria-describedby="emailHelp" placeholder="Enter project name">
</div><!--end form-group-->
<div class="form-group">
<div class="row">
<div class="col-lg-3 col-6 mb-2 mb-lg-0">
<label for="pro-start-date">Project Start Date</label>
<input type="text" class="form-control" id="pro-start-date" placeholder="Enter start date">
</div><!--end col-->
<div class="col-lg-3 col-6 mb-2 mb-lg-0">
<label for="pro-end-date">Project End Date</label>
<input type="text" class="form-control" id="pro-end-date" placeholder="Enter end date">
</div><!--end col-->
<div class="col-lg-3 col-6">
<label for="pro-rate">Rate</label>
<input type="text" class="form-control" id="pro-rate" placeholder="Enter rate">
</div><!--end col-->
<div class="col-lg-3 col-6">
<label for="pro-end-date">Price Type</label>
<select class="form-control">
<option>Hourly</option>
<option>Daily</option>
<option>Fix</option>
</select>
</div><!--end col-->
</div><!--end row-->
</div><!--end form-group-->
<div class="form-group">
<div class="row">
<div class="col-lg-6 mb-2 mb-lg-0">
<label for="pro-end-date">Required</label>
<select class="form-control">
<option>--Select--</option>
<option>UI/UX Design</option>
<option>Payment System </option>
<option>Android 10</option>
</select>
</div><!--end col-->
<div class="col-lg-3 col-6">
<label for="pro-end-date">Invoice Time</label>
<select class="form-control">
<option>30 Day</option>
<option>3 Month</option>
<option>1 Year</option>
</select>
</div><!--end col-->
<div class="col-lg-3 col-6">
<label for="pro-end-date">Priority</label>
<select class="form-control">
<option>-- select --</option>
<option>High</option>
<option>Medium</option>
<option>Low</option>
</select>
</div><!--end col-->
</div><!--end row-->
</div><!--end form-group-->
<div class="form-group">
<label for="pro-message">Message</label>
<textarea class="form-control" rows="5" id="pro-message" placeholder="writing here.."></textarea>
</div><!--end form-group-->
<button type="submit" class="btn btn-gradient-primary">Create project</button>
<button type="button" class="btn btn-gradient-danger">Cancel</button>
</form> <!--end form-->
</div><!--end col-->
<div class="col-lg-5 ml-auto align-self-center">
<form>
<div class="form-group">
<label for="pro-avatar">Project Avatar</label>
<img src="../assets/images/widgets/project3.jpg" alt="" class="thumb-xl ml-3">
<button class="btn btn-primary btn-sm change-avatar ml-3">Change Avatar</button>
<input id="fileupload" type="file" name="files[]" multiple style='display: none;'>
</div><!--end form-group-->
<h5 class="font-weight-normal my-5">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised.</h5>
<div class="form-group">
<label for="team-leader">Project team members</label>
<div class="img-group ml-3">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="thumb-md rounded-circle">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="thumb-md rounded-circle">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-10.jpg" alt="user" class="thumb-md rounded-circle">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="thumb-md rounded-circle">
</a>
</div><!--end img-group-->
<button type="button" class="btn btn-primary btn-sm add-member ml-3 px-3">
<i class="fas fa-plus"></i>
</button>
<input id="add-member" type="file" name="files[]" multiple style='display: none;'>
</div><!--end form-group-->
</form>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../../plugins/moment/moment.js"></script>
<script src="../../plugins/lightpick/lightpick.js"></script>
<script src="../assets/pages/jquery.projects_new.init.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
<script>
$('.change-avatar').on('click', function() { $('#fileupload').click();return false;});
$('.add-member').on('click', function() { $('#add-member').click();return false;});
</script>
</body>
</html>
public/apps/project-board.html
+1143
View File
File diff suppressed because it is too large Load Diff
public/apps/project-files.html
+732
View File
@@ -0,0 +1,732 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Projects</a></li>
<li class="breadcrumb-item active">Files</li>
</ol>
</div>
<h4 class="page-title">Files</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class="dropdown d-inline-block float-right mt-n2">
<a class="nav-link dropdown-toggle arrow-none" id="drop1" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-18 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="drop1" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(38px, 38px, 0px);">
<a class="dropdown-item" href="#">Create Folder</a>
<a class="dropdown-item" href="#">Delete</a>
<a class="dropdown-item" href="#">Settings</a>
</div>
</div>
<h4 class="header-title mt-0 mb-3">Categories</h4>
<div class="files-nav">
<div class="nav flex-column nav-pills" id="files-tab" aria-orientation="vertical">
<a class="nav-link active" id="files-projects-tab" data-toggle="pill" href="#files-projects" aria-selected="true">
<span class="mr-3 text-warning d-inline-block">📁</span>
<div class="d-inline-block align-self-center">
<h5 class="m-0">Projects</h5>
<small>80GB/200GB Used</small>
</div>
</a>
<a class="nav-link" id="files-pdf-tab" data-toggle="pill" href="#files-pdf" aria-selected="false">
<span class="mr-3 text-warning d-inline-block">📁</span>
<div class="d-inline-block align-self-center">
<h5 class="m-0">Pdf Files</h5>
<small>80GB/200GB Used</small>
</div>
</a>
<a class="nav-link align-items-center" id="files-documents-tab" data-toggle="pill" href="#files-documents" aria-selected="false">
<span class="mr-3 text-warning d-inline-block">📁</span>
<div class="d-inline-block align-self-center">
<h5 class="m-0">Documents</h5>
<small>80GB/200GB Used</small>
</div>
<small class="badge badge-warning ml-auto">8</small>
</a>
<a class="nav-link mb-0" href="#" data-toggle="modal" data-animation="bounce" data-target=".hide-modal">
<span class="mr-3 text-warning d-inline-block">🔒</span>
<div class="d-inline-block align-self-center">
<h5 class="m-0">Files Lock</h5>
<small>80GB/200GB Used</small>
</div>
</a>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<small class="float-right">62%</small>
<h6 class="mt-0">620GB / 1TB Used</h6>
<div class="progress" style="height: 5px;">
<div class="progress-bar bg-success" role="progressbar" style="width: 62%;" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-9">
<div class="">
<div class="tab-content" id="files-tabContent">
<div class="tab-pane fade show active" id="files-projects">
<h4 class="header-title mt-0 mb-3">Projects</h4>
<div class="file-box-content">
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-alt text-primary"></i>
<h6 class="text-truncate mb-1">Admin_Panel</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-code text-danger"></i>
<h6 class="text-truncate mb-1">Ecommerce.pdf</h6>
<small class="text-muted">15 March 2019 / 8MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-archive text-warning"></i>
<h6 class="text-truncate mb-1">Payment_app.zip</h6>
<small class="text-muted">11 April 2019 / 10MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file text-secondary"></i>
<h6 class="text-truncate mb-1">App_landing_001</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<h4 class="header-title my-3">Freelancing Projects</h4>
</div>
</div>
<div class="file-box-content">
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-alt text-primary"></i>
<h6 class="text-truncate mb-1">Admin_Panel</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-code text-info"></i>
<h6 class="text-truncate mb-1">Ecommerce.pdf</h6>
<small class="text-muted">15 March 2019 / 8MB</small>
</div>
</div>
</div>
</div><!--end tab-pane-->
<div class="tab-pane fade" id="files-pdf">
<h4 class="mt-0 header-title mb-3">PDF Files</h4>
<div class="file-box-content">
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-info"></i>
<h6 class="text-truncate mb-1">Admin_Panel</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-danger"></i>
<h6 class="text-truncate mb-1">Ecommerce.pdf</h6>
<small class="text-muted">15 March 2019 / 8MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-warning"></i>
<h6 class="text-truncate mb-1">Payment_app.zip</h6>
<small class="text-muted">11 April 2019 / 10MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-secondary"></i>
<h6 class="text-truncate mb-1">App_landing_001.pdf</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
</div>
</div><!--end tab-pane-->
<div class="tab-pane fade" id="files-documents">
<h4 class="mt-0 header-title mb-3">Documents</h4>
<div class="file-box-content">
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-info"></i>
<h6 class="text-truncate mb-1">Adharcard_update</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-danger"></i>
<h6 class="text-truncate mb-1">Pancard</h6>
<small class="text-muted">15 March 2019 / 8MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-warning"></i>
<h6 class="text-truncate mb-1">ICICI_statment</h6>
<small class="text-muted">11 April 2019 / 10MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-secondary"></i>
<h6 class="text-truncate mb-1">March_Invoice</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<h4 class="header-title my-3">Company Documents</h4>
</div>
</div>
<div class="file-box-content">
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-success"></i>
<h6 class="text-truncate mb-1">Adharcard_update</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-pink"></i>
<h6 class="text-truncate mb-1">Pancard</h6>
<small class="text-muted">15 March 2019 / 8MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-purple"></i>
<h6 class="text-truncate mb-1">ICICI_statment</h6>
<small class="text-muted">11 April 2019 / 10MB</small>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<h4 class="header-title my-3">Personal Documents</h4>
</div>
</div>
<div class="file-box-content">
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-blue"></i>
<h6 class="text-truncate mb-1">Adharcard_update</h6>
<small class="text-muted">06 March 2019 / 5MB</small>
</div>
</div>
<div class="file-box">
<a href="#" class="download-icon-link">
<i class="dripicons-download file-download-icon"></i>
</a>
<div class="text-center">
<i class="far fa-file-pdf text-dark"></i>
<h6 class="text-truncate mb-1">Pancard</h6>
<small class="text-muted">15 March 2019 / 8MB</small>
</div>
</div>
</div>
</div><!--end tab-pen-->
<div class="tab-pane fade" id="files-hide">
<h4 class="mt-0 header-title mb-3">Hide</h4>
</div><!--end tab-pane-->
</div> <!--end tab-content-->
</div><!--end card-body-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<!-- Modal -->
<div class="modal fade hide-modal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title mt-0" id="exampleModalLabel">Enter Password</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="p-3">
<form class="form-horizontal" action="index.html">
<div class="text-center mb-4">
<div class="avatar-box thumb-xl align-self-center mr-2">
<span class="avatar-title bg-light rounded-circle text-dark"><i class="fas fa-lock text-danger"></i></span>
</div>
</div>
<div class="input-group">
<input type="password" class="form-control" placeholder="Password" aria-label="Password" aria-describedby="HideCard">
<div class="input-group-append">
<button class="btn btn-gradient-primary" type="button" id="HideCard"><i class="mdi mdi-key"></i></button>
</div>
</div>
</form>
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/project-overview.html
+931
View File
@@ -0,0 +1,931 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Projects</a></li>
<li class="breadcrumb-item active">Overview</li>
</ol>
</div>
<h4 class="page-title">Overview</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<h4 class="mt-0 header-title">Project Budget</h4>
<div class="apexchart-wrapper">
<div id="budgets_chart" class="apex-charts"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-6">
<div class="row">
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-3 align-self-center">
<div class="icon-info">
<i class="mdi mdi-diamond-stone text-warning font-30"></i>
</div>
</div>
<div class="col-9 align-self-center text-right">
<div class="ml-2">
<p class="mb-1 text-muted">Projects</p>
<h4 class="mt-0 mb-1 font-20 font-weight-semibold">35</h4>
</div>
</div>
</div>
<div class="progress mt-2" style="height:3px;">
<div class="progress-bar bg-warning" role="progressbar" style="width: 55%;" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-3 align-self-center">
<div class="icon-info">
<i class="mdi mdi-playlist-check text-success font-30"></i>
</div>
</div>
<div class="col-9 align-self-center text-right">
<div class="ml-2">
<p class="mb-0 text-muted">Tasks</p>
<h4 class="mt-0 mb-1 d-inline-block font-20 font-weight-semibold">40</h4>
<span class="badge badge-soft-success mt-1 shadow-none">Active</span>
</div>
</div>
</div>
<div class="progress mt-2" style="height:3px;">
<div class="progress-bar bg-success" role="progressbar" style="width: 48%;" aria-valuenow="48" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-sm-3 col-4 align-self-center">
<div class="icon-info">
<i class="mdi mdi-coin-outline text-pink font-30"></i>
</div>
</div>
<div class="col-sm-9 col-8 align-self-center text-right">
<div class="ml-2">
<p class="mb-1 text-muted">Budget</p>
<h4 class="mt-0 mb-1 font-20 font-weight-semibold">$18090</h4>
</div>
</div>
</div>
<div class="progress mt-2" style="height:3px;">
<div class="progress-bar bg-pink" role="progressbar" style="width: 22%;" aria-valuenow="22" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-6">
<h4 class="header-title mt-0 mb-3">Tasks Performance</h4>
<div class="apexchart-wrapper">
<div id="task_status" class="apex-charts"></div>
</div>
</div><!--end col-->
<div class="col-md-6 align-self-center">
<div class="text-center">
<img src="../assets/images/widgets/weather.png" alt="" height="70" >
<h2>32°</h2>
<h4 class="title-text">San Francisco, California</h4>
<p class="text-muted">SUNDAY 25<sup>th</sup> Aug 2019</p>
<button type="button" class="btn btn-sm btn-outline-primary btn-round weather-btn-icon">View Details <i class="mdi mdi-arrow-right"></i></button>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-4">
<div class="card">
<div class="card-body dash-info-carousel mb-0">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
<div class="row">
<div class="col-12 align-self-center">
<div class="text-center">
<h4 class="mt-0 header-title text-left">Project Launch Date</h4>
<div class="my-3">
<img src="../assets/images/widgets/p-1.svg" alt="" height="103" class="">
</div>
<h2 class="project-title mb-2">Marketech World</h2>
<p class="mb-1 text-muted"><span class="mr-2 text-secondary font-14"><b>190 Days</b></span> Tuesday, 25 July 2019</p>
<div>
<h3 class="d-inline-block mb-0 font-weight-bold">95</h3>
<span class="font-weight-semibold">/205 Complate</span>
<p class="text-muted d-inline-block">Added <span class="text-dark font-16">5</span> new tasks</p>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end carousel-item-->
<div class="carousel-item active carousel-item-left">
<div class="row">
<div class="col-12 align-self-center">
<div class="text-center">
<h4 class="mt-0 header-title text-left">Project Launch Date</h4>
<div class="my-3">
<img src="../assets/images/widgets/p-2.svg" alt="" height="103" class="">
</div>
<h2 class="project-title mb-2">Book My World</h2>
<p class="mb-1 text-muted"><span class="mr-2 text-secondary font-14"><b>130 Days</b></span> Tuesday, 25 July 2019</p>
<div>
<h3 class="d-inline-block mb-0 font-weight-bold">188</h3>
<span class="font-weight-semibold">/320 Complate</span>
<p class="text-muted d-inline-block">Added <span class="text-dark font-16">14</span> new tasks</p>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end carousel-item-->
<div class="carousel-item carousel-item-next carousel-item-left">
<div class="row">
<div class="col-12 align-self-center">
<div class="text-center">
<h4 class="mt-0 header-title text-left">Project Launch Date</h4>
<div class="my-3">
<img src="../assets/images/widgets/p-3.svg" alt="" height="103" class="">
</div>
<h2 class="project-title mb-2">Organic Farming</h2>
<p class="mb-1 text-muted"><span class="mr-2 text-secondary font-14"><b>100 Days</b></span> Tuesday, 25 July 2019</p>
<div>
<h3 class="d-inline-block mb-0 font-weight-bold">101</h3>
<span class="font-weight-semibold">/125 Complate</span>
<p class="text-muted d-inline-block">Added <span class="text-dark font-16">6</span> new tasks</p>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end carousel-item-->
<div class="carousel-item">
<div class="row">
<div class="col-12 align-self-center">
<div class="text-center">
<h4 class="mt-0 header-title text-left">Project Launch Date</h4>
<div class="my-3">
<img src="../assets/images/widgets/p-4.svg" alt="" height="103" class="">
</div>
<h2 class="project-title mb-2">Transfer money</h2>
<p class="mb-1 text-muted"><span class="mr-2 text-secondary font-14"><b>85 Days</b></span> Tuesday, 25 July 2019</p>
<div>
<h3 class="d-inline-block mb-0 font-weight-bold">84</h3>
<span class="font-weight-semibold">/152 Complate</span>
<p class="text-muted d-inline-block">Added <span class="text-dark font-16">10</span> new tasks</p>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end carousel-item-->
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<h4 class="header-title mt-0 mb-3">Projects Workload</h4>
<div class="table-responsive">
<table class="table mb-0">
<tbody>
<tr>
<td class="border-top-0">
<img src="../assets/images/widgets/project1.jpg" alt="" class="thumb-sm rounded-circle mr-1">
<span class="text-info">Book My World</span>
</td>
<td class="border-top-0">
<small class="float-right text-muted ml-3 font-14">121h</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-pink" role="progressbar" style="width: 55%; border-radius:5px;" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/widgets/project2.jpg" alt="" class="thumb-sm rounded-circle mr-1">
<span class="text-info">Organic Farming</span>
</td>
<td>
<small class="float-right text-muted ml-3 font-14">522h</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 66%; border-radius:5px;" aria-valuenow="66" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/widgets/project3.jpg" alt="" class="thumb-sm rounded-circle mr-1">
<span class="text-info">Marketech World</span>
</td>
<td>
<small class="float-right text-muted ml-3 font-14">245h</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-warning" role="progressbar" style="width: 34%; border-radius:5px;" aria-valuenow="34" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>
<img src="../assets/images/widgets/project4.jpg" alt="" class="thumb-sm rounded-circle mr-1">
<span class="text-info">Transfer money</span>
</td>
<td>
<small class="float-right text-muted ml-3 font-14">80h</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-success" role="progressbar" style="width: 28%; border-radius:5px;" aria-valuenow="28" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
</tbody>
</table> <!--end row-->
</div><!--end table-responsive-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<h4 class="header-title mt-0 mb-3">Tasks List</h4>
<div class="todo-list slimscroll">
<div class="todo-box">
<i class="remove far fa-trash-alt"></i>
<div class="todo-task">
<label class="ckbox">
<input type="checkbox"><span>Icon change in Redesign App</span>
</label>
</div>
</div>
<div class="todo-box">
<i class="remove far fa-trash-alt"></i>
<div class="todo-task">
<label class="ckbox">
<input type="checkbox" checked=""><span>Add search button Market Research</span>
</label>
</div>
</div>
<div class="todo-box">
<i class="remove far fa-trash-alt"></i>
<div class="todo-task">
<label class="ckbox">
<input type="checkbox"><span>Test new features in tablets</span>
</label>
</div>
</div>
<div class="todo-box">
<i class="remove far fa-trash-alt"></i>
<div class="todo-task">
<label class="ckbox">
<input type="checkbox" checked=""><span>Send IOS App documents</span>
</label>
</div>
</div>
<div class="todo-box">
<i class="remove far fa-trash-alt"></i>
<div class="todo-task">
<label class="ckbox">
<input type="checkbox"><span>Connect API to pages</span>
</label>
</div>
</div>
</div>
<div class="input-group custom-input">
<input type="text" class="form-control todo-list-input" placeholder="Add task">
<span class="input-group-append"></span>
<button class="btn btn-gradient-primary add-new-todo-btn">Add</button>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<h4 class="header-title mt-0 mb-4">Activity</h4>
<div class="slimscroll crm-dash-activity">
<div class="activity">
<div class="activity-info">
<div class="icon-info-activity">
<i class="mdi mdi-checkbox-marked-circle-outline bg-soft-success"></i>
</div>
<div class="activity-info-text">
<div class="d-flex justify-content-between align-items-center">
<h6 class="m-0 w-75">Task finished</h6>
<span class="text-muted d-block font-12">10 Min ago</span>
</div>
<p class="text-muted mt-3">There are many variations majority have suffered alteration.
<a href="#" class="text-info">[more info]</a>
</p>
</div>
</div>
<div class="activity-info">
<div class="icon-info-activity">
<i class="mdi mdi-timer-off bg-soft-pink"></i>
</div>
<div class="activity-info-text">
<div class="d-flex justify-content-between align-items-center">
<h6 class="m-0 w-75">Task Overdue</h6>
<span class="text-muted font-12">50 Min ago</span>
</div>
<p class="text-muted mt-3">There are many variations majority have suffered alteration.
<a href="#" class="text-info">[more info]</a>
</p>
<span class="badge badge-soft-secondary">Design</span>
<span class="badge badge-soft-secondary">HTML</span>
</div>
</div>
<div class="activity-info">
<div class="icon-info-activity">
<i class="mdi mdi-alert-decagram bg-soft-purple"></i>
</div>
<div class="activity-info-text">
<div class="d-flex justify-content-between align-items-center">
<h6 class="m-0 w-75">New Task</h6>
<span class="text-muted font-12">10 hours ago</span>
</div>
<p class="text-muted mt-3">There are many variations majority have suffered alteration.
<a href="#" class="text-info">[more info]</a>
</p>
</div>
</div>
<div class="activity-info">
<div class="icon-info-activity">
<i class="mdi mdi-clipboard-alert bg-soft-warning"></i>
</div>
<div class="activity-info-text">
<div class="d-flex justify-content-between align-items-center">
<h6 class="m-0">New Comment</h6>
<span class="text-muted font-12">Yesterday</span>
</div>
<p class="text-muted mt-3">There are many variations majority have suffered alteration.
<a href="#" class="text-info">[more info]</a>
</p>
</div>
</div>
<div class="activity-info">
<div class="icon-info-activity">
<i class="mdi mdi-clipboard-alert bg-soft-secondary"></i>
</div>
<div class="activity-info-text">
<div class="d-flex justify-content-between align-items-center">
<h6 class="m-0">New Lead Miting</h6>
<span class="text-muted font-12">14 Nov 2019</span>
</div>
<p class="text-muted mt-3">There are many variations majority have suffered alteration.
<a href="#" class="text-info">[more info]</a>
</p>
</div>
</div>
</div><!--end activity-->
</div><!--end crm-dash-activity-->
</div> <!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-8">
<div class="card">
<div class="card-body">
<h4 class="mt-0 mb-3 header-title">All Projects</h4>
<div class="row">
<div class="col-sm-12">
<div class="table-responsive">
<table class="table table-hover mb-0">
<thead class="thead-light">
<tr>
<th>Project Name</th>
<th>Client Name</th>
<th>Start Date</th>
<th>Deadline</th>
<th>Status</th>
<th>Progress</th>
</tr>
</thead>
<tbody>
<tr>
<td>Product Devlopment</td>
<td>
<img src="../assets/images/users/user-2.jpg" alt="" class="thumb-sm rounded-circle mr-2">
Kevin J. Heal
</td>
<td>20/3/2018</td>
<td>5/5/2018</td>
<td><span class="badge badge-md badge-boxed badge-soft-success">Active</span></td>
<td>
<small class="float-right ml-2 pt-1 font-10">92%</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 92%;" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>New Office Building</td>
<td>
<img src="../assets/images/users/user-3.jpg" alt="" class="thumb-sm rounded-circle mr-2">
Frank M. Lyons
</td>
<td>11/6/2018</td>
<td>15/7/2018</td>
<td><span class="badge badge-md badge-boxed badge-soft-warning">Panding</span></td>
<td>
<small class="float-right ml-2 pt-1 font-10">0%</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>Website &amp; Blog</td>
<td>
<img src="../assets/images/users/user-4.jpg" alt="" class="thumb-sm rounded-circle mr-2">
Hyman M. Cross
</td>
<td>21/6/2018</td>
<td>3/7/2018</td>
<td><span class="badge badge-md badge-boxed badge-soft-warning">Panding</span></td>
<td>
<small class="float-right ml-2 pt-1 font-10">0%</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>Market Research</td>
<td>
<img src="../assets/images/users/user-5.jpg" alt="" class="thumb-sm rounded-circle mr-2">
Angelo E. Butler
</td>
<td>30/4/2018</td>
<td>1/6/2018</td>
<td><span class="badge badge-md badge-boxed badge-soft-success">Active</span></td>
<td>
<small class="float-right ml-2 pt-1 font-10">78%</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 78%;" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>Export Marketing</td>
<td>
<img src="../assets/images/users/user-6.jpg" alt="" class="thumb-sm rounded-circle mr-2">
Robert C. Golding
</td>
<td>20/3/2018</td>
<td>5/5/2018</td>
<td><span class="badge badge-md badge-boxed badge-soft-success">Active</span></td>
<td>
<small class="float-right ml-2 pt-1 font-10">45%</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 45%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
<tr>
<td>Website &amp; Blog</td>
<td>
<img src="../assets/images/users/user-8.jpg" alt="" class="thumb-sm rounded-circle mr-2">
Phillip T. Morse
</td>
<td>8/4/2018</td>
<td>2/6/2018</td>
<td><span class="badge badge-md badge-boxed badge-soft-danger">Complete</span></td>
<td>
<small class="float-right ml-2 pt-1 font-10">100%</small>
<div class="progress mt-2" style="height:5px;">
<div class="progress-bar bg-pink" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="text-right">
<a href="#" class="">View All<i class="dripicons-arrow-thin-right ml-2"></i></a>
</div>
</div><!--end table-responsive-->
</div><!--end col-->
</div> <!--end row-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../../plugins/apexcharts/apexcharts.min.js"></script>
<script src="../assets/pages/jquery.projects_overview.init.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/project-projects.html
+722
View File
@@ -0,0 +1,722 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Projects</a></li>
<li class="breadcrumb-item active">Projects</li>
</ol>
</div>
<h4 class="page-title">Projects</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-6">
<ul class="list-inline">
<li class="list-inline-item">
<h5 class="mt-0">Here the list of all continu projects. <span class="badge badge-pink">6</span></h5>
</li>
</ul>
</div><!--end col-->
<div class="col-lg-6 text-right">
<div class="text-right">
<ul class="list-inline">
<li class="list-inline-item">
<div class="input-group">
<input type="text" id="example-input1-group2" name="example-input1-group2" class="form-control" placeholder="Search">
<span class="input-group-append">
<button type="button" class="btn btn-gradient-primary"><i class="fas fa-search"></i></button>
</span>
</div>
</li>
<li class="list-inline-item">
<button type="button" class="btn btn-gradient-primary"><i class="fas fa-cog"></i></button>
</li>
<li class="list-inline-item">
<button type="button" class="btn btn-gradient-primary">Add New Project</button>
</li>
</ul>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class=" d-flex justify-content-end">
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel1" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel1">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</div>
<div class="text-center project-card">
<img src="../assets/images/widgets/p-1.svg" alt="" height="80" class="mx-auto d-block mb-3">
<span class="badge badge-soft-success font-11">Marketing</span>
<h3 class="project-title ">Marketech World</h3>
<p class="text-muted"><span class="text-secondary font-14"><b>Description :</b></span>There are many variations of passages of
Lorem Ipsum available, but the majority have suffered alteration in some form.
</p>
<a href="" class="text-info">www.xyz.marketechworld.com</a>
<h4>52/90</h4>
<p class="text-muted">Task Complete</p>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+25</span>
</a>
</div><!--end img-group-->
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class=" d-flex justify-content-end">
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel2" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel2">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</div>
<div class="text-center project-card">
<img src="../assets/images/widgets/p-4.svg" alt="" height="80" class="mx-auto d-block mb-3">
<span class="badge badge-soft-danger font-11">Transactions</span>
<h3 class="project-title ">Transfer money</h3>
<p class="text-muted"><span class="text-secondary font-14"><b>Description :</b></span>There are many variations of passages of
Lorem Ipsum available, but the majority have suffered alteration in some form.
</p>
<a href="" class="text-info">www.xyz.transactions.com</a>
<h4>88/120</h4>
<p class="text-muted">Task Complete</p>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-9.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-10.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+10</span>
</a>
</div><!--end img-group-->
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class=" d-flex justify-content-end">
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel3" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel3">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</div>
<div class="text-center project-card">
<img src="../assets/images/widgets/p-3.svg" alt="" height="80" class="mx-auto d-block mb-3">
<span class="badge badge-soft-purple font-11">Organic</span>
<h3 class="project-title ">Organic Farming</h3>
<p class="text-muted"><span class="text-secondary font-14"><b>Description :</b></span>There are many variations of passages of
Lorem Ipsum available, but the majority have suffered alteration in some form.
</p>
<a href="" class="text-info">www.marketechworld.com</a>
<h4>52/90</h4>
<p class="text-muted">Task Complete</p>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-1.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+5</span>
</a>
</div><!--end img-group-->
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class=" d-flex justify-content-end">
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel4" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel4">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</div>
<div class="text-center project-card">
<img src="../assets/images/widgets/p-2.svg" alt="" height="80" class="mx-auto d-block mb-3">
<span class="badge badge-soft-info font-11">Booking</span>
<h3 class="project-title ">Book My World</h3>
<p class="text-muted"><span class="text-secondary font-14"><b>Description :</b></span>There are many variations of passages of
Lorem Ipsum available, but the majority have suffered alteration in some form.
</p>
<a href="" class="text-info">www.xyz.bookmyworld.com</a>
<h4>32/60</h4>
<p class="text-muted">Task Complete</p>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+8</span>
</a>
</div><!--end img-group-->
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class=" d-flex justify-content-end">
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel5" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel5">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</div>
<div class="text-center project-card">
<img src="../assets/images/widgets/p-5.svg" alt="" height="80" class="mx-auto d-block mb-3">
<span class="badge badge-soft-success font-11">GPS</span>
<h3 class="project-title ">New GPS System</h3>
<p class="text-muted"><span class="text-secondary font-14"><b>Description :</b></span>There are many variations of passages of
Lorem Ipsum available, but the majority have suffered alteration in some form.
</p>
<a href="" class="text-info">www.xyz.gpssystem.com</a>
<h4>52/90</h4>
<p class="text-muted">Task Complete</p>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-10.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+14</span>
</a>
</div><!--end img-group-->
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class=" d-flex justify-content-end">
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel6" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel6">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
<a class="dropdown-item" href="#">Delete</a>
</div>
</div>
</div>
<div class="text-center project-card">
<img src="../assets/images/widgets/p-6.svg" alt="" height="80" class="mx-auto d-block mb-3">
<span class="badge badge-soft-danger font-11">Healthy</span>
<h3 class="project-title ">Body Care</h3>
<p class="text-muted"><span class="text-secondary font-14"><b>Description :</b></span>There are many variations of passages of
Lorem Ipsum available, but the majority have suffered alteration in some form.
</p>
<a href="" class="text-info">www.xyz.bodycare.com</a>
<h4>26/36</h4>
<p class="text-muted">Task Complete</p>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-9.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+4</span>
</a>
</div><!--end img-group-->
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/project-teams.html
+808
View File
@@ -0,0 +1,808 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Projects</a></li>
<li class="breadcrumb-item active">Team</li>
</ol>
</div>
<h4 class="page-title">Team</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">UI/UX Design Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel1" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel1">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-4.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Marnie Flowers</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+2</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">Web Design Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel2" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel2">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-5.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Willie Miller</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-10.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-9.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+4</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">Frontend Developer Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel3" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel3">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-9.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Jason Haston</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+2</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">Backend Developer Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel4" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel4">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-8.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Steven Hilliard</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-9.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+5</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">UI/UX Design Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel5" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel5">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-10.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Marnie Flowers</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-10.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-1.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+3</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">Web Design Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel6" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel6">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-3.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Willie Miller</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+2</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">Frontend Developer Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel7" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel7">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-2.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Jason Haston</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+2</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-3">
<div class="card team-card">
<div class="card-body">
<div class=" d-flex justify-content-between">
<h4 class="header-title mt-0 d-inline-block">Backend Developer Team</h4>
<div class="dropdown d-inline-block">
<a class="nav-link dropdown-toggle arrow-none" id="dLabel8" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="fas fa-ellipsis-v font-20 text-muted"></i>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel8">
<a class="dropdown-item" href="#">Create Project</a>
<a class="dropdown-item" href="#">Open Project</a>
<a class="dropdown-item" href="#">Tasks Details</a>
</div>
</div>
</div>
<div class="text-center">
<img src="../assets/images/users/user-1.jpg" alt="" class="rounded-circle user-img img-thumbnail">
<div class="online-circle">
<i class="fa fa-circle text-success"></i>
</div>
<h4 class="team-leader">Steven Hilliard</h4>
<p class="text-muted font-12">Team Leader</p>
<ul class="list-inline language-skill mb-4">
<li class="list-inline-item">Tag : </li>
<li class="list-inline-item"><span>android</span></li>
<li class="list-inline-item"><span>jango</span></li>
<li class="list-inline-item"><span>python</span></li>
<li class="list-inline-item">
<button type="button" class="btn btn-soft-secondary btn-xs btn-round font-12">+</button>
</li>
</ul>
</div>
<small class="float-right font-13 pt-2 text-muted">1 Lead , 7 Employees</small>
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-1.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-10.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-info rounded-circle font-13 font-weight-normal">+1</span>
</a>
</div> <!--end img-group-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<!-- App js -->
<script src="../assets/js/jquery.core.js"></script>
<script src="../assets/js/app.js"></script>
</body>
</html>
public/apps/tasks.html
+898
View File
@@ -0,0 +1,898 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Crovex - Admin & Dashboard Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
<meta content="" name="author" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- App favicon -->
<link rel="shortcut icon" href="../assets/images/favicon.ico">
<!-- App css -->
<link href="../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/jquery-ui.min.css" rel="stylesheet">
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/metisMenu.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/css/app.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="../projects/projects-index.html" class="logo">
<span>
<img src="../assets/images/logo-sm.png" alt="logo-small" class="logo-sm">
</span>
<span>
<img src="../assets/images/logo.png" alt="logo-large" class="logo-lg logo-light">
<img src="../assets/images/logo-dark.png" alt="logo-large" class="logo-lg">
</span>
</a>
</div>
<!--end logo-->
<!-- Navbar -->
<nav class="navbar-custom">
<ul class="list-unstyled topbar-nav float-right mb-0">
<li class="hidden-sm">
<a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" href="javascript: void(0);" role="button"
aria-haspopup="false" aria-expanded="false">
English <img src="../assets/images/flags/us_flag.jpg" class="ml-2" height="16" alt=""/> <i class="mdi mdi-chevron-down"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="javascript: void(0);"><span> German </span><img src="../assets/images/flags/germany_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Italian </span><img src="../assets/images/flags/italy_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> French </span><img src="../assets/images/flags/french_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Spanish </span><img src="../assets/images/flags/spain_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
<a class="dropdown-item" href="javascript: void(0);"><span> Russian </span><img src="../assets/images/flags/russia_flag.jpg" alt="" class="ml-2 float-right" height="14"/></a>
</div>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<i class="ti-bell noti-icon"></i>
<span class="badge badge-danger badge-pill noti-icon-badge">2</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-lg pt-0">
<h6 class="dropdown-item-text font-15 m-0 py-3 bg-primary text-white d-flex justify-content-between align-items-center">
Notifications <span class="badge badge-light badge-pill">2</span>
</h6>
<div class="slimscroll notification-list">
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 min ago</small>
<div class="media">
<div class="avatar-md bg-primary">
<i class="la la-cart-arrow-down text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">Dummy text of the printing and industry.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">10 min ago</small>
<div class="media">
<div class="avatar-md bg-success">
<i class="la la-group text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Meeting with designers</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">40 min ago</small>
<div class="media">
<div class="avatar-md bg-pink">
<i class="la la-list-alt text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">UX 3 Task complete.</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">1 hr ago</small>
<div class="media">
<div class="avatar-md bg-warning">
<i class="la la-truck text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Your order is placed</h6>
<small class="text-muted mb-0">It is a long established fact that a reader.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
<!-- item-->
<a href="#" class="dropdown-item py-3">
<small class="float-right text-muted pl-2">2 hrs ago</small>
<div class="media">
<div class="avatar-md bg-info">
<i class="la la-check-circle text-white"></i>
</div>
<div class="media-body align-self-center ml-2 text-truncate">
<h6 class="my-0 font-weight-normal text-dark">Payment Successfull</h6>
<small class="text-muted mb-0">Dummy text of the printing.</small>
</div><!--end media-body-->
</div><!--end media-->
</a><!--end-item-->
</div>
<!-- All-->
<a href="javascript:void(0);" class="dropdown-item text-center text-primary">
View all <i class="fi-arrow-right"></i>
</a>
</div>
</li>
<li class="dropdown">
<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button"
aria-haspopup="false" aria-expanded="false">
<img src="../assets/images/users/user-1.png" alt="profile-user" class="rounded-circle" />
<span class="ml-1 nav-user-name hidden-sm">Amelia <i class="mdi mdi-chevron-down"></i> </span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#"><i class="ti-user text-muted mr-2"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="ti-wallet text-muted mr-2"></i> My Wallet</a>
<a class="dropdown-item" href="#"><i class="ti-settings text-muted mr-2"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="ti-lock text-muted mr-2"></i> Lock screen</a>
<div class="dropdown-divider mb-0"></div>
<a class="dropdown-item" href="#"><i class="ti-power-off text-muted mr-2"></i> Logout</a>
</div>
</li>
</ul><!--end topbar-nav-->
<ul class="list-unstyled topbar-nav mb-0">
<li>
<button class="nav-link button-menu-mobile waves-effect waves-light">
<i class="ti-menu nav-icon"></i>
</button>
</li>
<li class="hide-phone app-search">
<form role="search" class="">
<input type="text" id="AllCompo" placeholder="Search..." class="form-control">
<a href=""><i class="fas fa-search"></i></a>
</form>
</li>
</ul>
</nav>
<!-- end navbar-->
</div>
<!-- Top Bar End -->
<!-- Left Sidenav -->
<div class="left-sidenav">
<ul class="metismenu left-sidenav-menu">
<li>
<a href="javascript: void(0);"><i class="ti-bar-chart"></i><span>Dashboard</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../dashboard/analytics-index.html"><i class="ti-control-record"></i>Analytics</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/crm-index.html"><i class="ti-control-record"></i>CRM</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/helpdesk-index.html"><i class="ti-control-record"></i>Helpdesk</a></li>
<li class="nav-item"><a class="nav-link" href="../dashboard/sales-index.html"><i class="ti-control-record"></i>Sales</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-server"></i><span>Apps</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/email-inbox.html">Inbox</a></li>
<li><a href="../apps/email-read.html">Read Email</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="../apps/chat.html"><i class="ti-control-record"></i>Chat</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/contact-list.html"><i class="ti-control-record"></i>Contact List</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/calendar.html"><i class="ti-control-record"></i>Calendar</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/invoice.html"><i class="ti-control-record"></i>Invoice</a></li>
<li class="nav-item"><a class="nav-link" href="../apps/tasks.html"><i class="ti-control-record"></i>Tasks</a></li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Projects <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/project-overview.html">Overview</a></li>
<li><a href="../apps/project-projects.html">Projects</a></li>
<li><a href="../apps/project-board.html">Board</a></li>
<li><a href="../apps/project-teams.html">Teams</a></li>
<li><a href="../apps/project-files.html">Files</a></li>
<li><a href="../apps/new-project.html">New Project</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Ecommerce <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../apps/ecommerce-products.html">Products</a></li>
<li><a href="../apps/ecommerce-product-list.html">Product List</a></li>
<li><a href="../apps/ecommerce-product-detail.html">Product Detail</a></li>
<li><a href="../apps/ecommerce-cart.html">Cart</a></li>
<li><a href="../apps/ecommerce-checkout.html">Checkout</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-crown"></i><span>UI Kit</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Elements <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/ui-bootstrap.html">Bootstrap</a></li>
<li><a href="../others/ui-animation.html">Animation</a></li>
<li><a href="../others/ui-avatar.html">Avatar</a></li>
<li><a href="../others/ui-clipboard.html">Clip Board</a></li>
<li><a href="../others/ui-files.html">File Manager</a></li>
<li><a href="../others/ui-check-radio.html"><span>Check & Radio</span></a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Advanced UI <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/advanced-rangeslider.html">Range Slider</a></li>
<li><a href="../others/advanced-sweetalerts.html">Sweet Alerts</a></li>
<li><a href="../others/advanced-nestable.html">Nestable List</a></li>
<li><a href="../others/advanced-ratings.html">Ratings</a></li>
<li><a href="../others/advanced-highlight.html">Highlight</a></li>
<li><a href="../others/advanced-session.html">Session Timeout</a></li>
<li><a href="../others/advanced-idle-timer.html">Idle Timer</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Forms <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/forms-elements.html">Basic Elements</a></li>
<li><a href="../others/forms-advanced.html">Advance Elements</a></li>
<li><a href="../others/forms-validation.html">Validation</a></li>
<li><a href="../others/forms-wizard.html">Wizard</a></li>
<li><a href="../others/forms-editors.html">Editors</a></li>
<li><a href="../others/forms-repeater.html">Repeater</a></li>
<li><a href="../others/forms-x-editable.html">X Editable</a></li>
<li><a href="../others/forms-uploads.html">File Upload</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Charts <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/charts-apex.html">Apex</a></li>
<li><a href="../others/charts-morris.html">Morris</a></li>
<li><a href="../others/charts-flot.html">Flot</a></li>
<li><a href="../others/charts-chartjs.html">Chartjs</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Tables <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/tables-basic.html">Basic</a></li>
<li><a href="../others/tables-datatable.html">Datatables</a></li>
<li><a href="../others/tables-responsive.html">Responsive</a></li>
<li><a href="../others/tables-editable.html">Editable</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Icons <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/icons-materialdesign.html">Material Design</a></li>
<li><a href="../others/icons-dripicons.html">Dripicons</a></li>
<li><a href="../others/icons-fontawesome.html">Font awesome</a></li>
<li><a href="../others/icons-themify.html">Themify</a></li>
<li><a href="../others/icons-typicons.html">Typicons</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Maps <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/maps-google.html">Google Maps</a></li>
<li><a href="../others/maps-vector.html">Vector Maps</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-control-record"></i>Email Template <span class="menu-arrow left-has-menu"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li><a href="../others/email-templates-basic.html">Basic Action Email</a></li>
<li><a href="../others/email-templates-alert.html">Alert Email</a></li>
<li><a href="../others/email-templates-billing.html">Billing Email</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-layers-alt"></i><span>Pages</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../pages/pages-profile.html"><i class="ti-control-record"></i>Profile</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-timeline.html"><i class="ti-control-record"></i>Timeline</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-treeview.html"><i class="ti-control-record"></i>Treeview</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-starter.html"><i class="ti-control-record"></i>Starter Page</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-pricing.html"><i class="ti-control-record"></i>Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="../pages/pages-gallery.html"><i class="ti-control-record"></i>Gallery</a></li>
</ul>
</li>
<li>
<a href="javascript: void(0);"><i class="ti-lock"></i><span>Authentication</span><span class="menu-arrow"><i class="mdi mdi-chevron-right"></i></span></a>
<ul class="nav-second-level" aria-expanded="false">
<li class="nav-item"><a class="nav-link" href="../authentication/auth-login.html"><i class="ti-control-record"></i>Log in</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-register.html"><i class="ti-control-record"></i>Register</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-recover-pw.html"><i class="ti-control-record"></i>Recover Password</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-lock-screen.html"><i class="ti-control-record"></i>Lock Screen</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-404.html"><i class="ti-control-record"></i>Error 404</a></li>
<li class="nav-item"><a class="nav-link" href="../authentication/auth-500.html"><i class="ti-control-record"></i>Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- end left-sidenav-->
<div class="page-wrapper">
<!-- Page Content-->
<div class="page-content">
<div class="container-fluid">
<!-- Page-Title -->
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<div class="float-right">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Crovex</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Apps</a></li>
<li class="breadcrumb-item active">Tasks</li>
</ol>
</div>
<h4 class="page-title">Tasks</h4>
</div><!--end page-title-box-->
</div><!--end col-->
</div>
<!-- end page title end breadcrumb -->
<div class="row">
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="apexchart-wrapper">
<div id="task_status" class="apex-charts"></div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="text-center">
<img class="mr-3 rounded-circle thumb-xl" src="../assets/images/users/user-4.jpg" alt="">
<div class="">
<h5 class="mb-1 text-dark">Robert Marshall</h5>
<small class="text-muted">Project Manager</small>
<ul class="list-unstyled list-inline my-1">
<li class="list-inline-item mr-0">
<i class="mdi mdi-star text-warning font-24"></i>
</li>
<li class="list-inline-item mr-0">
<i class="mdi mdi-star text-warning font-24"></i>
</li>
<li class="list-inline-item mr-0">
<i class="mdi mdi-star text-warning font-24"></i>
</li>
<li class="list-inline-item mr-0">
<i class="mdi mdi-star text-warning font-24"></i>
</li>
<li class="list-inline-item mr-0">
<i class="mdi mdi-star-half text-warning font-24"></i>
</li>
</ul>
</div>
<p class="text-muted font-14 px-3">Contrary to popular belief, Lorem Ipsum is not simply random text.
It has roots in a piece of classical Latin.
</p>
<div>
<a href="#" class="mr-3 text-warning">2843 Followers</a>
<a href="#" class=" text-warning">295 Following</a>
</div>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-4">
<div class="card">
<div class="card-body">
<div class="media mb-4">
<img src="../assets/images/widgets/project3.jpg" alt="" class="thumb-lg rounded-circle">
<div class="media-body align-self-center text-truncate ml-3">
<p class="text-success font-weight-semibold mb-0 font-14">Project</p>
<h4 class="mt-0 mb-0 font-weight-semibold text-dark font-20">Payment App</h4>
</div><!--end media-body-->
</div>
<div class="d-flex justify-content-between">
<div>
<span class="badge badge-soft-pink">UX/UI Design</span>
<span class="badge badge-soft-success">Python</span>
<span class="badge badge-soft-warning">React</span>
</div>
<small class="font-weight-semibold font-13 align-self-center">last update 45min</small>
</div>
<div class="mt-2">
<div class="progress mt-3" style="height:5px;">
<div class="progress-bar bg-warning" role="progressbar" style="width: 85%;" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="row mt-4">
<div class="col-4 text-center align-items-center">
<h5 class="mb-0 font-weight-semibold font-20">5</h5>
<p class="font-12 mb-1 text-muted">Assigned</p>
</div>
<div class="col-4 text-center align-items-center">
<h5 class="mb-0 font-weight-semibold font-20">3</h5>
<p class="font-12 mb-1 text-muted">Started</p>
</div>
<div class="col-4 text-center align-items-center">
<h5 class="mb-0 font-weight-semibold font-20">7</h5>
<p class="font-12 mb-1 text-muted">Completed</p>
</div>
</div>
<div class="mt-4 d-flex justify-content-between">
<p class="mb-0 font-weight-semibold">Start Date : <span class="text-muted font-weight-normal ml-2">20 june 2019</span> </p>
<p class="mb-0 text-danger font-weight-semibold">Deadline : <span class="text-muted font-weight-normal ml-2">08 Aug 2019</span> </p>
</div>
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-6">
<ul class="list-inline">
<li class="list-inline-item">
<h5>🏆 Crovex's availabel team members.</h5>
</li>
<li class="list-inline-item">
<img src="../assets/images/users/user-10.jpg" alt="user" class="rounded-circle thumb-xs">
</li>
<li class="list-inline-item">
<img src="../assets/images/users/user-9.jpg" alt="user" class="rounded-circle thumb-xs">
</li>
<li class="list-inline-item">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xs">
</li>
<li class="list-inline-item">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</li>
<li class="list-inline-item">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</li>
<li class="list-inline-item">
<a href="" class="avatar-box thumb-xs align-self-center">
<span class="avatar-title bg-soft-secondary rounded-circle font-13 font-weight-normal">+4</span>
</a>
</li>
</ul>
</div><!--end col-->
<div class="col-lg-6 text-right">
<div class="text-right">
<ul class="list-inline">
<li class="list-inline-item">
<button type="button" class="btn btn-gradient-primary"><i class="dripicons-gear"></i></button>
</li>
<li class="list-inline-item">
<button type="button" class="btn btn-gradient-primary">Add New Task</button>
</li>
</ul>
</div>
</div><!--end col-->
</div><!--end row-->
<div class="row">
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<div class="task-box">
<div class="task-priority-icon"><i class="fas fa-circle text-success"></i></div>
<p class="text-muted float-right">
<span class="text-muted">01:33</span> /
<span class="text-muted">9:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 06</span>
</p>
<h5 class="mt-0">Organic Farming</h5>
<p class="text-muted mb-1">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form.
</p>
<p class="text-muted text-right mb-1">15% Complete</p>
<div class="progress mb-4" style="height: 4px;">
<div class="progress-bar bg-warning" role="progressbar" style="width: 15%;" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between">
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
</div><!--end img-group-->
<ul class="list-inline mb-0 align-self-center">
<li class="list-item d-inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-success font-15"></i>
<span class="text-muted font-weight-bold">15/100</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline text-primary font-15"></i>
<span class="text-muted font-weight-bold">3</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-muted font-18"></i>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-muted font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end task-box-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<div class="task-box">
<div class="task-priority-icon"><i class="fas fa-circle text-secondary"></i></div>
<p class="text-muted float-right">
<span class="text-muted">01:33</span> /
<span class="text-muted">9:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 06</span>
</p>
<h5 class="mt-0">Transfer money</h5>
<p class="text-muted mb-1">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form.
</p>
<p class="text-muted text-right mb-1">50% Complete</p>
<div class="progress mb-4" style="height: 4px;">
<div class="progress-bar bg-pink" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between">
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
</div><!--end img-group-->
<ul class="list-inline mb-0 align-self-center">
<li class="list-item d-inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-success font-15"></i>
<span class="text-muted font-weight-bold">25/50</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline text-primary font-15"></i>
<span class="text-muted font-weight-bold">7</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-muted font-18"></i>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-muted font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end task-box-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<div class="task-box">
<div class="task-priority-icon"><i class="fas fa-check text-success"></i></div>
<p class="text-muted float-right">
<span class="text-muted">01:20</span> /
<span class="text-muted">1:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 06</span>
</p>
<h5 class="mt-0">Mobile Account Setting</h5>
<p class="text-muted mb-1">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form.
</p>
<p class="text-muted text-right mb-1">100% Complete</p>
<div class="progress mb-4" style="height: 4px;">
<div class="progress-bar bg-success" role="progressbar" style="width: 100%;" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between">
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-2.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-4.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
</div><!--end img-group-->
<ul class="list-inline mb-0 align-self-center">
<li class="list-item d-inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-success font-15"></i>
<span class="text-muted font-weight-bold">128/128</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline text-primary font-15"></i>
<span class="text-muted font-weight-bold">13</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-muted font-18"></i>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-muted font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end task-box-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
<div class="col-lg-6">
<div class="card">
<div class="card-body">
<div class="task-box">
<div class="task-priority-icon"><i class="fas fa-circle text-danger"></i></div>
<p class="text-muted float-right">
<span class="text-danger">10:33</span> /
<span class="text-danger">9:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 08</span>
</p>
<h5 class="mt-0">Book My World</h5>
<p class="text-muted mb-1">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form.
</p>
<p class="text-muted text-right mb-1">95% Complete</p>
<div class="progress mb-4" style="height: 4px;">
<div class="progress-bar bg-purple" role="progressbar" style="width: 95%;" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between">
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
</div><!--end img-group-->
<ul class="list-inline mb-0 align-self-center">
<li class="list-item d-inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-success font-15"></i>
<span class="text-muted font-weight-bold">82/90</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline text-primary font-15"></i>
<span class="text-muted font-weight-bold">11</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-muted font-18"></i>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-muted font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end task-box-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<div class="task-box">
<div class="task-priority-icon"><i class="fas fa-circle text-info"></i></div>
<p class="text-muted float-right">
<span class="badge badge-danger mr-2">Stop</span>
<span class="text-muted">01:33</span> /
<span class="text-muted">9:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 18</span>
</p>
<h5 class="mt-0">Body Care</h5>
<p class="text-muted mb-1">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form.
</p>
<p class="text-muted text-right mb-1">37% Complete</p>
<div class="progress mb-4" style="height: 4px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 37%;" aria-valuenow="37" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between">
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-3.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-5.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-7.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
</div><!--end img-group-->
<ul class="list-inline mb-0 align-self-center">
<li class="list-item d-inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-success font-15"></i>
<span class="text-muted font-weight-bold">55/150</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline text-primary font-15"></i>
<span class="text-muted font-weight-bold">8</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-muted font-18"></i>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-muted font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end task-box-->
</div><!--end card-body-->
</div><!--end card-->
<div class="card">
<div class="card-body">
<div class="task-box">
<div class="task-priority-icon"><i class="fas fa-circle text-info"></i></div>
<p class="text-muted float-right">
<span class="badge badge-warning mr-2">Panding</span>
<span class="text-muted">01:33</span> /
<span class="text-muted">9:30</span>
<span class="mx-1">·</span>
<span><i class="far fa-fw fa-clock"></i> June 18</span>
</p>
<h5 class="mt-0">New GPS System</h5>
<p class="text-muted mb-1">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form.
</p>
<p class="text-muted text-right mb-1">01% Complete</p>
<div class="progress mb-4" style="height: 4px;">
<div class="progress-bar bg-info" role="progressbar" style="width: 1%;" aria-valuenow="1" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="d-flex justify-content-between">
<div class="img-group">
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-10.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-8.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
<a class="user-avatar user-avatar-group" href="#">
<img src="../assets/images/users/user-6.jpg" alt="user" class="rounded-circle thumb-xs">
</a>
</div><!--end img-group-->
<ul class="list-inline mb-0 align-self-center">
<li class="list-item d-inline-block mr-2">
<a class="" href="#">
<i class="mdi mdi-format-list-bulleted text-success font-15"></i>
<span class="text-muted font-weight-bold">01/80</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-comment-outline text-primary font-15"></i>
<span class="text-muted font-weight-bold">0</span>
</a>
</li>
<li class="list-item d-inline-block">
<a class="ml-2" href="#">
<i class="mdi mdi-pencil-outline text-muted font-18"></i>
</a>
</li>
<li class="list-item d-inline-block">
<a class="" href="#">
<i class="mdi mdi-trash-can-outline text-muted font-18"></i>
</a>
</li>
</ul>
</div>
</div><!--end task-box-->
</div><!--end card-body-->
</div><!--end card-->
</div><!--end col-->
</div><!--end row-->
</div><!-- container -->
<footer class="footer text-center text-sm-left">
&copy; 2020 Crovex <span class="text-muted d-none d-sm-inline-block float-right">Crafted with <i class="mdi mdi-heart text-danger"></i> by Mannatthemes</span>
</footer><!--end footer-->
</div>
<!-- end page content -->
</div>
<!-- end page-wrapper -->
<!-- jQuery -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/metismenu.min.js"></script>
<script src="../assets/js/waves.js"></script>
<script src="../assets/js/feather.min.js"></script>
<script src="../assets/js/jquery.slimscroll.min.js"></script>
<script src="../assets/js/jquery-ui.min.js"></script>
<script src="../../plugins/apexcharts/apexcharts.min.js"></script>
<script src="../assets/pages/jquery.projects_task.init.js"></script>
<!-- App js -->
<script src="../assets/js/app.js"></script>
</body>
</html>