Filter
Filter
Filters
Categories
Stores
Rating
<div class="col-12">
<!-- filter btn -->
<a class="btn btn-outline-gray-400 text-muted" data-bs-toggle="collapse" href="#collapseFilter" role="button"
aria-expanded="true" aria-controls="collapseFilter">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-filter me-2">
<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
</svg>
Filters
</a>
<!-- collapse -->
<div class="collapse mt-6 show" id="collapseFilter">
<div class="row row-cols-lg-4 row-cols-1 row-cols-md-2">
<!-- col -->
<div class="col">
<!-- card -->
<div class="card mb-4 mb-lg-0">
<div class="card-body p-6">
<!-- content -->
<h5 class="mb-3">Categories</h5>
<!-- nav -->
<ul class="nav nav-category">
<!-- nav item -->
<li class="nav-item border-bottom w-100"><a href="#" class="nav-link">Dairy, Bread & Eggs</a>
</li>
<!-- nav item -->
<li class="nav-item border-bottom w-100"><a href="#" class="nav-link"> Snacks &
Munchies</a>
</li>
<!-- nav item -->
<li class="nav-item border-bottom w-100"><a href="#" class="nav-link"> Fruits & Vegetables</a>
</li>
<!-- nav item -->
<li class="nav-item border-bottom w-100"><a href="#" class="nav-link"> Cold Drinks & Juices </a>
</li>
<!-- nav item -->
<li class="nav-item border-bottom w-100"><a href="#" class="nav-link"> Breakfast & Instant Food
</a>
</li>
<!-- nav item -->
<li class="nav-item border-bottom w-100"><a href="#" class="nav-link"> Bakery & Biscuits</a>
</li>
<!-- nav item -->
<li class="nav-item "><a href="#" class="nav-link"> Chicken, Meat & Fish</a>
</li>
</ul>
</div>
</div>
<!-- col -->
</div>
<div class="col">
<!-- card -->
<div class="card mb-4 mb-lg-0">
<div class="card-body p-6">
<!-- content -->
<div>
<h5 class="mb-3">Stores</h5>
<div class="my-4">
<!-- input -->
<input type="search" class="form-control" placeholder="Search by store">
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="eGrocery" checked>
<label class="form-check-label" for="eGrocery">
E-Grocery
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="DealShare">
<label class="form-check-label" for="DealShare">
DealShare
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="Dmart">
<label class="form-check-label" for="Dmart">
DMart
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="Blinkit">
<label class="form-check-label" for="Blinkit">
Blinkit
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="BigBasket">
<label class="form-check-label" for="BigBasket">
BigBasket
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="StoreFront">
<label class="form-check-label" for="StoreFront">
StoreFront
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="Spencers">
<label class="form-check-label" for="Spencers">
Spencers
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="onlineGrocery">
<label class="form-check-label" for="onlineGrocery">
Online Grocery
</label>
</div>
</div>
</div>
</div>
<!-- col -->
</div>
<div class="col">
<!-- card -->
<div class="card mb-4 mb-lg-0">
<div class="card-body p-6">
<!-- content -->
<div>
<h5 class="mb-3">Price</h5>
<div>
<div id="priceRange" class="mb-3"></div>
<small class="text-muted">Price:</small> <span id="priceRange-value" class="small"></span>
</div>
</div>
</div>
</div>
<!-- col -->
</div>
<div class="col">
<!-- card -->
<div class="card mb-4 mb-lg-0">
<div class="card-body p-6">
<!-- content -->
<div>
<h5 class="mb-3">Rating</h5>
<div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingFive">
<!-- rating -->
<label class="form-check-label" for="ratingFive">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star-fill text-warning "></i>
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingFour" checked>
<!-- rating -->
<label class="form-check-label" for="ratingFour">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingThree">
<!-- rating -->
<label class="form-check-label" for="ratingThree">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star-fill text-warning "></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingTwo">
<!-- rating -->
<label class="form-check-label" for="ratingTwo">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingOne">
<!-- rating -->
<label class="form-check-label" for="ratingOne">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Category
Categories
<div class="mb-8 mt-8" style="max-width: 390px;">
<!-- title -->
<h5 class="mb-3">Categories</h5>
<!-- nav -->
<ul class="nav nav-category" id="categoryCollapseMenu">
<li class="nav-item border-bottom w-100">
<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#categoryFlushOne" aria-expanded="false" aria-controls="categoryFlushOne">
Dairy, Bread & Eggs
<i class="feather-icon icon-chevron-right"></i>
</a>
<!-- accordion collapse -->
<div id="categoryFlushOne" class="accordion-collapse collapse" data-bs-parent="#categoryCollapseMenu">
<div>
<!-- nav -->
<ul class="nav flex-column ms-3">
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Milk</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Milk Drinks</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Curd & Yogurt</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Eggs</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Bread</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Buns & Bakery</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Butter & More</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Cheese</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Paneer & Tofu</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Cream & Whitener</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Condensed Milk</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Vegan Drinks</a></li>
</ul>
</div>
</div>
</li>
<!-- nav item -->
<li class="nav-item border-bottom w-100">
<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
Snacks & Munchies
<i class="feather-icon icon-chevron-right"></i>
</a>
<!-- collapse -->
<div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#categoryCollapseMenu">
<div>
<ul class="nav flex-column ms-3">
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Chips & Crisps</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Nachos</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Popcorn</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Bhujia & Mixtures</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Namkeen Snacks</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Healthy Snacks</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Cakes & Rolls</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Energy Bars</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Papad & Fryums</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Rusks & Wafers</a></li>
</ul>
</div>
</div>
</li>
<li class="nav-item border-bottom w-100">
<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
Fruits & Vegetables
<i class="feather-icon icon-chevron-right"></i>
</a>
<!-- collapse -->
<div id="flush-collapseThree" class="accordion-collapse collapse" data-bs-parent="#categoryCollapseMenu">
<div>
<ul class="nav flex-column ms-3">
<!-- nav item -->
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#!">Fresh Vegetables</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Herbs & Seasonings</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Fresh Fruits</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Organic Fruits & Vegetables</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Cuts & Sprouts</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Exotic Fruits & Veggies</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Flower Bouquets, Bunches</a>
</li>
</ul>
</div>
</div>
</li>
<li class="nav-item border-bottom w-100">
<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-controls="flush-collapseFour">
Cold Drinks & Juices
<i class="feather-icon icon-chevron-right"></i>
</a>
<!-- collapse -->
<div id="flush-collapseFour" class="accordion-collapse collapse" data-bs-parent="#categoryCollapseMenu">
<div>
<ul class="nav flex-column ms-3">
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Soft Drinks</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Fruit Juices</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Coldpress</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Energy Drinks</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Water & Ice Cubes</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Soda & Mixers</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Concentrates & Syrups</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Detox & Energy Drinks</a></li>
<!-- nav item -->
<li class="nav-item"><a href="#!" class="nav-link">Juice Collection</a></li>
</ul>
</div>
</div>
</li>
<li class="nav-item border-bottom w-100">
<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-controls="flush-collapseFive">
Breakfast & Instant Food
<i class="feather-icon icon-chevron-right"></i>
</a>
<!-- collapse -->
<div id="flush-collapseFive" class="accordion-collapse collapse" data-bs-parent="#categoryCollapseMenu">
<div>
<ul class="nav flex-column ms-3">
<!-- nav item -->
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#!">Batter</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Breakfast Cereal</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Noodles, Pasta & Soup</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Frozen Non-Veg Snackss</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Frozen Veg</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Vermicelli</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Instant Mixes</a>
</li>
</ul>
</div>
</div>
</li>
<li class="nav-item border-bottom w-100">
<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseSix" aria-expanded="false" aria-controls="flush-collapseSix">
Bakery & Biscuits
<i class="feather-icon icon-chevron-right"></i>
</a>
<!-- collapse -->
<div id="flush-collapseSix" class="accordion-collapse collapse" data-bs-parent="#categoryCollapseMenu">
<div>
<ul class="nav flex-column ms-3">
<!-- nav item -->
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#!">Cookies</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Glucose & Marie</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Sweet & Salty</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Healthy & Digestive</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Cream Biscuits</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Rusks & Wafers</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Cakes & Rolls</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Buns & Bakery</a>
</li>
</ul>
</div>
</div>
</li>
<li class="nav-item border-bottom w-100">
<a href="#" class="nav-link collapsed" data-bs-toggle="collapse" data-bs-target="#flush-collapseSeven" aria-expanded="false" aria-controls="flush-collapseSeven">
Chicken, Meat & Fish
<i class="feather-icon icon-chevron-right"></i>
</a>
<!-- collapse -->
<div id="flush-collapseSeven" class="accordion-collapse collapse" data-bs-parent="#categoryCollapseMenu">
<div>
<ul class="nav flex-column ms-3">
<!-- nav item -->
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#!">Chicken</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Sausage, Salami & Ham</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Exotic Meat</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Eggs</a>
</li>
<!-- nav item -->
<li class="nav-item">
<a class="nav-link" href="#!">Frozen Non-Veg Snacks</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>Store
Stores
<div class="mb-8 mt-8" style="max-width: 390px;">
<h5 class="mb-3">Stores</h5>
<div class="my-4">
<!-- input -->
<input type="search" class="form-control" placeholder="Search by store" />
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="eGrocery" checked />
<label class="form-check-label" for="eGrocery">E-Grocery</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="DealShare" />
<label class="form-check-label" for="DealShare">DealShare</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="Dmart" />
<label class="form-check-label" for="Dmart">DMart</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="Blinkit" />
<label class="form-check-label" for="Blinkit">Blinkit</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="BigBasket" />
<label class="form-check-label" for="BigBasket">BigBasket</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="StoreFront" />
<label class="form-check-label" for="StoreFront">StoreFront</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="Spencers" />
<label class="form-check-label" for="Spencers">Spencers</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="onlineGrocery" />
<label class="form-check-label" for="onlineGrocery">Online Grocery</label>
</div>
</div>Price
Price
Price:
<div class="mb-8 mt-8" style="max-width: 390px;">
<!-- price -->
<h5 class="mb-3">Price</h5>
<div>
<!-- range -->
<div id="priceRange" class="mb-3"></div>
<small class="text-muted">Price:</small>
<span id="priceRange-value" class="small"></span>
</div>
</div>Rating
Rating
<!-- rating -->
<div class="mb-8 mt-8" style="max-width: 390px;">
<h5 class="mb-3">Rating</h5>
<div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingFive" />
<label class="form-check-label" for="ratingFive">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingFour" checked />
<label class="form-check-label" for="ratingFour">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingThree" />
<label class="form-check-label" for="ratingThree">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingTwo" />
<label class="form-check-label" for="ratingTwo">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
<!-- form check -->
<div class="form-check mb-2">
<!-- input -->
<input class="form-check-input" type="checkbox" value="" id="ratingOne" />
<label class="form-check-label" for="ratingOne">
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
<i class="bi bi-star text-warning"></i>
</label>
</div>
</div>
</div>Filter
24 Products found
<div class="row">
<div class="col-12">
<div class="d-lg-flex justify-content-between align-items-center">
<div class="mb-3 mb-lg-0">
<p class="mb-0"> <span class="text-dark">24 </span> Products found </p>
</div>
<!-- icon -->
<div class="d-md-flex justify-content-between align-items-center">
<div class="d-flex align-items-center justify-content-between">
<div class="">
<a href="../../pages/shop-list.html" class="text-muted me-3"><i class="bi bi-list-ul"></i></a>
<a href="../../pages/shop-grid.html" class=" me-3 active"><i class="bi bi-grid"></i></a>
<a href="../../pages/shop-grid-3-column.html" class="me-3 text-muted"><i class="bi bi-grid-3x3-gap"></i></a>
</div>
<div class="ms-2 d-lg-none">
<a class="btn btn-outline-gray-400 text-muted" data-bs-toggle="offcanvas" href="#offcanvasCategory" role="button" aria-controls="offcanvasCategory">
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="feather feather-filter me-2">
<polygon points="22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"></polygon>
</svg>
Filters
</a>
</div>
</div>
<div class="d-flex mt-2 mt-lg-0">
<div class="me-2 flex-grow-1">
<!-- select option -->
<select class="form-select" aria-label="Default select example">
<option selected>Show: 50</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
</div>
<div>
<!-- select option -->
<select class="form-select" aria-label="Default select example">
<option selected>Sort by: Featured</option>
<option value="Low to High">Price: Low to High</option>
<option value="High to Low"> Price: High to Low</option>
<option value="Release Date"> Release Date</option>
<option value="Avg. Rating"> Avg. Rating</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
