Watch Shop Grid - Copy this Html, Bootstrap Component to your project

Detailed-Description-for-Product-List-Page-("Watch-Shop")-The-"Watch-Shop"-page-is-a-clean-and-well-organized-product-listing-page.-It-contains-the-following-components:-1.-Header-Section-Background:-A-subtle-topographic-pattern-used-as-a-background-image.-The-background-spans-the-full-width-of-the-page.-Title:-Displays-the-text-"Watch-Shop"-prominently.-Font-styling:-Font-Family:-Modern-sans-serif-(e.g.,-Montserrat).-Font-Weight:-Bold.-Font-Size:-Large-(around-3rem).-Alignment:-Centered-both-vertically-and-horizontally-within-the-header-section.-Text-color:-Dark-navy-(#1a1a2e).-Dimensions:-Height:-Fixed-at-200px.-Full-width-design-and-responsive-across-all-devices.-2.-Main-Content-Section-2.1-Filter-and-Sorting-Bar-Positioned-at-the-top-of-the-product-grid.-Filters-and-Sorting-Options:-Sort-by-Options:-Newest-Arrivals-Price-High-to-Low-Most-Popular-The-selected-filter-(e.g.,-"Newest-Arrivals")-is-underlined-in-red-(#dc3545).-Font-styling:-Font-Size:-Medium-(around-1rem).-Text-Color:-Black-for-unselected-options,-red-for-the-selected-option.-Items-per-Page-Dropdown:-A-dropdown-menu-located-to-the-right.-Allows-users-to-choose-the-number-of-items-displayed-per-page-(e.g.,-"40-per-page").-Styled-with-a-clean,-modern-dropdown-menu-format.-2.2-Product-Grid-Layout-A-responsive-grid-layout-displaying-products-in-rows.-Each-row-contains-three-products-on-desktops-and-adjusts-for-smaller-screens.-Each-product-is-presented-in-a-card-like-format-with-consistent-spacing.-Product-Card-Details-Each-product-card-consists-of-the-following-elements:-Product-Image:-A-high-resolution-image-of-the-product-displayed-at-the-top.-The-image-takes-up-the-majority-of-the-card's-space.-On-hover:-Subtle-zoom-in-effect.-Optionally,-an-overlay-for-quick-actions-(e.g.,-"Add-to-Cart"-or-"Add-to-Wishlist").-Date-Indicator-(Optional):-Some-product-cards-may-display-a-small-badge-on-the-top-left-corner-for-promotions,-new-arrivals,-or-featured-products.-Product-Name:-Displays-the-name-of-the-product-below-the-image.-Font-styling:-Font-Weight:-Semi-bold.-Font-Size:-Medium-large-(around-1.2rem).-Text-Color:-Black-or-dark-gray-(#333).-On-hover:-Slightly-bold-text-and-underline.-Price:-Displays-the-price-of-the-product-below-the-name.-Font-styling:-Font-Size:-Medium-(around-1rem).-Text-Color:-Black.-Styled-with-"$"-or-relevant-currency-symbol.-Action-Buttons-(Optional):-Some-products-may-include-an-action-button-on-hover,-such-as:-"Add-to-Cart"-button:-Background-Color:-Red-(#dc3545).-Text-Color:-White-(#ffffff).-Font-Size:-Medium.-Rounded-corners-for-a-modern-look.-A-heart-icon-for-"Add-to-Wishlist":-Positioned-in-the-top-right-corner-of-the-product-image.-Icon-styling:-Clean-and-small,-with-hover-effects-(changes-color-to-red).-3.-Pagination-Positioned-at-the-bottom-of-the-product-grid.-Structure:-Displays-numbered-links-for-pages-(e.g.,-1,-2,-3,-etc.).-Includes-"Previous"-and-"Next"-buttons-as-arrows-(<-and->).-Styling:-Active-page-is-highlighted-with-a-bold-or-colored-background-(e.g.,-red-underline).-Font-Size:-Small-medium,-easy-to-read.-Styling-Guidelines-General-Styling-Font:-Clean-and-modern-sans-serif-font-(e.g.,-Montserrat-or-Roboto).-Colors:-Primary:-Dark-navy-(#1a1a2e)-for-headings.-Secondary:-Red-(#dc3545)-for-accents-and-action-elements.-Neutral:-Light-gray-(#f8f9fa)-for-backgrounds.-Spacing:-Generous-padding-and-consistent-margins-for-a-clean-layout.-Responsive-Design:-Grid-adjusts-for-smaller-screens:-Two-products-per-row-on-tablets.-One-product-per-row-on-mobile.-Product-Cards-Card-Layout:-Cards-have-subtle-box-shadows-for-a-floating-effect.-Rounded-corners-for-a-modern-design.-Hover-Effects:-Subtle-zoom-in-effect-on-product-images.-Buttons-and-icons-become-visible-on-hover.-Pagination-and-Filters-Filters:-Active-filter-underlined-in-red-for-visibility.-Dropdown-menu-styled-with-modern-UI-patterns.-Pagination:-Simple-and-clean,-with-numbered-links-and-arrows.-Key-Features-Header-Section:-Professional-and-clean,-with-the-title-"Watch-Shop"-prominently-displayed.-Filter-and-Sorting-Bar:-Easily-accessible-options-for-sorting-and-filtering-products.-Product-Grid:-Well-organized-layout-with-high-quality-images,-clear-product-names,-and-prices.-Hover-Effects:-Interactive-hover-effects-on-product-images-and-buttons.-Pagination:-Easy-navigation-between-pages-for-a-smooth-user-experience.-Responsive-Design:-The-page-adapts-seamlessly-to-different-screen-sizes.