background

  • { box-sizing: border-box; } .sherwood-wrapper { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background: #F0F0F0; margin: 0; padding: 0; } .sherwood-header { background: white; padding: 20px 40px; border-bottom: 3px solid #000; } .sherwood-logo { font-size: 52px; font-weight: 900; letter-spacing: -1px; margin: 0; color: #000; } .sherwood-container { max-width: 1400px; margin: 0 auto; padding: 30px 20px; } .sherwood-layout { display: grid; grid-template-columns: 1fr 320px; gap: 40px; } .sherwood-main-content { min-width: 0; } /* Featured Cards Grid */ .featured-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; } .featured-card { background: white; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.12); transition: transform 0.2s, box-shadow 0.2s; text-decoration: none; color: inherit; display: flex; flex-direction: column; } .featured-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); } .featured-card-image { width: 100%; height: 180px; object-fit: cover; display: block; } .featured-card-body { padding: 18px; flex: 1; display: flex; flex-direction: column; } .featured-card-title { font-size: 22px; font-weight: 900; margin: 0 0 10px 0; line-height: 1.2; transition: background-color 0.2s; padding: 2px 4px; margin-left: -4px; } .featured-card:hover .featured-card-title { background-color: #FFEB3B; } .featured-card-description { font-size: 14px; line-height: 1.5; color: #666; margin: 0 0 12px 0; flex: 1; } .featured-card-author { font-size: 13px; color: #999; font-weight: 600; margin: 0; } /* News Ticker */ .news-ticker-wrapper { background: #1a1a1a; padding: 14px 20px; margin-bottom: 30px; overflow: hidden; position: relative; } .news-ticker-inner { display: flex; align-items: center; gap: 20px; } .ticker-badge { background: #FFEB3B; color: #000; padding: 6px 14px; font-weight: 900; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 3px; flex-shrink: 0; } .ticker-scroll-container { overflow: hidden; flex: 1; } .ticker-scroll-content { display: flex; gap: 50px; animation: tickerScroll 40s linear infinite; } @keyframes tickerScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } .ticker-item { color: white; font-size: 14px; white-space: nowrap; display: flex; align-items: center; gap: 10px; } .ticker-icon { width: 20px; height: 20px; background: #333; border-radius: 3px; flex-shrink: 0; } /* Main Feature */ .main-feature-section { display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; margin-bottom: 30px; background: white; border-radius: 4px; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.12); } .main-feature-image-wrapper { position: relative; overflow: hidden; } .main-feature-image { width: 100%; height: 100%; min-height: 380px; object-fit: cover; display: block; } .main-feature-text { padding: 40px; display: flex; flex-direction: column; justify-content: center; } .main-feature-label { background: #000; color: #FFEB3B; padding: 8px 14px; font-weight: 900; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; margin-bottom: 20px; width: fit-content; } .main-feature-title { font-size: 38px; font-weight: 900; line-height: 1.1; margin: 0 0 20px 0; transition: background-color 0.2s; padding: 4px; margin-left: -4px; cursor: pointer; } .main-feature-title:hover { background-color: #FFEB3B; } .main-feature-author { font-size: 14px; color: #666; margin: 0; } /* Sidebar */ .sherwood-sidebar { position: sticky; top: 20px; align-self: start; } .sidebar-box { background: white; border-radius: 4px; padding: 24px; box-shadow: 0 1px 3px rgba(0,0,0,0.12); } .sidebar-heading { font-size: 18px; font-weight: 900; margin: 0 0 20px 0; padding-bottom: 12px; border-bottom: 2px solid #E0E0E0; text-transform: uppercase; letter-spacing: 0.5px; } .sidebar-news-item { padding: 16px 0; border-bottom: 1px solid #F0F0F0; } .sidebar-news-item:last-child { border-bottom: none; padding-bottom: 0; } .sidebar-news-item:first-of-type { padding-top: 0; } .sidebar-news-text { font-size: 14px; line-height: 1.5; color: #333; margin: 0; cursor: pointer; transition: background-color 0.2s; padding: 2px 4px; margin-left: -4px; } .sidebar-news-text:hover { background-color: #FFEB3B; } /* Responsive */ @media (max-width: 1100px) { .sherwood-layout { grid-template-columns: 1fr; } .sherwood-sidebar { position: static; } } @media (max-width: 800px) { .featured-cards-grid { grid-template-columns: 1fr; } .main-feature-section { grid-template-columns: 1fr; } .main-feature-image { min-height: 250px; } .sherwood-logo { font-size: 36px; } } </style> <div class="sherwood-wrapper"> <header class="sherwood-header"> <h1 class="sherwood-logo">Sherwood</h1> </header> <div class="sherwood-container"> <div class="sherwood-layout"> <main class="sherwood-main-content"> <!-- Featured Cards --> <div class="featured-cards-grid"> <a href="#" class="featured-card"> <img src="https://placehold.co/400x200/1976D2/FFFFFF?text=WB" alt="Warner Bros" class="featured-card-image"> <div class="featured-card-body"> <h2 class="featured-card-title">RIDDING WAR</h2> <p class="featured-card-description">Warner Bros. Discovery rises as potential sale boils down to Paramount, Comcast, and Netflix</p> <p class="featured-card-author">Max Knoblauch</p> </div> </a> <a href="#" class="featured-card"> <img src="https://placehold.co/400x200/0277BD/FFFFFF?text=Walmart" alt="Walmart" class="featured-card-image"> <div class="featured-card-body"> <h2 class="featured-card-title">BIG BOX CHANGE</h2> <p class="featured-card-description">Walmart fails after CEO of more than a decade steps down</p> <p class="featured-card-author">Rani Molla</p> </div> </a> <a href="#" class="featured-card"> <img src="https://placehold.co/400x200/388E3C/FFFFFF?text=Money" alt="Service Charges" class="featured-card-image"> <div class="featured-card-body"> <h2 class="featured-card-title">SERVICE CHARGES</h2> <p class="featured-card-description">Which professional services America's multimillionaires are spending their money on</p> <p class="featured-card-author">Hyunsoo Rim</p> </div> </a> </div> <!-- News Ticker --> <div class="news-ticker-wrapper"> <div class="news-ticker-inner"> <span class="ticker-badge">Keeping An AI Out</span> <div class="ticker-scroll-container"> <div class="ticker-scroll-content"> <div class="ticker-item"><span class="ticker-icon"></span> Beyond Meat's refinancing efforts</div> <div class="ticker-item"><span class="ticker-icon"></span> Tesla is back in the negative this year</div> <div class="ticker-item"><span class="ticker-icon"></span> POET Technologies slumps after recent surge</div> <div class="ticker-item"><span class="ticker-icon"></span> Samsung Galaxy offers on report that Galaxy S25</div> <div class="ticker-item"><span class="ticker-icon"></span> Beyond Meat's refinancing efforts</div> <div class="ticker-item"><span class="ticker-icon"></span> Tesla is back in the negative this year</div> <div class="ticker-item"><span class="ticker-icon"></span> POET Technologies slumps after recent surge</div> <div class="ticker-item"><span class="ticker-icon"></span> Samsung Galaxy offers on report that Galaxy S25</div> </div> </div> </div> </div> <!-- Main Feature --> <article class="main-feature-section"> <div class="main-feature-image-wrapper"> <img src="https://placehold.co/700x400/424242/FFFFFF?text=Apple+Store" alt="Apple Store" class="main-feature-image"> </div> <div class="main-feature-text"> <span class="main-feature-label">Keeping An AI Out</span> <h2 class="main-feature-title">Speculative stocks rebound from early sell-off</h2> <p class="main-feature-author">Rani Molla</p> </div> </article> </main> <aside class="sherwood-sidebar"> <div class="sidebar-box"> <h3 class="sidebar-heading">Latest News</h3> <div class="sidebar-news-item"> <p class="sidebar-news-text">Despite a modest rebound in tech, the S&P 500 closes slightly lower</p> </div> <div class="sidebar-news-item"> <p class="sidebar-news-text">Bitcoin plummets to its lowest price since May as index hits "extreme fear"</p> </div> <div class="sidebar-news-item"> <p class="sidebar-news-text">Ubisoft delays its earnings at the last minute and requests a freeze on trading</p> </div> <div class="sidebar-news-item"> <p class="sidebar-news-text">A tumble in tech leads the stock sell-off as rate cut pessimism rises</p> </div> </div> </aside> </div> </div> </div>" data-html-original="" data-conversation="[]" data-generated-code="" data-has-generated-content="false" data-version-history="[]" data-type="embed">

Sherwood

Apple Store
Keeping An AI Out

Speculative stocks rebound from early sell-off

Tech giants lead the recovery as investors regain confidence in growth stocks

Rani Molla

Keeping An AI Out
Beyond Meat's refinancing efforts
Tesla is back in the negative this year
POET Technologies slumps after recent surge
Samsung Galaxy offers on report that Galaxy S25
Beyond Meat's refinancing efforts
Tesla is back in the negative this year
POET Technologies slumps after recent surge
Samsung Galaxy offers on report that Galaxy S25