Ümit Tunç
1286 lines
50 KiB
HTML
1286 lines
50 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Blogzine - Blog and Magazine Bootstrap 5 Theme</title>
|
|
|
|
<!-- Meta Tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="author" content="Webestica.com">
|
|
<meta name="description" content="Bootstrap based News, Magazine and Blog Theme">
|
|
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="assets/images/favicon.ico">
|
|
|
|
<!-- Google Font -->
|
|
<link rel="preconnect" href="https://fonts.gstatic.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
|
|
|
|
<!-- Plugins CSS -->
|
|
<link rel="stylesheet" type="text/css" href="assets/vendor/font-awesome/css/all.min.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-icons/bootstrap-icons.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/vendor/apexcharts/css/apexcharts.css">
|
|
<link rel="stylesheet" type="text/css" href="assets/vendor/overlay-scrollbar/css/OverlayScrollbars.min.css">
|
|
|
|
<!-- Theme CSS -->
|
|
<link id="style-switch" rel="stylesheet" type="text/css" href="assets/css/style.css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!-- =======================
|
|
Header START -->
|
|
<header class="navbar-light navbar-sticky header-static border-bottom navbar-dashboard">
|
|
<!-- Logo Nav START -->
|
|
<nav class="navbar navbar-expand-xl">
|
|
<div class="container">
|
|
<!-- Logo START -->
|
|
<a class="navbar-brand me-3" href="index.html">
|
|
<img class="navbar-brand-item light-mode-item" src="assets/images/logo.svg" alt="logo">
|
|
<img class="navbar-brand-item dark-mode-item" src="assets/images/logo-light.svg" alt="logo">
|
|
</a>
|
|
<!-- Logo END -->
|
|
|
|
<!-- Responsive navbar toggler -->
|
|
<button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="text-body h6 d-none d-sm-inline-block">Menu</span>
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<!-- Main navbar START -->
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav navbar-nav-scroll mx-auto">
|
|
|
|
<!-- Nav item 1 Demos -->
|
|
<li class="nav-item"><a class="nav-link" href="dashboard.html"><i class="bi bi-house-door me-1"></i>Dashboard</a></li>
|
|
|
|
<!-- Nav item 2 Post -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="postMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="bi bi-pencil me-1"></i>Post</a>
|
|
<ul class="dropdown-menu" aria-labelledby="postMenu">
|
|
<!-- dropdown submenu -->
|
|
<li> <a class="dropdown-item" href="dashboard-post-list.html">Post List</a> </li>
|
|
<li> <a class="dropdown-item" href="dashboard-post-categories.html">Post Categories</a> </li>
|
|
<li> <a class="dropdown-item" href="dashboard-post-create.html">Create a Post</a> </li>
|
|
<li> <a class="dropdown-item" href="dashboard-post-edit.html">Edit Post</a> </li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Nav item 3 Pages -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="pagesMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="bi bi-folder me-1"></i>Pages</a>
|
|
<ul class="dropdown-menu" aria-labelledby="pagesMenu">
|
|
<li> <a class="dropdown-item" href="dashboard-author-list.html">Author List</a></li>
|
|
<li> <a class="dropdown-item" href="dashboard-author-single.html">Author Single</a></li>
|
|
<li> <a class="dropdown-item" href="dashboard-edit-profile.html">Edit Profile</a></li>
|
|
<li> <a class="dropdown-item" href="dashboard-reviews.html">Reviews</a></li>
|
|
<li> <a class="dropdown-item" href="dashboard-settings.html">Settings</a></li>
|
|
<li class="dropdown-divider"></li>
|
|
<li> <a class="dropdown-item" href="https://support.webestica.com/" target="_blank"> <i class="text-warning fa-fw bi bi-life-preserver me-2"></i>Support</a></li>
|
|
<li> <a class="dropdown-item" href="docs/index.html" target="_blank"> <i class="text-danger fa-fw bi bi-card-text me-2"></i>Documentation</a></li>
|
|
<li class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="https://blogzine.webestica.com/rtl" target="_blank"> <i class="text-info fa-fw bi bi-toggle-off me-2"></i>RTL demo</a></li>
|
|
<li><a class="dropdown-item" href="https://themes.getbootstrap.com/store/webestica/" target="_blank"> <i class="text-success fa-fw bi bi-cloud-download-fill me-2"></i>Buy blogzine!</a> </li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<!-- Search dropdown START -->
|
|
<div class="nav my-3 my-xl-0 px-4 px-lg-1 flex-nowrap align-items-center">
|
|
<div class="nav-item w-100">
|
|
<form class="position-relative">
|
|
<input class="form-control pe-5 bg-transparent" type="search" placeholder="Search" aria-label="Search">
|
|
<button class="btn bg-transparent border-0 px-2 py-0 position-absolute top-50 end-0 translate-middle-y" type="submit"><i class="fas fa-search fs-6 "></i></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Search dropdown END -->
|
|
</div>
|
|
<!-- Main navbar END -->
|
|
|
|
<!-- Nav right START -->
|
|
<div class="nav flex-nowrap align-items-center">
|
|
|
|
<!-- Notification dropdown START -->
|
|
<div class="nav-item ms-2 ms-md-3 dropdown">
|
|
<!-- Notification button -->
|
|
<a class="btn btn-primary-soft btn-round mb-0" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside">
|
|
<i class="bi bi-bell fa-fw"></i>
|
|
</a>
|
|
<!-- Notification dote -->
|
|
<span class="notif-badge animation-blink"></span>
|
|
|
|
<!-- Notification dropdown menu START -->
|
|
<div class="dropdown-menu dropdown-animation dropdown-menu-end dropdown-menu-size-md p-0 shadow-lg border-0">
|
|
<div class="card bg-transparent">
|
|
<div class="card-header bg-transparent border-bottom p-3 d-flex justify-content-between align-items-center">
|
|
<h6 class="m-0">Notifications <span class="badge bg-danger bg-opacity-10 text-danger ms-2">2 new</span></h6>
|
|
<a class="small" href="#">Clear all</a>
|
|
</div>
|
|
<div class="card-body p-0">
|
|
<ul class="list-group list-unstyled list-group-flush">
|
|
<!-- Notif item -->
|
|
<li>
|
|
<a href="#" class="list-group-item-action border-0 border-bottom d-flex p-3">
|
|
<div class="me-3">
|
|
<div class="avatar avatar-sm">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/08.jpg" alt="avatar">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-1">12 new members joined</h6>
|
|
<span class="small"> <i class="bi bi-clock"></i> 3 min ago</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- Notif item -->
|
|
<li>
|
|
<a href="#" class="list-group-item-action border-0 border-bottom d-flex p-3">
|
|
<div class="me-3">
|
|
<div class="avatar avatar-sm">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/02.jpg" alt="avatar">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-1">Larry Lawson deleted account</h6>
|
|
<span class="small"> <i class="bi bi-clock"></i> 6 min ago</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- Notif item -->
|
|
<li>
|
|
<a href="#" class="list-group-item-action border-0 border-bottom d-flex p-3">
|
|
<div class="me-3">
|
|
<div class="avatar avatar-sm">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/05.jpg" alt="avatar">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-1">Byan commented on your post</h6>
|
|
<span class="small"> <i class="bi bi-clock"></i> 10 min ago</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- Notif item -->
|
|
<li>
|
|
<a href="#" class="list-group-item-action border-0 border-bottom d-flex p-3">
|
|
<div class="me-3">
|
|
<div class="avatar avatar-sm">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h6 class="mb-1">Settings updated</h6>
|
|
<span class="small"> <i class="bi bi-clock"></i> Yesterday</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- Button -->
|
|
<div class="card-footer bg-transparent border-0 py-3 text-center position-relative">
|
|
<a href="#" class="stretched-link">See all incoming activity</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Notification dropdown menu END -->
|
|
</div>
|
|
<!-- Notification dropdown END -->
|
|
|
|
<!-- Profile dropdown START -->
|
|
<div class="nav-item ms-2 ms-md-3 dropdown">
|
|
<!-- Avatar -->
|
|
<a class="avatar avatar-sm p-0" href="#" id="profileDropdown" role="button" data-bs-auto-close="outside" data-bs-display="static" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
|
|
</a>
|
|
|
|
<!-- Profile dropdown START -->
|
|
<ul class="dropdown-menu dropdown-animation dropdown-menu-end shadow pt-3" aria-labelledby="profileDropdown">
|
|
<!-- Profile info -->
|
|
<li class="px-3">
|
|
<div class="d-flex align-items-center">
|
|
<!-- Avatar -->
|
|
<div class="avatar me-3">
|
|
<img class="avatar-img rounded-circle shadow" src="assets/images/avatar/03.jpg" alt="avatar">
|
|
</div>
|
|
<div>
|
|
<a class="h6 mt-2 mt-sm-0" href="#"> Louis Ferguson</a>
|
|
<p class="small m-0">example@gmail.com</p>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
</li>
|
|
<!-- Links -->
|
|
<li><a class="dropdown-item" href="#"><i class="bi bi-person fa-fw me-2"></i>Edit Profile</a></li>
|
|
<li><a class="dropdown-item" href="#"><i class="bi bi-gear fa-fw me-2"></i>Account Settings</a></li>
|
|
<li><a class="dropdown-item" href="#"><i class="bi bi-info-circle fa-fw me-2"></i>Help</a></li>
|
|
<li><a class="dropdown-item" href="#"><i class="bi bi-power fa-fw me-2"></i>Sign Out</a></li>
|
|
<li class="dropdown-divider mb-3"></li>
|
|
<li>
|
|
<div class="dropdown-item">
|
|
<div class="modeswitch m-0" id="darkModeSwitch">
|
|
<div class="switch"></div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<!-- Profile dropdown END -->
|
|
</div>
|
|
<!-- Profile dropdown END -->
|
|
|
|
<!-- Nav right END -->
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Logo Nav END -->
|
|
</header>
|
|
<!-- =======================
|
|
Header END -->
|
|
|
|
<!-- **************** MAIN CONTENT START **************** -->
|
|
<main>
|
|
|
|
<!-- =======================
|
|
Author list START -->
|
|
<section class="py-4">
|
|
<div class="container">
|
|
<!-- Author list title START -->
|
|
<div class="row g-4 pb-4">
|
|
<div class="col-12">
|
|
<div class="d-sm-flex justify-content-between align-items-center">
|
|
<h1 class="mb-sm-0 h2">Author list</h1>
|
|
<a href="#" class="btn btn-sm btn-primary mb-0"><i class="fas fa-plus me-2"></i>Add new author</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Author list title START -->
|
|
<div class="row g-4">
|
|
<div class="col-12">
|
|
<!-- Card START -->
|
|
<div class="card border">
|
|
<!-- Card header START -->
|
|
<div class="card-header border-bottom p-3">
|
|
<!-- Search and select START -->
|
|
<div class="row g-3 align-items-center justify-content-between">
|
|
<!-- Search bar -->
|
|
<div class="col-md-8">
|
|
<form class="rounded position-relative">
|
|
<input class="form-control bg-transparent" type="search" placeholder="Search" aria-label="Search">
|
|
<button class="btn bg-transparent border-0 px-2 py-0 position-absolute top-50 end-0 translate-middle-y" type="submit"><i class="fas fa-search fs-6 "></i></button>
|
|
</form>
|
|
</div>
|
|
<!-- Tab buttons -->
|
|
<div class="col-md-3">
|
|
<!-- Tabs START -->
|
|
<ul class="list-inline mb-0 nav nav-pills nav-pill-dark-soft border-0 justify-content-end" id="pills-tab" role="tablist">
|
|
<!-- Grid tab -->
|
|
<li class="nav-item">
|
|
<a href="#nav-list-tab" class="nav-link mb-0 me-2 active" data-bs-toggle="tab">
|
|
<i class="fas fa-fw fa-list-ul"></i>
|
|
</a>
|
|
</li>
|
|
<!-- List tab -->
|
|
<li class="nav-item">
|
|
<a href="#nav-grid-tab" class="nav-link mb-0" data-bs-toggle="tab">
|
|
<i class="fas fa-fw fa-th-large"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Tabs end -->
|
|
</div>
|
|
</div>
|
|
<!-- Search and select END -->
|
|
</div>
|
|
<!-- Card header END -->
|
|
|
|
<!-- Card body START -->
|
|
<div class="card-body p-3 pb-0">
|
|
<!-- Tabs content START -->
|
|
<div class="tab-content py-0 my-0">
|
|
|
|
<!-- Tabs content item START -->
|
|
<div class="tab-pane fade show active" id="nav-list-tab">
|
|
<!-- Table START -->
|
|
<div class="table-responsive border-0">
|
|
<table class="table align-middle p-4 mb-0 table-hover">
|
|
<!-- Table head -->
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th scope="col" class="border-0 rounded-start">Author name</th>
|
|
<th scope="col" class="border-0">Join date</th>
|
|
<th scope="col" class="border-0">Total post</th>
|
|
<th scope="col" class="border-0">Total followers</th>
|
|
<th scope="col" class="border-0">Payment</th>
|
|
<th scope="col" class="border-0 rounded-end">Action</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<!-- Table body START -->
|
|
<tbody class="border-top-0">
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/09.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Lori Stevens</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Jan 22, 2022</td>
|
|
<!-- Table data -->
|
|
<td>256</td>
|
|
<!-- Table data -->
|
|
<td>5,354</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<span class="badge bg-success bg-opacity-10 text-success mb-2">Paid</span>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message" aria-label="Message">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Block" aria-label="Block">
|
|
<i class="fas fa-ban"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/01.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Carolyn Ortiz</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Jan 19, 2022</td>
|
|
<!-- Table data -->
|
|
<td>56</td>
|
|
<!-- Table data -->
|
|
<td>15,523</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<span class="badge bg-success bg-opacity-10 text-success mb-2">Paid</span>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message" aria-label="Message">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Unblock" aria-label="Block">
|
|
<i class="fas fa-ban"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/03.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Dennis Barrett</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Nov 11, 2022</td>
|
|
<!-- Table data -->
|
|
<td>98</td>
|
|
<!-- Table data -->
|
|
<td>2,546</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<span class="badge bg-warning bg-opacity-15 text-warning mb-2">Pending</span>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message" aria-label="Message">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Block" aria-label="Block">
|
|
<i class="fas fa-ban"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/04.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Billy Vasquez</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Jan 22, 2022</td>
|
|
<!-- Table data -->
|
|
<td>1258</td>
|
|
<!-- Table data -->
|
|
<td>12,786</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<span class="badge bg-success bg-opacity-10 text-success mb-2">Paid</span>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message" aria-label="Message">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Block" aria-label="Block">
|
|
<i class="fas fa-ban"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/05.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Jacqueline Miller</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Jan 29, 2022</td>
|
|
<!-- Table data -->
|
|
<td>2568</td>
|
|
<!-- Table data -->
|
|
<td>21,245</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<span class="badge bg-success bg-opacity-10 text-success mb-2">Paid</span>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message" aria-label="Message">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Block" aria-label="Block">
|
|
<i class="fas fa-ban"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/06.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Amanda Reed</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td class="text-center text-sm-start">Apr 25 2022</td>
|
|
<!-- Table data -->
|
|
<td>895</td>
|
|
<!-- Table data -->
|
|
<td>8,546</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<span class="badge bg-success bg-opacity-10 text-success mb-2">Paid</span>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message" aria-label="Message">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Block" aria-label="Block">
|
|
<i class="fas fa-ban"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/07.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Samuel Bishop</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Mar 17 2022</td>
|
|
<!-- Table data -->
|
|
<td>856</td>
|
|
<!-- Table data -->
|
|
<td>5,354</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<span class="badge bg-danger bg-opacity-10 text-danger mb-2">Cancel</span>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex gap-2">
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Message" aria-label="Message">
|
|
<i class="bi bi-envelope"></i>
|
|
</a>
|
|
<a href="#" class="btn btn-light btn-round mb-0" data-bs-toggle="tooltip" data-bs-placement="top" title="" data-bs-original-title="Block" aria-label="Block">
|
|
<i class="fas fa-ban"></i>
|
|
</a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
<!-- Table body END -->
|
|
</table>
|
|
</div>
|
|
<!-- Table END -->
|
|
</div>
|
|
<!-- Tabs content item END -->
|
|
|
|
<!-- Tabs content item START -->
|
|
<div class="tab-pane fade" id="nav-grid-tab">
|
|
<div class="row g-4">
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/10.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Frances Guerrero</a></h5>
|
|
<div class="small">Editor at Blogzine</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">5,354</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">846</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Carolyn Ortiz</a></h5>
|
|
<div class="small">Editor at eduport</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">2,545</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">586</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/02.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Louis Ferguson</a></h5>
|
|
<div class="small">Editor at folio</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">3,546</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">786</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Billy Vasquez</a></h5>
|
|
<div class="small">Editor at Wizixo</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">6,586</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">1,235</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/04.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Samuel Bishop</a></h5>
|
|
<div class="small">Editor at Realty</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">996</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">156</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/06.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Amanda Reed</a></h5>
|
|
<div class="small">Editor at Blogzine</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">2,586</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">665</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/07.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Lori Stevens</a></h5>
|
|
<div class="small">Editor at Eduport</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">1,586</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">458</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
<!-- Card item START -->
|
|
<div class="col-md-6 col-xl-4">
|
|
<div class="card border p-2">
|
|
<div class="card-body">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<!-- avatar -->
|
|
<div class="avatar avatar-lg me-3 flex-shrink-0">
|
|
<img class="avatar-img rounded-circle" src="assets/images/avatar/12.jpg" alt="">
|
|
</div>
|
|
<!-- Connections holder -->
|
|
<div class="flex-grow-1 d-block">
|
|
<h5 class="mb-1"><a href="#">Jacqueline Miller</a></h5>
|
|
<div class="small">Editor at Blogzine</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Followers and Post -->
|
|
<div class="d-sm-flex justify-content-sm-between mt-3">
|
|
<!-- Followers -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-people-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">9,586</h5>
|
|
<h6 class="mb-0 fw-light">Followers</h6>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Total post -->
|
|
<div class="d-flex text-start align-items-center mt-3">
|
|
<div class="icon-md bg-light text-body rounded-circle flex-shrink-0">
|
|
<i class="bi bi-file-earmark-text-fill fa-fw"></i>
|
|
</div>
|
|
<div class="ms-2">
|
|
<h5 class="mb-0">2,586</h5>
|
|
<h6 class="mb-0 fw-light">Total Blogs</h6>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Buttons -->
|
|
<div class="d-sm-flex gap-2 mt-4">
|
|
<a href="#" class="btn btn-primary-soft w-100">
|
|
<i class="fab fa-facebook-messenger pe-2"></i> Message
|
|
</a>
|
|
<a href="#" class="btn btn-danger-soft w-100">
|
|
<i class="fas fa-ban pe-2"></i> Block
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Card item END -->
|
|
|
|
</div> <!-- Row END -->
|
|
</div>
|
|
<!-- Tabs content item END -->
|
|
|
|
</div>
|
|
<!-- Tabs content END -->
|
|
</div>
|
|
<!-- Card body END -->
|
|
|
|
<!-- Card Footer START -->
|
|
<div class="card-footer p-3">
|
|
<!-- Pagination START -->
|
|
<div class="d-sm-flex justify-content-sm-between align-items-sm-center">
|
|
<!-- Content -->
|
|
<p class="mb-sm-0 text-center text-sm-start">Showing 1 to 8 of 20 entries</p>
|
|
<!-- Pagination -->
|
|
<nav class="mb-sm-0 d-flex justify-content-center" aria-label="navigation">
|
|
<ul class="pagination pagination-sm pagination-bordered mb-0">
|
|
<li class="page-item disabled">
|
|
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">Prev</a>
|
|
</li>
|
|
<li class="page-item"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item active"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item disabled"><a class="page-link" href="#">..</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">15</a></li>
|
|
<li class="page-item">
|
|
<a class="page-link" href="#">Next</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<!-- Pagination END -->
|
|
</div>
|
|
<!-- Card Footer END -->
|
|
</div>
|
|
<!-- Card END -->
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<!-- Card START -->
|
|
<div class="card border">
|
|
|
|
<!-- Card header START -->
|
|
<div class="card-header border-bottom p-3">
|
|
<h5 class="mb-2 mb-sm-0">New requests</h5>
|
|
</div>
|
|
<!-- Card header END -->
|
|
|
|
<!-- Card body START -->
|
|
<div class="card-body p-3">
|
|
<!-- Table START -->
|
|
<div class="table-responsive border-0">
|
|
<table class="table align-middle p-4 mb-0 table-hover">
|
|
<!-- Table head -->
|
|
<thead class="table-dark">
|
|
<tr>
|
|
<th scope="col" class="border-0 rounded-start">Author name</th>
|
|
<th scope="col" class="border-0">Apply date</th>
|
|
<th scope="col" class="border-0">Company</th>
|
|
<th scope="col" class="border-0 rounded-end">Action</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<!-- Table body START -->
|
|
<tbody class="border-top-0">
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/04.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Billy Vasquez</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Jan 22, 2022</td>
|
|
<!-- Table data -->
|
|
<td>Blogzine</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<a href="#" class="btn btn-sm btn-success-soft me-1 mb-1 mb-lg-0">Accept</a>
|
|
<a href="#" class="btn btn-sm btn-secondary-soft me-1 mb-1 mb-lg-0">Reject</a>
|
|
<a href="#" class="btn btn-sm btn-primary-soft me-1 mb-0">View App</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/05.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Jacqueline Miller</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Jan 29, 2022</td>
|
|
<!-- Table data -->
|
|
<td>Wizixo</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<a href="#" class="btn btn-sm btn-success-soft me-1 mb-1 mb-lg-0">Accept</a>
|
|
<a href="#" class="btn btn-sm btn-secondary-soft me-1 mb-1 mb-lg-0">Reject</a>
|
|
<a href="#" class="btn btn-sm btn-primary-soft me-1 mb-0">View App</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/06.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Amanda Reed</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td class="text-center text-sm-start">Apr 25 2022</td>
|
|
<!-- Table data -->
|
|
<td>Eduport</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<a href="#" class="btn btn-sm btn-success me-1 mb-1 mb-md-0 disabled">Accepted</a>
|
|
<a href="#" class="btn btn-sm btn-primary-soft me-1 mb-0" data-bs-toggle="modal" data-bs-target="#appDetail">View App</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<!-- Table row -->
|
|
<tr>
|
|
<!-- Table data -->
|
|
<td>
|
|
<div class="d-flex align-items-center position-relative">
|
|
<!-- Image -->
|
|
<div class="avatar avatar-md">
|
|
<img src="assets/images/avatar/07.jpg" class="rounded-circle" alt="">
|
|
</div>
|
|
<div class="mb-0 ms-2">
|
|
<!-- Title -->
|
|
<h6 class="mb-0"><a href="#" class="stretched-link">Samuel Bishop</a></h6>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<!-- Table data -->
|
|
<td>Mar 17 2022</td>
|
|
<!-- Table data -->
|
|
<td>Folio</td>
|
|
<!-- Table data -->
|
|
<td>
|
|
<a href="#" class="btn btn-sm btn-secondary me-1 mb-1 mb-md-0 disabled">Rejected</a>
|
|
<a href="#" class="btn btn-sm btn-primary-soft me-1 mb-0" data-bs-toggle="modal" data-bs-target="#appDetail">View App</a>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
<!-- Table body END -->
|
|
</table>
|
|
</div>
|
|
<!-- Table END -->
|
|
</div>
|
|
<!-- Card body END -->
|
|
</div>
|
|
<!-- Card END -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- =======================
|
|
Author list END -->
|
|
|
|
</main>
|
|
<!-- **************** MAIN CONTENT END **************** -->
|
|
|
|
<!-- =======================
|
|
Footer START -->
|
|
|
|
<footer class="mb-3">
|
|
<div class="container">
|
|
<div class="card card-body bg-light">
|
|
<div class="row align-items-center justify-content-between">
|
|
<div class="col-lg-6">
|
|
<!-- Copyright -->
|
|
<div class="text-center text-lg-start">©2022 <a href="https://www.webestica.com/" class="text-reset btn-link" target="_blank">Webestica</a>. All rights reserved
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 d-sm-flex align-items-center justify-content-center justify-content-lg-end">
|
|
<!-- Language switcher -->
|
|
<div class="dropup me-0 me-sm-3 mt-3 mt-md-0 text-center text-sm-end">
|
|
<a class="dropdown-toggle text-body" href="#" role="button" id="languageSwitcher" data-bs-toggle="dropdown" aria-expanded="false">
|
|
English Edition
|
|
</a>
|
|
<ul class="dropdown-menu min-w-auto" aria-labelledby="languageSwitcher">
|
|
<li><a class="dropdown-item" href="#">English</a></li>
|
|
<li><a class="dropdown-item" href="#">German </a></li>
|
|
<li><a class="dropdown-item" href="#">French</a></li>
|
|
</ul>
|
|
</div>
|
|
<!-- Links -->
|
|
<ul class="nav text-center text-sm-end justify-content-center justify-content-center mt-3 mt-md-0">
|
|
<li class="nav-item"><a class="nav-link" href="#">Terms</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="#">Privacy</a></li>
|
|
<li class="nav-item"><a class="nav-link pe-0" href="#">Cookies</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- =======================
|
|
Footer END -->
|
|
|
|
<!-- Back to top -->
|
|
<div class="back-top"><i class="bi bi-arrow-up-short"></i></div>
|
|
|
|
<!-- =======================
|
|
JS libraries, plugins and custom scripts -->
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Vendors -->
|
|
<script src="assets/vendor/apexcharts/js/apexcharts.min.js"></script>
|
|
<script src="assets/vendor/overlay-scrollbar/js/OverlayScrollbars.min.js"></script>
|
|
|
|
<!-- Template Functions -->
|
|
<script src="assets/js/functions.js"></script>
|
|
|
|
</body>
|
|
</html> |