I want to build a page simmilar as the body for this for MSN Partner hub https://helpcenter.msn.com/kb/articles/255-daily-moment-feature, this page will linked from MSPH homepage What's new module and open with a single page to display. The market is the filter list at the right side.
I'll create a page similar to an MSN Partner Hub knowledge base article with a main content area and a market filter sidebar. Since the screenshot shows a login screen rather than the actual article content, I'll design a typical knowledge base article layout with the market filter on the right side as requested.
This implementation creates a page similar to an MSN Partner Hub knowledge base article with:
- Header Navigation - Includes Home, Knowledge Base, Community links, search icon, and Sign In button
- Breadcrumb Navigation - Shows the path to the current article
Main Content Area - Contains the article content with:
- Article title and metadata
- Rich text content with sections, images, and formatting
- Tips and callout sections
- Support information card
Market Filter Sidebar - A right-side filter panel with:
- Collapsible market selection list
- Checkmarks for selected markets
- Apply button for filtering
The layout is fully responsive, with the sidebar stacking below the main content on mobile devices. The design follows a clean, professional style similar to the MSN Partner Hub.
You can customize the article content and market list as needed for your specific use case. The page will link from your MSPH homepage's "What's new" module as requested.