2023-11-29 08:46:54 +00:00
< div { % if class % } class = "{{class}}" { % endif % } >
< div class = "bg-white py-6 sm:py-8 lg:py-12" >
2023-11-29 08:49:33 +00:00
< div class = "mx-auto px-4 md:px-8" >
2023-11-29 08:46:54 +00:00
< h2 class = "mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl xl:mb-12" > Customer Reviews< / h2 >
< div class = "mb-4 flex items-center justify-between border-t border-b py-4" >
< div class = "flex flex-col gap-0.5" >
< span class = "block font-bold" > Total< / span >
<!-- stars - start -->
< div class = "-ml-1 flex gap-0.5" >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-6 w-6 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-6 w-6 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-6 w-6 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-6 w-6 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-6 w-6 text-gray-300" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< / div >
<!-- stars - end -->
< span class = "block text-sm text-gray-500" > Bases on 27 reviews< / span >
< / div >
< a href = "#" class = "inline-block rounded-lg border bg-white px-4 py-2 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:px-8 md:py-3 md:text-base" > Write a review< / a >
< / div >
< div class = "divide-y" >
<!-- review - start -->
< div class = "flex flex-col gap-3 py-4 md:py-8" >
< div >
< span class = "block text-sm font-bold" > John McCulling< / span >
< span class = "block text-sm text-gray-500" > August 28, 2021< / span >
< / div >
<!-- stars - start -->
< div class = "-ml-1 flex gap-0.5" >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< / div >
<!-- stars - end -->
< p class = "text-gray-600" > This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated. It may be used to display a sample of fonts or generate text for testing.< / p >
< / div >
<!-- review - end -->
<!-- review - start -->
< div class = "flex flex-col gap-3 py-4 md:py-8" >
< div >
< span class = "block text-sm font-bold" > Kate Berg< / span >
< span class = "block text-sm text-gray-500" > July 21, 2021< / span >
< / div >
<!-- stars - start -->
< div class = "-ml-1 flex gap-0.5" >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< / div >
<!-- stars - end -->
< p class = "text-gray-600" > This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated. It may be used to display a sample of fonts or generate text for testing.< / p >
< / div >
<!-- review - end -->
<!-- review - start -->
< div class = "flex flex-col gap-3 py-4 md:py-8" >
< div >
< span class = "block text-sm font-bold" > Greg Jackson< / span >
< span class = "block text-sm text-gray-500" > March 16, 2021< / span >
< / div >
<!-- stars - start -->
< div class = "-ml-1 flex gap-0.5" >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-yellow-400" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-gray-300" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< svg xmlns = "http://www.w3.org/2000/svg" class = "h-5 w-5 text-gray-300" viewBox = "0 0 20 20" fill = "currentColor" >
< path d = "M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" / >
< / svg >
< / div >
<!-- stars - end -->
< p class = "text-gray-600" > This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated. It may be used to display a sample of fonts or generate text for testing.< / p >
< / div >
<!-- review - end -->
< / div >
< / div >
< / div >
< / div >