818 lines
80 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ListOn - Directory & Listing HTML Template</title>
<!-- App favicon -->
<link rel="shortcut icon" href="assets/dist/img/favicon.png">
<!-- Global Styles(used by all pages) -->
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">
<link href="assets/plugins/fontawesome/css/all.min.css" rel="stylesheet">
<!-- Third party Styles(used by this page) -->
<link rel="stylesheet" href="assets/plugins/magnific-Popup/magnific-popup.css">
<!-- App css -->
<link href="assets/dist/css/app.min.css" rel="stylesheet">
<!-- Start Your Custom Style Now -->
<link href="assets/dist/css/style.css" rel="stylesheet">
</head>
<body class="fixed sidebar-mini">
<div class="wrapper">
<!-- Sidebar -->
<nav class="sidebar">
<div class="sidebar-header">
<a href="dashboard.html" class="sidebar-brand">
<img class="sidebar-brand_icon" src="assets/dist/img/mini-logo.png" alt="">
<span class="sidebar-brand_text">List<span>On</span></span>
</a>
</div>
<!--/.sidebar header-->
<div class="sidebar-body">
<nav class="sidebar-nav">
<ul class="metismenu">
<li class="nav-label">
<span class="nav-label_text">Main Menu</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-three-dots nav-label_ellipsis m-auto" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" />
</svg>
</li>
<li>
<a href="dashboard.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-speedometer" viewBox="0 0 16 16">
<path d="M8 2a.5.5 0 0 1 .5.5V4a.5.5 0 0 1-1 0V2.5A.5.5 0 0 1 8 2M3.732 3.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 8a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 8m9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5m.754-4.246a.389.389 0 0 0-.527-.02L7.547 7.31A.91.91 0 1 0 8.85 8.569l3.434-4.297a.389.389 0 0 0-.029-.518z" />
<path fill-rule="evenodd" d="M6.664 15.889A8 8 0 1 1 9.336.11a8 8 0 0 1-2.672 15.78zm-4.665-4.283A11.945 11.945 0 0 1 8 10c2.186 0 4.236.585 6.001 1.606a7 7 0 1 0-12.002 0z" />
</svg>
<span class="ms-2">Dashboard</span>
</a>
</li>
<li>
<a href="add-listing.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-add" viewBox="0 0 16 16">
<path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h4a.5.5 0 1 0 0-1h-4a.5.5 0 0 1-.5-.5V7.207l5-5 6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z" />
<path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0m-3.5-2a.5.5 0 0 0-.5.5v1h-1a.5.5 0 0 0 0 1h1v1a.5.5 0 1 0 1 0v-1h1a.5.5 0 1 0 0-1h-1v-1a.5.5 0 0 0-.5-.5" />
</svg>
<span class="ms-2">Add listing</span>
</a>
</li>
<li>
<a href="wallet.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wallet2" viewBox="0 0 16 16">
<path d="M12.136.326A1.5 1.5 0 0 1 14 1.78V3h.5A1.5 1.5 0 0 1 16 4.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 13.5v-9a1.5 1.5 0 0 1 1.432-1.499L12.136.326zM5.562 3H13V1.78a.5.5 0 0 0-.621-.484zM1.5 4a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5z" />
</svg>
<span class="ms-2">Wallet</span>
</a>
</li>
<li>
<a href="messages.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chat-left-text" viewBox="0 0 16 16">
<path d="M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" />
<path d="M3 3.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 6m0 2.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5" />
</svg>
<span class="ms-2">Message</span>
<span class="badge rounded-pill bg-success">2</span>
</a>
</li>
<li class="nav-label">
<span class="nav-label_text">Listing</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-three-dots nav-label_ellipsis m-auto" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" />
</svg>
</li>
<li>
<a class="has-arrow material-ripple" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-plus" viewBox="0 0 16 16">
<path d="M8 6.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 .5-.5" />
<path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" />
</svg>
<span class="ms-2">My Listing</span>
</a>
<ul class="nav-second-level">
<li><a href="my-listing.html">Active</a></li>
<li><a href="my-listing.html">Pending</a></li>
<li><a href="my-listing.html">Expired</a></li>
</ul>
</li>
<li class="mm-active">
<a href="reviews.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stars" viewBox="0 0 16 16">
<path d="M7.657 6.247c.11-.33.576-.33.686 0l.645 1.937a2.89 2.89 0 0 0 1.829 1.828l1.936.645c.33.11.33.576 0 .686l-1.937.645a2.89 2.89 0 0 0-1.828 1.829l-.645 1.936a.361.361 0 0 1-.686 0l-.645-1.937a2.89 2.89 0 0 0-1.828-1.828l-1.937-.645a.361.361 0 0 1 0-.686l1.937-.645a2.89 2.89 0 0 0 1.828-1.828l.645-1.937zM3.794 1.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387A1.734 1.734 0 0 0 4.593 5.69l-.387 1.162a.217.217 0 0 1-.412 0L3.407 5.69A1.734 1.734 0 0 0 2.31 4.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387A1.734 1.734 0 0 0 3.407 2.31l.387-1.162zM10.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732L9.1 2.137a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L10.863.1z" />
</svg>
<span class="ms-2">Reviews</span>
</a>
</li>
<li>
<a href="bookings.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-bookmark-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 1h6v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8z" />
<path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2" />
<path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z" />
</svg>
<span class="ms-2">Bookings</span>
</a>
</li>
<li>
<a href="bookmark.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-heart" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15" />
</svg>
<span class="ms-2">Bookmark</span>
</a>
</li>
<li>
<a href="invoice.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-journal-richtext" viewBox="0 0 16 16">
<path d="M7.5 3.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m-.861 1.542 1.33.886 1.854-1.855a.25.25 0 0 1 .289-.047L11 4.75V7a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 7v-.5s1.54-1.274 1.639-1.208M5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5"/>
<path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2"/>
<path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z"/>
</svg>
<span class="ms-2">Invoice</span>
</a>
</li>
<li>
<a class="has-arrow material-ripple" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-list-nested" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5m-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5" />
</svg>
<span class="ms-2">Multi Level Menu</span>
</a>
<ul class="nav-second-level">
<li><a href="#">Menu - 2(1)</a></li>
<li>
<a class="has-arrow" href="#" aria-expanded="false">Level - 2</a>
<ul class="nav-third-level">
<li><a href="#">Menu - 3(1)</a></li>
<li>
<a class="has-arrow" href="#" aria-expanded="false">Level - 3</a>
<ul class="nav-fourth-level">
<li><a href="#">Menu - 4(1)</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-label">
<span class="nav-label_text">Account</span>
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-three-dots nav-label_ellipsis m-auto" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" />
</svg>
</li>
<li>
<a href="profile.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard2-plus" viewBox="0 0 16 16">
<path d="M9.5 0a.5.5 0 0 1 .5.5.5.5 0 0 0 .5.5.5.5 0 0 1 .5.5V2a.5.5 0 0 1-.5.5h-5A.5.5 0 0 1 5 2v-.5a.5.5 0 0 1 .5-.5.5.5 0 0 0 .5-.5.5.5 0 0 1 .5-.5z" />
<path d="M3 2.5a.5.5 0 0 1 .5-.5H4a.5.5 0 0 0 0-1h-.5A1.5 1.5 0 0 0 2 2.5v12A1.5 1.5 0 0 0 3.5 16h9a1.5 1.5 0 0 0 1.5-1.5v-12A1.5 1.5 0 0 0 12.5 1H12a.5.5 0 0 0 0 1h.5a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5z" />
<path d="M8.5 6.5a.5.5 0 0 0-1 0V8H6a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0V9H10a.5.5 0 0 0 0-1H8.5z" />
</svg>
<span class="ms-2">Edit Profile</span>
</a>
</li>
<li>
<a href="setting-app.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16">
<path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z" />
<path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z" />
</svg>
<span class="ms-2">Setting</span>
</a>
</li>
<li>
<a href="../sign-up.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-headset" viewBox="0 0 16 16">
<path d="M8 1a5 5 0 0 0-5 5v1h1a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a6 6 0 1 1 12 0v6a2.5 2.5 0 0 1-2.5 2.5H9.366a1 1 0 0 1-.866.5h-1a1 1 0 1 1 0-2h1a1 1 0 0 1 .866.5H11.5A1.5 1.5 0 0 0 13 12h-1a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h1V6a5 5 0 0 0-5-5" />
</svg>
<span class="ms-2">Support</span>
</a>
</li>
<li>
<a href="../sign-in.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0z" />
<path fill-rule="evenodd" d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z" />
</svg>
<span class="ms-2">Logout</span>
</a>
</li>
</ul>
</nav>
<div class="card p-4 shadow-none m-4 help-box alert" role="alert">
<button type="button" class="btn-close end-0 me-3 mt-3 position-absolute top-0" data-bs-dismiss="alert" aria-label="Close"></button>
<div class="text-center"><img src="assets/dist/img/predictive_analytics.png" alt="" height="120" class="mb-3">
<h6 class="mb-1">Monthly Sales Report</h6>
<p class="fs-12">Your monthly sales report is ready for download!</p>
<div class="d-grid"><a class="btn btn-primary" href="#" target="_blank">Purchase</a></div>
</div>
</div>
</div><!-- sidebar-body -->
</nav>
<!-- Page Content -->
<div class="content-wrapper">
<div class="main-content">
<!-- Star navbar -->
<nav class="navbar-custom-menu navbar navbar-expand-xl m-0 navbar-transfarent">
<div class="sidebar-toggle">
<div class="sidebar-toggle-icon" id="sidebarCollapse">
sidebar toggle<span></span>
</div>
</div>
<!--/.sidebar toggle icon-->
<!-- Collapse -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Toggler -->
<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar-collapse" aria-expanded="true" aria-label="Toggle navigation"><span></span> <span></span></button>
<!-- Start search -->
<form class="search" action="#" method="get">
<div class="search__inner">
<input type="text" class="search__text" placeholder="Search (Ctrl+/)">
<svg data-sa-action="search-close" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search search__helper" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0" />
</svg>
<span class="search-shortcode">(Ctrl+/)</span>
</div>
</form>
<!-- End /. search -->
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle material-ripple" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="typcn typcn-weather-stormy top-menu-icon"></i>Home
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../index.html">Home (Main)</a></li>
<li><a class="dropdown-item" href="../home-classic.html">Home (Classic)</a></li>
<li><a class="dropdown-item" href="../home-rounded.html">Home (Rounded)</a></li>
<li><a class="dropdown-item" href="../home-map.html">Home (Map)</a></li>
<li><a class="dropdown-item" href="../home-grid.html">Home (Grid)</a></li>
<li><a class="dropdown-item" href="../home-waves.html">Home (Waves)</a></li>
<li><a class="dropdown-item" href="../home-car.html">Home (Car)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="../home-restaurant.html">Home (Restaurant)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle material-ripple" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="typcn typcn-weather-stormy top-menu-icon"></i>Dashboard
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="dashboard.html">Dashboard</a></li>
<li><a class="dropdown-item" href="bookings.html">Bookings</a></li>
<li><a class="dropdown-item" href="messages.html">Message</a></li>
<li><a class="dropdown-item" href="wallet.html">Wallet</a></li>
<li><a class="dropdown-item" href="profile.html">Edit Profile</a></li>
<li><a class="dropdown-item" href="add-listing.html">Add Listing</a></li>
<li><a class="dropdown-item" href="submit-rider.html">Submit Rider</a></li>
<li><a class="dropdown-item" href="my-listing.html">My listing</a></li>
<li><a class="dropdown-item" href="bookings.html">Bookings</a></li>
<li><a class="dropdown-item" href="reviews.html">Reviews</a></li>
<li><a class="dropdown-item" href="bookmark.html">Bookmark</a></li>
<li><a class="dropdown-item" href="setting-app.html">Settings</a></li>
<li><a class="dropdown-item" href="invoice.html">invoice</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
Listing
</a>
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">List View</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../listings-list-left.html">Left Sidebar</a></li>
<li><a class="dropdown-item" href="../listings-list-right.html">Right Sidebar</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 1</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../listings-grid-1-left.html">Left Sidebar</a></li>
<li><a class="dropdown-item" href="../listings-grid-1-right.html">Right Sidebar</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Grid View 2</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../listings-grid-2-left.html">Left Sidebar</a></li>
<li><a class="dropdown-item" href="../listings-grid-2-right.html">Right Sidebar</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Half Map + Sidebar</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../listings-map.html">Half Map List</a></li>
<li><a class="dropdown-item" href="../listings-map-car.html">Half Map List (Car)&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
<li><a class="dropdown-item" href="../listings-map-grid-1.html">Half Map Grid 1</a></li>
<li><a class="dropdown-item" href="../listings-map-grid-2.html">Half Map Grid 2</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Listing Details</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../listing-details.html">Listing Details 1</a></li>
<li><a class="dropdown-item" href="../listing-details-2.html">Listing Details 2</a></li>
<li><a class="dropdown-item" href="../listing-details-car.html">Listing Details Car&nbsp;<span class="badge text-bg-primary fw-semibold">New</span></a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="../listings-map-grid-1.html"><i class="typcn typcn-point-of-interest-outline top-menu-icon"></i>Explore</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
Template
</a>
<ul class="dropdown-menu">
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">About</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../about.html">About us 1</a></li>
<li><a class="dropdown-item" href="../about-2.html">About us 2</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Agent</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../agent.html">Agent</a></li>
<li><a class="dropdown-item" href="../agent-details.html">Agent Details</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="../blog.html" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../blog.html">Blog</a></li>
<li><a class="dropdown-item" href="../blog-details.html">Blog Standard</a></li>
<li><a class="dropdown-item" href="../blog-post-galary.html">Blog Galary</a></li>
<li><a class="dropdown-item" href="../blog-post-video.html">Blog Video</a></li>
<li><a class="dropdown-item" href="../blog-post-audio.html">Blog Audio</a></li>
<li><a class="dropdown-item" href="../blog-archive.html">Blog Archive</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="../add-listing.html">Add Listing</a></li>
<li><a class="dropdown-item" href="../submit-rider.html">Submit rider</a></li>
<li><a class="dropdown-item" href="../contact.html">Contact</a></li>
<li><a class="dropdown-item" href="../pricing.html">Pricing</a></li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Authentication</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../sign-in.html">Sign In</a></li>
<li><a class="dropdown-item" href="../sign-up.html">Sign Up</a></li>
<li><a class="dropdown-item" href="../forgot-password.html">Forgot Password</a></li>
<li><a class="dropdown-item" href="../two-factor-auth.html">Two factor authentication</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specialty</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../404.html">404 Page</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Help Center</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../faq.html">Faq Page</a></li>
<li><a class="dropdown-item" href="../terms-conditions.html">Terms & Conditions</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="../style-guide.html">Style Guide</a></li>
</ul>
</li>
</ul>
</div>
<div class="navbar-icon d-flex">
<ul class="navbar-nav flex-row align-items-center">
<li class="nav-item">
<a class="nav-link" href="#" id="btnFullscreen">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-fullscreen" viewBox="0 0 16 16">
<path d="M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5M.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5m15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5" />
</svg>
</a>
</li>
<li class="nav-item">
<button class="nav-link dark-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon" viewBox="0 0 16 16">
<path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278M4.858 1.311A7.269 7.269 0 0 0 1.025 7.71c0 4.02 3.279 7.276 7.319 7.276a7.316 7.316 0 0 0 5.205-2.162c-.337.042-.68.063-1.029.063-4.61 0-8.343-3.714-8.343-8.29 0-1.167.242-2.278.681-3.286z" />
</svg>
</button>
</li>
<li class="nav-item">
<button class="nav-link light-button">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-brightness-high" viewBox="0 0 16 16">
<path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6m0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8M8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0m0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13m8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5M3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8m10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0m-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707M4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z" />
</svg>
</button>
</li>
<li class="nav-item dropdown user-menu user-menu-custom">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<div class="profile-element d-flex align-items-center flex-shrink-0 p-0 text-start">
<div class="avatar online">
<img src="assets/dist/img/avatar/01.jpg" class="img-fluid rounded-circle" alt="">
</div>
<div class="profile-text">
<h6 class="m-0 fw-medium fs-14">Naeem Khan</h6>
<span>example@gmail.com</span>
</div>
</div>
</a>
<div class="dropdown-menu">
<div class="dropdown-header d-sm-none">
<a href="" class="header-arrow"><i class="icon ion-md-arrow-back"></i></a>
</div>
<div class="user-header">
<div class="img-user">
<img src="assets/dist/img/avatar/01.jpg" alt="">
</div><!-- img-user -->
<h6>Naeem Khan</h6>
<span>example@gmail.com</span>
</div><!-- user-header -->
<a href="profile.html" class="dropdown-item">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person" viewBox="0 0 16 16">
<path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664z" />
</svg>
My Profile</a>
<a href="profile.html" class="dropdown-item">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-pen" viewBox="0 0 16 16">
<path d="m13.498.795.149-.149a1.207 1.207 0 1 1 1.707 1.708l-.149.148a1.5 1.5 0 0 1-.059 2.059L4.854 14.854a.5.5 0 0 1-.233.131l-4 1a.5.5 0 0 1-.606-.606l1-4a.5.5 0 0 1 .131-.232l9.642-9.642a.5.5 0 0 0-.642.056L6.854 4.854a.5.5 0 1 1-.708-.708L9.44.854A1.5 1.5 0 0 1 11.5.796a1.5 1.5 0 0 1 1.998-.001m-.644.766a.5.5 0 0 0-.707 0L1.95 11.756l-.764 3.057 3.057-.764L14.44 3.854a.5.5 0 0 0 0-.708l-1.585-1.585z" />
</svg>
Edit Profile</a>
<a href="" class="dropdown-item">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-shuffle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M0 3.5A.5.5 0 0 1 .5 3H1c2.202 0 3.827 1.24 4.874 2.418.49.552.865 1.102 1.126 1.532.26-.43.636-.98 1.126-1.532C9.173 4.24 10.798 3 13 3v1c-1.798 0-3.173 1.01-4.126 2.082A9.624 9.624 0 0 0 7.556 8a9.624 9.624 0 0 0 1.317 1.918C9.828 10.99 11.204 12 13 12v1c-2.202 0-3.827-1.24-4.874-2.418A10.595 10.595 0 0 1 7 9.05c-.26.43-.636.98-1.126 1.532C4.827 11.76 3.202 13 1 13H.5a.5.5 0 0 1 0-1H1c1.798 0 3.173-1.01 4.126-2.082A9.624 9.624 0 0 0 6.444 8a9.624 9.624 0 0 0-1.317-1.918C4.172 5.01 2.796 4 1 4H.5a.5.5 0 0 1-.5-.5" />
<path d="M13 5.466V1.534a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384l-2.36 1.966a.25.25 0 0 1-.41-.192zm0 9v-3.932a.25.25 0 0 1 .41-.192l2.36 1.966c.12.1.12.284 0 .384l-2.36 1.966a.25.25 0 0 1-.41-.192z" />
</svg>
Activity Logs</a>
<a href="setting-app.html" class="dropdown-item">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16">
<path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z" />
<path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z" />
</svg>
Account Settings</a>
<a href="../sign-in.html" class="dropdown-item">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-box-arrow-in-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0z" />
<path fill-rule="evenodd" d="M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z" />
</svg>
Sign Out</a>
</div>
<!--/.dropdown-menu -->
</li>
</ul>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa-solid fa-bars fs-18"></i>
</button>
</nav>
<!-- End /. navbar -->
<div class="body-content">
<div class="decoration blur-2"></div>
<div class="decoration blur-3"></div>
<div class="container-xxl">
<div class="card">
<div class="card-header position-relative">
<h6 class="fs-17 fw-semi-bold my-1">Visitor Reviews</h6>
</div>
<div class="card-body">
<div class="mb-4">
<div class="border p-4 mb-5 rounded-4">
<div class="row g-4 align-items-center">
<div class="col-sm-auto">
<div class="text-center">
<!-- start title -->
<h6 class="mb-4">Average user rating</h6>
<!-- end /. title -->
<!-- Start Rating Point -->
<div class="rating-point position-relative ml-auto mr-auto">
<!-- Start Svg Icon -->
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width=".5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-star text-primary">
<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"> </polygon>
</svg>
<!-- /.End Svg Icon -->
<h3 class="position-absolute mb-0 fs-18 text-primary">4.3</h3>
</div>
<!-- End Rating Point -->
<span class="fs-13">2,525 Ratings &amp;</span><br>
<span class="fs-13">293 Reviews</span>
</div>
</div>
<div class="col">
<div class="rating-position">
<!-- start title -->
<h6 class="mb-4">Rating breakdown</h6>
<!-- end /. title -->
<!-- Start Rating Point -->
<!-- start rating dimension -->
<div class="align-items-center d-flex mb-2 rating-dimension gap-2">
<!-- start rating quantity -->
<div class="d-flex align-items-center gap-2">
<span class="fs-14 fw-semibold rating-points">5</span>
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
</div>
</div>
<!-- end /. rating quantity -->
<!-- Start Progress -->
<div class="progress flex-grow-1 me-2">
<div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- /.End Progress -->
<!-- Start User Rating -->
<div class="bg-dark fs-11 fw-medium px-2 py-1 rounded-pill text-white user-rating">4.5</div>
<!-- /.End User Rating -->
</div>
<!-- end /. rating dimension -->
<!-- start rating dimension -->
<div class="align-items-center d-flex mb-2 rating-dimension gap-2">
<!-- start rating quantity -->
<div class="d-flex align-items-center gap-2">
<span class="fs-14 fw-semibold rating-points">5</span>
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon half"></i>
<i class="fa-star-icon none"></i>
</div>
</div>
<!-- end /. rating quantity -->
<!-- start progress -->
<div class="progress flex-grow-1 me-2">
<div class="progress-bar bg-success" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- end /. progress -->
<!-- start user rating -->
<div class="bg-dark fs-11 fw-medium px-2 py-1 rounded-pill text-white user-rating">3.5</div>
<!-- end /. user rating -->
</div>
<!-- end /. rating dimension -->
<!-- start rating dimension -->
<div class="align-items-center d-flex mb-2 rating-dimension gap-2">
<!-- start rating quantity -->
<div class="d-flex align-items-center gap-2">
<span class="fs-14 fw-semibold rating-points">3</span>
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon half"></i>
<i class="fa-star-icon none"></i>
<i class="fa-star-icon none"></i>
</div>
</div>
<!-- end /. rating quantity -->
<!-- start progress -->
<div class="progress flex-grow-1 me-2">
<div class="progress-bar bg-warning" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- end /. progress -->
<!-- start user rating -->
<div class="bg-dark fs-11 fw-medium px-2 py-1 rounded-pill text-white user-rating">1.5</div>
<!-- end /. user rating -->
</div>
<!-- end /. rating dimension -->
<!-- start rating dimension -->
<div class="align-items-center d-flex mb-2 rating-dimension gap-2">
<!-- start rating quantity -->
<div class="d-flex align-items-center gap-2">
<span class="fs-14 fw-semibold rating-points">3</span>
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon half"></i>
<i class="fa-star-icon none"></i>
<i class="fa-star-icon none"></i>
<i class="fa-star-icon none"></i>
</div>
</div>
<!-- end /. rating quantity -->
<!-- start progress -->
<div class="progress flex-grow-1 me-2">
<div class="progress-bar bg-info" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- end /. progress -->
<!-- start user rating -->
<div class="bg-dark fs-11 fw-medium px-2 py-1 rounded-pill text-white user-rating">5.2</div>
<!-- end /. user rating -->
</div>
<!-- end /. rating dimension -->
<!-- start rating dimension -->
<div class="align-items-center d-flex mb-2 rating-dimension gap-2">
<!-- start rating quantity -->
<div class="d-flex align-items-center gap-2">
<span class="fs-14 fw-semibold rating-points">1</span>
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon none"></i>
<i class="fa-star-icon none"></i>
<i class="fa-star-icon none"></i>
<i class="fa-star-icon none"></i>
</div>
</div>
<!-- end /. rating quantity -->
<!-- start progress -->
<div class="progress flex-grow-1 me-2">
<div class="progress-bar text-bg-danger" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<!-- end /. progress -->
<!-- start user rating -->
<div class="bg-dark fs-11 fw-medium px-2 py-1 rounded-pill text-white user-rating">6.9</div>
<!-- end /. user rating -->
</div>
<!-- end /. rating dimension -->
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="assets/dist/img/avatar/01.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-4">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Ethan Blackwood</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<!-- start rating -->
<div class="d-flex align-items-center gap-2 ms-auto">
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon half"></i>
<i class="fa-star-icon none"></i>
</div>
<span class="fs-14 fw-semibold rating-points">3.5/5</span>
</div>
<!-- end /. rating -->
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which.</div>
<!-- start review -->
<a href="#" class="border btn btn-sm d-inline-flex gap-2 mt-4 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"></path>
</svg>
Helpful Review
<div class="vr d-none d-sm-inline-block"></div>
<span class="fw-semibold">16</span>
</a>
<!-- end /. review -->
<div class="row mt-3 g-2 review-image zoom-gallery">
<div class="col-auto">
<a href="assets/dist/img/reviews/review-image-02.jpg" class="galary-overlay-hover dark-overlay position-relative d-block overflow-hidden rounded-3">
<img src="assets/dist/img/reviews/review-image-02.jpg" alt="" class="img-fluid rounded-3 object-fit-cover" height="70" width="112">
<div class="galary-hover-element h-100 position-absolute start-50 top-50 translate-middle w-100">
<i class="fa-solid fa-expand text-white position-absolute top-50 start-50 translate-middle bg-primary rounded-1 p-2 lh-1"></i>
</div>
</a>
</div>
<div class="col-auto">
<a href="assets/dist/img/reviews/review-image-03.jpg" class="galary-overlay-hover dark-overlay position-relative d-block overflow-hidden rounded-3">
<img src="assets/dist/img/reviews/review-image-03.jpg" alt="" class="img-fluid rounded-3 object-fit-cover" height="70" width="112">
<div class="galary-hover-element h-100 position-absolute start-50 top-50 translate-middle w-100">
<i class="fa-solid fa-expand text-white position-absolute top-50 start-50 translate-middle bg-primary rounded-1 p-2 lh-1"></i>
</div>
</a>
</div>
<div class="col-auto">
<a href="assets/dist/img/reviews/review-image-04.jpg" class="galary-overlay-hover dark-overlay position-relative d-block overflow-hidden rounded-3">
<img src="assets/dist/img/reviews/review-image-04.jpg" alt="" class="img-fluid rounded-3 object-fit-cover" height="70" width="112">
<div class="galary-hover-element h-100 position-absolute start-50 top-50 translate-middle w-100">
<i class="fa-solid fa-expand text-white position-absolute top-50 start-50 translate-middle bg-primary rounded-1 p-2 lh-1"></i>
</div>
</a>
</div>
</div>
<div class="d-flex mt-4 border-top pt-4">
<div class="flex-shrink-0">
<img src="assets/dist/img/avatar/02.jpg" alt="..." height="60" width="60" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Gabriel North</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<!-- start review -->
<a href="#" class="border btn btn-sm d-inline-flex gap-2 mt-4 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"></path>
</svg>
Helpful Review
<div class="vr d-none d-sm-inline-block"></div>
<span class="fw-semibold">16</span>
</a>
<!-- end /. review -->
</div>
</div>
</div>
</div>
<div class="d-flex mb-4 border-bottom pb-4">
<div class="flex-shrink-0">
<img src="assets/dist/img/avatar/03.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Pranoti Deshpande</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<!-- start rating -->
<div class="d-flex align-items-center gap-2 ms-auto">
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon half"></i>
<i class="fa-star-icon none"></i>
</div>
<span class="fs-14 fw-semibold rating-points">3.5/5</span>
</div>
<!-- end /. rating -->
</div>
<div class="fs-15">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. </div>
<!-- start review -->
<a href="#" class="border btn btn-sm d-inline-flex gap-2 mt-4 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"></path>
</svg>
Helpful Review
<div class="vr d-none d-sm-inline-block"></div>
<span class="fw-semibold">16</span>
</a>
<!-- end /. review -->
</div>
</div>
<div class="d-flex mb-4">
<div class="flex-shrink-0">
<img src="assets/dist/img/avatar/04.jpg" alt="..." height="70" width="70" class="object-fit-cover rounded-circle">
</div>
<div class="flex-grow-1 ms-3">
<div class="comment-header d-flex flex-wrap gap-2 mb-3">
<div>
<h4 class="fs-18 mb-0">- Marcus Knight</h4>
<div class="comment-datetime fs-12 text-muted">25 Oct 2023 at 12.27 pm</div>
</div>
<!-- start rating -->
<div class="d-flex align-items-center gap-2 ms-auto">
<div class="d-flex align-items-center text-primary rating-stars">
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon"></i>
<i class="fa-star-icon half"></i>
<i class="fa-star-icon none"></i>
</div>
<span class="fs-14 fw-semibold rating-points">3.5/5</span>
</div>
<!-- end /. rating -->
</div>
<div class="fs-15"> This is some content from a media component. You can replace this with any content and adjust it as needed.</div>
<!-- start review -->
<a href="#" class="border btn btn-sm d-inline-flex gap-2 mt-4 px-3 rounded-pill">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-hand-thumbs-up" viewBox="0 0 16 16">
<path d="M8.864.046C7.908-.193 7.02.53 6.956 1.466c-.072 1.051-.23 2.016-.428 2.59-.125.36-.479 1.013-1.04 1.639-.557.623-1.282 1.178-2.131 1.41C2.685 7.288 2 7.87 2 8.72v4.001c0 .845.682 1.464 1.448 1.545 1.07.114 1.564.415 2.068.723l.048.03c.272.165.578.348.97.484.397.136.861.217 1.466.217h3.5c.937 0 1.599-.477 1.934-1.064a1.86 1.86 0 0 0 .254-.912c0-.152-.023-.312-.077-.464.201-.263.38-.578.488-.901.11-.33.172-.762.004-1.149.069-.13.12-.269.159-.403.077-.27.113-.568.113-.857 0-.288-.036-.585-.113-.856a2.144 2.144 0 0 0-.138-.362 1.9 1.9 0 0 0 .234-1.734c-.206-.592-.682-1.1-1.2-1.272-.847-.282-1.803-.276-2.516-.211a9.84 9.84 0 0 0-.443.05 9.365 9.365 0 0 0-.062-4.509A1.38 1.38 0 0 0 9.125.111L8.864.046zM11.5 14.721H8c-.51 0-.863-.069-1.14-.164-.281-.097-.506-.228-.776-.393l-.04-.024c-.555-.339-1.198-.731-2.49-.868-.333-.036-.554-.29-.554-.55V8.72c0-.254.226-.543.62-.65 1.095-.3 1.977-.996 2.614-1.708.635-.71 1.064-1.475 1.238-1.978.243-.7.407-1.768.482-2.85.025-.362.36-.594.667-.518l.262.066c.16.04.258.143.288.255a8.34 8.34 0 0 1-.145 4.725.5.5 0 0 0 .595.644l.003-.001.014-.003.058-.014a8.908 8.908 0 0 1 1.036-.157c.663-.06 1.457-.054 2.11.164.175.058.45.3.57.65.107.308.087.67-.266 1.022l-.353.353.353.354c.043.043.105.141.154.315.048.167.075.37.075.581 0 .212-.027.414-.075.582-.05.174-.111.272-.154.315l-.353.353.353.354c.047.047.109.177.005.488a2.224 2.224 0 0 1-.505.805l-.353.353.353.354c.006.005.041.05.041.17a.866.866 0 0 1-.121.416c-.165.288-.503.56-1.066.56z"></path>
</svg>
Helpful Review
<div class="vr d-none d-sm-inline-block"></div>
<span class="fw-semibold">16</span>
</a>
<!-- end /. review -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/.body content-->
</div>
<!--/.main content-->
<footer class="footer-content">
<div class="align-items-center d-flex footer-text gap-3 justify-content-between">
<div class="copy">© 2022 ListOn - All Rights Reserved</div>
<div class="credit">Developed by: <a href="#">ListOn</a> 🌺💚</div>
</div>
</footer>
<!--/.footer content-->
<div class="overlay"></div>
</div>
<!--/.wrapper-->
</div>
<!-- Global script(used by all pages) -->
<script src="assets/plugins/jQuery/jquery.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/plugins/metisMenu/metisMenu.min.js"></script>
<script src="assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<!-- Third Party Scripts(used by this page) -->
<script src="assets/plugins/magnific-Popup/jquery.magnific-popup.min.js"></script>
<!-- Page Scripts(used by all page) -->
<script src="assets/dist/js/app.min.js"></script>
<!-- Page Active Scripts(used by this page) -->
<script src="assets/dist/js/dashboard.js"></script>
</body>
</html>