<?php
include "../Links/topLinks.php";
?>

<main class="main-height">

    <section class="section-dashboard manage-event">
        <div class="container">
            <div class="d-flex">
                <div class="manage-event-icon">
                    <a href="./businessPortfolio.php">
                    <i class="fa-solid fa-chevron-left arrow-left"></i>
                    </a>
                </div>
                <div class="event-content">
                    <h5 class="event-title text-center">
                        My Listings
                    </h5>
                </div>
            </div>
            <div class="border-myposts my-3">
                <div class="row" id="btns-products">
                    <div class="col-6">
                        <div class="listing-btn">
                            <button class="btn Products current-active">
                                Products
                            </button>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="listing-btn">
                            <a class="btn-href" href="./myPostsActive1.php">
                            <button class="btn Products">
                                Events
                            </button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="border-myposts border-0">
                <div class="row my-3" id="btns-products1">
                    <div class="col-6">
                        <div class="listing-btn short-btn justify-content-end">
                            <button class="btn Products productsNew current-active1">
                                Active
                            </button>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="listing-btn short-btn justify-content-start">
                            <button class="btn Products productsNew">
                                History
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="section-dashboard media-margin-section mt-5">
        <div class="container">
            <!-- <div class="dashboard-content">
            <p class="dashboard-para active-event mb-3">Active <span> (2)</span></p>
        </div> -->
            <div class="row gy-4">
                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/image-shoes.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">Drake and NOCT</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$80</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/earphones-image.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">TWS Earburds M10</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$200</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/Men-T-Shirt.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">Men T-Shirt</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$50</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/Gaming-Headphones.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">Gaming Headphones</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$80</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/Cycle-for-Kid.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">Cycle for Kid</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$230</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/image-shoes.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">Drake and NOCT</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$80</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/earphones-image.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">TWS Earburds M10</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$200</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-6 col-md-4 col-lg-3">
                    <div class="shopping-card">
                        <div class="active-cards-shop d-flex">
                            <img src="../assets/images/user-image-active-post.png" class="user-image-active-post" alt="">
                            <span class="user-name-active-post">Alex&Co</span>
                        </div>
                        <div class="shopping-card1">
                            <img src="../assets/images/Men-T-Shirt.png" class="shoes-image" alt="image">
                            <div class="shopping-card-content pb-0">
                                <h6 class="shopping-card-title">Men T-Shirt</h6>
                                <p class="shopping-card-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae eleifend dolor... See more</p>
                            </div>
                            <div class="product-pricing-active-post mt-3">
                                <div class="para-rating">
                                    <i class="fa-sharp fa-solid fa-star star-rating-active-post"></i>
                                    <p class="active-post-para-rating">4.1</p>
                                </div>
                                <p class="price inherit">$50</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
    </section>
</main>

<?php
include "../Links/bottomLinks.php";
?>

