<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Opinion</title>
    <link rel="stylesheet" href="../style.css">
    <link rel="stylesheet" href="../responsive.css">
    <link rel="stylesheet" href="../cateagory.css">
</head>

<body>
    <!-- Header -->
     <?php
include '../header.php';
?>
    <div class="cateagory-body-section">
        <div class="cateagory-top">
            <p class="cateagory-head"><a href="../cateagory/opinion.php">Opinion</a></p>
        </div>
        <div class="h-line"></div>

        <div class="cateagory-two-section">
            <div class="cateagory-two-section-grid l">
                <a href="../detail.html">
                    <div class="cateagory-img-wrapper">
                        <img src="../uploads/this-is-how-zohran-mamdani-did-it-identity-politics-can-help-people-win-elections.webp" class="cateagory-main-img"
                            alt="An Image">
                    </div>
                </a>
            </div>

            <div class="cateagory-two-section-grid r">
                <div class="cateagory-two-section-grid-content">
                    <p class="mini-title-bl"><a href="../cateagory/opinion.php">Opinion</a></p>
                    <p class="main-head"><a href="../opinion/this-is-how-zohran-mamdani-did-it-identity-politics-can-help-people-win-elections.php">This Is How Zohran Mamdani Did It: Identity Politics Can Help People Win Elections</a></p>
                    <p class="cateagory-para b"><a href="">The new mayor of New York ran on a personal level, which is funny because it shows how the US is a "melting pot" of cultures</a></p>
                    <p class="category-date"><a href="#">November 10, 2025</a></p>
                </div>
            </div>
        </div>

        <div class="h-line"></div>

        <div class="cateagory-grid-section">
            <div class="cateagory-grid-section-l">

                <!-- Repeated posts -->
                <div class="bottom-mid-section">
                    <div class="category-mid-section-r">
                        <div class="three-gird-img-wrapper">
                            <img src="../uploads/the-workplace-has-become-too-feminized-so-everyone-should-freak-out.webp" alt="An Image" class="main-img">
                        </div>
                    </div>
                    <div class="category-mid-section-l">
                        <p class="mini-title-bl b"><a href="../cateagory/opinion.php">Opinion</a></p>
                        <p class="main-head b"><a href="../opinion/the-workplace-has-become-too-feminized-so-everyone-should-freak-out.php">The workplace has become too "feminized," so everyone should freak out!</a></p>
                        <p class="main-para d"><a href="#">Someone touched the president of Mexico in public this week.But the New York Times podcast is worried that it might be too woke</a></p>
                        <p class="date"><a href="#">November 10, 2025</a></p>
                    </div>
                </div>

                <div class="h-line"></div>

                <div class="bottom-mid-section">
                    <div class="category-mid-section-r">
                        <div class="three-gird-img-wrapper">
                            <img src="../uploads/food-insecurity-leaves-long-lasting-scars-the-cuts-to-snap-are-the-same.webp" class="main-img" alt="An Image">
                        </div>
                    </div>
                    <div class="category-mid-section-l">
                        <p class="mini-title-bl b"><a href="../cateagory/opinion.php">Opinion</a></p>
                        <p class="main-head b"><a href="../opinion/food-insecurity-leaves-long-lasting-scars-the-cuts-to-snap-are-the-same.php">Food Insecurity Leaves Long-Lasting Scars: The Cuts to SNAP Are the Same</a></p>
                        <p class="main-para d"><a href="#">Even if the Snap advantages come back, damage will have been done:Trauma is left behind by scarcity.</a></p>
                        <p class="date"><a href="#">November 13, 2025</a></p>
                    </div>
                </div>

            </div>

            <div class="v-line"></div>

            <div class="cateagory-grid-section-r">
                <div class="cateagory-bottom-side">
                    <div class="bottom-grid-img-wrapper">
                        <img src="../images/avatar-caped.webp" class="main-img">
                    </div>
                    <div class="grid-header-section">
                        <p class="top-section-r-head"><a href="#">About us</a></p>
                    </div>
                    <div class="h-line"></div>
                    <p class="main-para d"><a href="#">Quo natum nemore putant in, his te case habemus. Nulla detraxit
                            explicari in
                            vim. Id eam magna omnesque. Per cu dicat urbanitas, sit postulant disputationi ea. Duo ad
                            graeci
                            tamquam interesset, putant iuvaret vel ad. Id stet malis tritani est.</a></p>

                    <div class="social-icon-section">
                        <a href="#"><img src="../images/facebook-app-symbol.webp" class="social-icon"></a>
                        <a href="#"><img src="../images/twitter.webp" class="social-icon"></a>
                        <a href="#"><img src="../images/instagram.webp" class="social-icon"></a>
                        <a href="#"><img src="../images/threads.webp" class="social-icon"></a>
                    </div>
    <?php
include '../cateagory_name.php';
?>  

                </div>
            </div>
        </div>
    </div>








    <!-- Footer -->
     <?php
include '../footer.php';
?>