truncgit/citrus-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
citrus-cms/template/dashboard-reviews.html
T
Ümit Tunç 37e7296527 ikinci temizlik tamamlandı
2026-04-28 21:15:09 +03:00

1092 lines
57 KiB
HTML
Raw Permalink Blame History

<!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/quill/css/quill.snow.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>
<!-- =======================
Reviews START -->
<section class="py-4">
<div class="container">
<div class="row pb-4">
<div class="col-12">
<!-- Title -->
<div class="d-sm-flex justify-content-sm-between align-items-center">
<h1 class="mb-2 mb-sm-0 h2">Reviews <span class="badge bg-primary bg-opacity-10 text-primary">301</span></h1>
<a href="#" class="btn btn-sm btn-primary mb-0"><i class="fas fa-plus me-2"></i>Add a review</a>
</div>
</div>
</div>
<div class="row g-4">
<div class="col-12">
<!-- Blog list table START -->
<div class="card border bg-transparent rounded-3">
<!-- Card body START -->
<div class="card-body py-3">
<!-- Blog list table START -->
<div class="table-responsive border-0">
<table class="table p-4 mb-0 table-shrink">
<!-- Table head -->
<thead class="table-dark">
<tr>
<th scope="col" class="border-0 rounded-start">Blog Name</th>
<th scope="col" class="border-0">Reviewer</th>
<th scope="col" class="border-0">Rating</th>
<th scope="col" class="border-0">Hide/Show</th>
<th scope="col" class="border-0 rounded-end">Action</th>
</tr>
</thead>
<!-- Table body START -->
<tbody class="border-top-0">
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">Five intermediate guide to business</a></h6>
</td>
<!-- Table data -->
<td>
by Lori Stevens
</td>
<!-- Table data -->
<td>
<ul class="list-inline mb-2">
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
</ul>
<p class="small course-title">Our side fail find like now Discovered travelling for insensible partiality unpleasing impossible she Sudden up my excuse to suffer ladies though or Bachelor possible marianne directly confined relation as on he <a href="#" data-bs-toggle="modal" data-bs-target="#viewReview"> Read more</a> </p>
</td>
<!-- Table data -->
<td>
<div class="form-check form-switch form-check-md">
<input class="form-check-input" type="checkbox" id="checkReview1">
</div>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">15 reasons to choose startup</a></h6>
</td>
<!-- Table data -->
<td>
by Judy Nguyen
</td>
<!-- Table data -->
<td>
<ul class="list-inline mb-2">
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
</ul>
<p class="small course-title">Our side fail find like now Discovered travelling for insensible partiality unpleasing impossible she Sudden up my excuse to suffer ladies though or Bachelor possible marianne directly confined relation as on he <a href="#" data-bs-toggle="modal" data-bs-target="#viewReview"> Read more</a> </p>
</td>
<!-- Table data -->
<td>
<div class="form-check form-switch form-check-md">
<input class="form-check-input" type="checkbox" id="checkReview2">
</div>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview2" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview2">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">The pros and cons of business agency</a></h6>
</td>
<!-- Table data -->
<td>
by Billy Vasquez
</td>
<!-- Table data -->
<td>
<ul class="list-inline mb-2">
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
</ul>
<p class="course-title small">course-titleOur side fail find like now Discovered travelling for insensible partiality unpleasing impossible she Sudden up my excuse to suffer ladies though or Bachelor possible marianne directly confined relation as on he <a href="#" data-bs-toggle="modal" data-bs-target="#viewReview"> Read more</a> </p>
</td>
<!-- Table data -->
<td>
<div class="form-check form-switch form-check-md">
<input class="form-check-input" type="checkbox" id="checkReview3">
</div>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview3" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview3">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">5 reasons why you shouldn't startup</a></h6>
</td>
<!-- Table data -->
<td>
by Amanda Reed
</td>
<!-- Table data -->
<td>
<ul class="list-inline mb-2">
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-muted"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-muted"></i></li>
</ul>
<p class="course-title small">course-titleOur side fail find like now Discovered travelling for insensible partiality unpleasing impossible she Sudden up my excuse to suffer ladies though or Bachelor possible marianne directly confined relation as on he <a href="#" data-bs-toggle="modal" data-bs-target="#viewReview"> Read more</a> </p>
</td>
<!-- Table data -->
<td>
<div class="form-check form-switch form-check-md">
<input class="form-check-input" type="checkbox" id="checkReview4">
</div>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview4" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview4">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">Skills that you can learn from business</a></h6>
</td>
<!-- Table data -->
<td>
by Larry Lawson
</td>
<!-- Table data -->
<td>
<ul class="list-inline mb-2">
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0 small"><i class="fas fa-star text-muted"></i></li>
</ul>
<p class="course-title small">course-titleOur side fail find like now Discovered travelling for insensible partiality unpleasing impossible she Sudden up my excuse to suffer ladies though or Bachelor possible marianne directly confined relation as on he <a href="#" data-bs-toggle="modal" data-bs-target="#viewReview"> Read more</a> </p>
</td>
<!-- Table data -->
<td>
<div class="form-check form-switch form-check-md">
<input class="form-check-input" type="checkbox" id="checkReview5">
</div>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview5" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview5">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
<!-- Table body END -->
</table>
</div>
<!-- Blog list table END -->
<!-- Pagination START -->
<div class="d-sm-flex justify-content-sm-between align-items-sm-center mt-4 mt-sm-3">
<!-- 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>
</div>
<!-- Blog list table END -->
</div>
<div class="col-lg-6">
<!-- Top rated post START -->
<div class="card border bg-transparent rounded-3">
<!-- Card header START -->
<div class="card-header bg-transparent border-bottom py-3">
<h5 class="mb-2 mb-sm-0">Top rated post</h5>
</div>
<!-- Card header END -->
<!-- Card body START -->
<div class="card-body py-3">
<!-- Blog list table START -->
<div class="table-responsive border-0">
<table class="table align-middle p-4 mb-0 table-shrink">
<!-- Table head -->
<thead class="table-dark">
<tr>
<th scope="col" class="border-0 rounded-start">Blog Name</th>
<th scope="col" class="border-0">Rating</th>
<th scope="col" class="border-0 rounded-end">Action</th>
</tr>
</thead>
<!-- Table body START -->
<tbody class="border-top-0">
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">Five intermediate guide to business</a></h6>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview6" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview6">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">15 reasons to choose startup</a></h6>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview7" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview7">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">The pros and cons of business agency</a></h6>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview8" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview8">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">5 reasons why you shouldn't startup</a></h6>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-muted"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-muted"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview9" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview9">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<h6 class="course-title mb-0"><a href="#">Skills that you can learn from business</a></h6>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-muted"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview10" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview10">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
<!-- Table body END -->
</table>
</div>
<!-- Top rated post END -->
<!-- Pagination START -->
<div class="d-sm-flex justify-content-sm-between align-items-sm-center mt-4 mt-sm-3">
<!-- 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>
</div>
<!-- Blog list table END -->
</div>
<div class="col-lg-6">
<!-- Blog list table START -->
<div class="card border bg-transparent rounded-3">
<!-- Card header START -->
<div class="card-header bg-transparent border-bottom py-3">
<h5 class="mb-2 mb-sm-0">Top rated author </h5>
</div>
<!-- Card header END -->
<!-- Card body START -->
<div class="card-body py-3">
<div class="table-responsive">
<table class="table p-4 mb-0 align-middle table-shrink">
<!-- Table head -->
<thead class="table-dark">
<tr>
<th scope="col" class="border-0 rounded-start">Author Name</th>
<th scope="col" class="border-0">Rating</th>
<th scope="col" class="border-0 rounded-end">Action</th>
</tr>
</thead>
<!-- Table body START -->
<tbody class="border-top-0">
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<div class="d-flex align-items-center position-relative">
<div class="avatar avatar-xs me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/01.jpg" alt="avatar">
</div>
<div>
<h6 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Lori Ferguson</a></h6>
</div>
</div>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview11" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview11">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<div class="d-flex align-items-center position-relative">
<div class="avatar avatar-xs me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/02.jpg" alt="avatar">
</div>
<div>
<h6 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Judy Nguyen</a></h6>
</div>
</div>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview12" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview12">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<div class="d-flex align-items-center position-relative">
<div class="avatar avatar-xs me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/03.jpg" alt="avatar">
</div>
<div>
<h6 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Billy Vasquez</a></h6>
</div>
</div>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview13" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview13">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<div class="d-flex align-items-center position-relative">
<div class="avatar avatar-xs me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/04.jpg" alt="avatar">
</div>
<div>
<h6 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Dennis Barrett</a></h6>
</div>
</div>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-muted"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-muted"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview14" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview14">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
<!-- Table item -->
<tr>
<!-- Table data -->
<td>
<div class="d-flex align-items-center position-relative">
<div class="avatar avatar-xs me-2">
<img class="avatar-img rounded-circle" src="assets/images/avatar/05.jpg" alt="avatar">
</div>
<div>
<h6 class="mb-1"><a href="#" class="stretched-link text-reset btn-link">Amanda Reed</a></h6>
</div>
</div>
</td>
<!-- Table data -->
<td>
<ul class="list-inline d-flex mb-0">
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-1 small"><i class="fas fa-star text-muted"></i></li>
</ul>
</td>
<!-- Table data -->
<td>
<div class="dropdown">
<a href="#" class="btn btn-light btn-round mb-0" role="button" id="dropdownReview115" data-bs-toggle="dropdown" aria-expanded="false">
<i class="bi bi-three-dots fa-fw"></i>
</a>
<!-- dropdown button -->
<ul class="dropdown-menu dropdown-w-sm dropdown-menu-end min-w-auto shadow rounded" aria-labelledby="dropdownReview115">
<li><a class="dropdown-item" href="#"><i class="bi bi-pencil-square fa-fw me-2"></i>Edit</a></li>
<li><a class="dropdown-item" href="#"><i class="bi bi-trash fa-fw me-2"></i>Delete</a></li>
</ul>
</div>
</td>
</tr>
</tbody>
<!-- Table body END -->
</table>
</div>
<!-- Pagination START -->
<div class="d-sm-flex justify-content-sm-between align-items-sm-center mt-4 mt-sm-3">
<!-- 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>
</div>
<!-- Blog list table END -->
</div>
</div>
</div>
</section>
<!-- =======================
Main contain 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 -->
<!-- Popup modal for reviwe START -->
<div class="modal fade" id="viewReview" tabindex="-1" aria-labelledby="viewReviewLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<!-- Modal header -->
<div class="modal-header">
<h5 class="modal-title" id="viewReviewLabel">Review</h5>
<button type="button" class="btn btn-sm btn-light text-dark mb-0" data-bs-dismiss="modal" aria-label="Close"><i class="bi bi-x fs-5"></i></button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="d-md-flex">
<!-- Avatar -->
<div class="avatar avatar-md me-4 flex-shrink-0">
<img class="avatar-img rounded-circle" src="assets/images/avatar/04.jpg" alt="avatar">
</div>
<!-- Text -->
<div>
<div class="d-sm-flex mt-1 mt-md-0 align-items-center">
<h5 class="me-3 mb-0">by Lori Stevens</h5>
<!-- Review star -->
<ul class="list-inline mb-0">
<li class="list-inline-item me-0"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0"><i class="fas fa-star text-warning"></i></li>
<li class="list-inline-item me-0"><i class="far fa-star text-warning"></i></li>
</ul>
</div>
<!-- Info -->
<p class="small mb-2">2 days ago</p>
<p class="mb-2">Our side fail find like now Discovered travelling for insensible partiality unpleasing impossible she Sudden up my excuse to suffer ladies though or Bachelor possible marianne directly confined relation as on he. </p>
<p class="mb-2">Thirty it matter enable become admire in giving. See resolved goodness felicity shy civility domestic had but. Drawings offended yet answered Jennings perceive laughing six did far. </p>
</div>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger-soft my-0" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Popup modal for reviwe 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/quill/js/quill.min.js"></script>
<!-- Template Functions -->
<script src="assets/js/functions.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink