<div style="max-width: 900px; margin: 0 auto; color: #6d4013; font-family: Arial, sans-serif; line-height: 1.8;">

    <div style="text-align: center; margin-bottom: 20px;">
        <span style="display: inline-block; padding: 6px 14px; background: #f2e2bf; border: 1px solid #cda871; border-radius: 20px; color: #8a5417; font-size: 12px; font-weight: bold; text-transform: uppercase;">
            Event Preview
        </span>
    </div>

    <h1 style="margin: 0 0 16px 0; text-align: center; font-size: 38px; color: #8a5417; line-height: 1.25;">
        Grand Anniversary Celebration
    </h1>

    <p style="margin: 0 0 24px 0; text-align: center; font-size: 16px; color: #7b4b17;">
        Welcome to a special anniversary event filled with challenges, rewards and surprises.
        This news is only a visual example to test how content is displayed on the website.
    </p>

    <p style="text-align: center; margin: 0 0 28px 0;">
        <img src="https://picsum.photos/seed/ot-anniversary-test/900/260" alt="Anniversary Event" style="max-width: 100%; height: auto; border: 4px solid #caae7d; border-radius: 8px;">
    </p>

    <div style="margin: 0 0 28px 0; padding: 16px 18px; background: #f8eedb; border: 1px solid #d7b98c; border-left: 5px solid #b97822; border-radius: 8px;">
        <strong style="color: #8a5417;">Important:</strong>
        This update is just an example news entry. It contains text, image, list and a table so you can check whether everything renders correctly.
    </div>

    <h2 style="margin: 0 0 14px 0; color: #8a5417; font-size: 28px; border-bottom: 1px solid #d7b98c; padding-bottom: 8px;">
        What is included?
    </h2>

    <div style="margin: 0 0 28px 0; padding: 18px; background: #f8efdc; border: 1px solid #d7bb8e; border-radius: 8px;">
        <ul style="margin: 0; padding-left: 22px;">
            <li>special anniversary monsters</li>
            <li>limited-time bosses</li>
            <li>exclusive reward chest</li>
            <li>event coins and bonus loot</li>
            <li>temporary celebration zone</li>
        </ul>
    </div>

    <h2 style="margin: 0 0 14px 0; color: #8a5417; font-size: 28px; border-bottom: 1px solid #d7b98c; padding-bottom: 8px;">
        Event schedule
    </h2>

    <table style="width: 100%; border-collapse: collapse; margin: 0 0 28px 0; background: #f8efdc;">
        <tr style="background: #ead6b2;">
            <th style="padding: 12px; border: 1px solid #d2b082; text-align: left; color: #7a4713;">Activity</th>
            <th style="padding: 12px; border: 1px solid #d2b082; text-align: left; color: #7a4713;">Status</th>
            <th style="padding: 12px; border: 1px solid #d2b082; text-align: left; color: #7a4713;">Start</th>
            <th style="padding: 12px; border: 1px solid #d2b082; text-align: left; color: #7a4713;">Reward</th>
        </tr>
        <tr>
            <td style="padding: 12px; border: 1px solid #dcc09a;">Festival Arena</td>
            <td style="padding: 12px; border: 1px solid #dcc09a; color: green; font-weight: bold;">Active</td>
            <td style="padding: 12px; border: 1px solid #dcc09a;">18:00</td>
            <td style="padding: 12px; border: 1px solid #dcc09a;">Anniversary Chest</td>
        </tr>
        <tr>
            <td style="padding: 12px; border: 1px solid #dcc09a;">Golden Warden</td>
            <td style="padding: 12px; border: 1px solid #dcc09a; color: #b36b00; font-weight: bold;">Planned</td>
            <td style="padding: 12px; border: 1px solid #dcc09a;">20:00</td>
            <td style="padding: 12px; border: 1px solid #dcc09a;">Rare Mount Token</td>
        </tr>
        <tr>
            <td style="padding: 12px; border: 1px solid #dcc09a;">Treasure Hunt</td>
            <td style="padding: 12px; border: 1px solid #dcc09a; color: green; font-weight: bold;">Active</td>
            <td style="padding: 12px; border: 1px solid #dcc09a;">All Day</td>
            <td style="padding: 12px; border: 1px solid #dcc09a;">Event Coins</td>
        </tr>
    </table>

    <h2 style="margin: 0 0 14px 0; color: #8a5417; font-size: 28px; border-bottom: 1px solid #d7b98c; padding-bottom: 8px;">
        Small gallery
    </h2>

    <p style="margin: 0 0 12px 0; text-align: center;">
        <img src="https://picsum.photos/seed/ot-gallery-a/800/220" alt="Preview 1" style="max-width: 100%; height: auto; border: 3px solid #ceb082; border-radius: 8px;">
    </p>

    <p style="margin: 0 0 28px 0; text-align: center;">
        <img src="https://picsum.photos/seed/ot-gallery-b/800/220" alt="Preview 2" style="max-width: 100%; height: auto; border: 3px solid #ceb082; border-radius: 8px;">
    </p>

    <div style="margin: 0 0 28px 0; padding: 20px; text-align: center; background: #f7edd8; border: 1px solid #d2b487; border-radius: 10px;">
        <h3 style="margin: 0 0 10px 0; color: #8a5417; font-size: 24px;">Join the celebration today</h3>
        <p style="margin: 0 0 14px 0; color: #7a4a16;">
            Gather your friends and take part in the event before it ends.
        </p>
        <a href="#" style="display: inline-block; padding: 12px 22px; background: #b97822; color: #fff; text-decoration: none; border-radius: 6px; font-weight: bold; margin-right: 8px;">Play Now</a>
        <a href="#" style="display: inline-block; padding: 12px 22px; background: #8a5417; color: #fff; text-decoration: none; border-radius: 6px; font-weight: bold;">Read More</a>
    </div>

</div>