Responsive Navigation Bar - Copy this Html, Bootstrap Component to your project

### **Main Content Layout** 1. **Title: "Trending Categories"** (Centered) 2. **Category List (Trending Categories List):** - Each category is displayed as a **circular shape**, containing **an image of the product type** inside. - **Below each circle**, the **category name** is displayed. - Includes the following categories: - MacBook - iPhone - iPad - AirPods - iMac 3. **Title: "Popular Products"** (Centered) 4. **Popular Product List:** - Displayed as **Product Cards**. - Each **Product Card** includes: - **Product image** - **Category type** - **Product name** - **Price** - **Add to cart button** - **Heart icon (Wishlist)** - **Layout:** - **Each row displays 4 products**. - **Product Cards are highlighted** to stand out from the website background.