<!DOCTYPE html>
<html lang="en">
<?php include('config.php'); ?>
<head>
   <?php include('inc_meta.php'); ?>

    <title>Neemuch E-mandi Portal</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
    .carousel-item {
      text-align: center;
      padding: 40px 20px;
    }
    .carousel-item img {
      width: 120px;
      height: 120px;
      object-fit: cover;
      border-radius: 50%;
      margin-bottom: 15px;
      border: 3px solid #004080; /* government-style blue border */
    }
    .carousel-caption-custom {
      max-width: 600px;
      margin: 0 auto;
    }
    .person-name {
      font-size: 1.25rem;
      font-weight: 600;
      color: #003366;
      margin-bottom: 5px;
    }
    .person-position {
      color: #666;
      font-size: 1rem;
      margin-bottom: 10px;
    }
    .person-message {
      font-size: 1rem;
      color: #333;
      font-style: italic;
    }
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-color: #003366;
      border-radius: 50%;
      padding: 10px;
    }
    </style>
</head>

<body>
<!-- ==========Header Section Starts Here========== -->
<?php include('inc_header.php'); ?>
<!-- ==========Header Section Ends Here========== -->
    <!-- Main Section Start -->
    <section class="slider-section">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3 col-md-4 col-sm-12">
                    <h3>What's New</h3>
                    <ul>
                        <li><a href="#">News1</a></li>
                        <li><a href="#">News2</a></li>
                        <li><a href="#">News3</a></li>
                        <li><a href="#">News4</a></li>
                        <li><a href="#">News5</a></li>
                        <li><a href="#">News6</a></li>
                        <li><a href="#">News7</a></li>
                        <li><a href="#">News8</a></li>
                        <li><a href="#">News9</a></li>
                    </ul>
                    <button onclick="location.href='news-list.php'">View all News/Event</button>
                </div>
                <div class="col-lg-6 col-md-4 col-sm-12"
                    style="display: flex; align-items: center; justify-content: center;">
                    <video width="100%" height="352px" controls>
                        <source src="video.mp4" type="video/mp4">
                        Your browser does not support the video tag.
                    </video>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-12">
                    <h3>Notice / Tender</h3>
                    <ul>
                        <li><a href="#">Tender 1</a></li>
                        <li><a href="#">Tender 2</a></li>
                        <li><a href="#">Tender 3</a></li>
                        <li><a href="#">Tender 4</a></li>
                        <li><a href="#">Tender 5</a></li>
                        <li><a href="#">Tender 6</a></li>
                        <li><a href="#">Tender 7</a></li>
                        <li><a href="#">Tender 8</a></li>
                        <li><a href="#">Tender 9</a></li>
                    </ul>
                    <button onclick="location.href='notice-detail.php'">View all Tender</button>
                </div>
            </div>
        </div>
        <div class="marquee-section">
            <div class="container" style="position: relative;">
                <span class="latest-news"><img src="latest.png"></span>
                <marquee>
                    <span class="marque-slides">
                        <a target="_blank" style="color:#fff" href=""><strong>Welcome to Neemuch E-mandi
                                Portal</strong></a>
                    </span>
                </marquee>
            </div>
        </div>
    </section>
    <!-- Main Section End -->

    <!-- Structure Section Start -->
    <section class="structure-section">
        <div class="container">
           <div id="officialCarousel" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
    <!-- Person 2 -->
    <div class="carousel-item">
      <img src="o1.jpeg" alt="Person 2">
      <div class="carousel-caption-custom">
        <div class="person-name">Umesh Kumar Basedia Sharma</div>
        <div class="person-position">Secretary Agricultural Produce Market Committee Neemuch</div>
        <div class="person-message">"We aim to provide technical excellence and encourage innovation among our students."</div>
      </div>
    </div>

    <!-- Person 3 -->
    <div class="carousel-item">
      <img src="o2.jpeg" alt="Person 3">
      <div class="carousel-caption-custom">
        <div class="person-name">संजीव साहू</div>
        <div class="person-position">Mandi Incharge Officer/Sub-Divisional Officer Revenue/Deputy Collector</div>
        <div class="person-message">"Our centre bridges ideas and implementation, helping students become future entrepreneurs."</div>
      </div>
    </div>

  </div>

  <!-- Controls -->
  <button class="carousel-control-prev" type="button" data-bs-target="#officialCarousel" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#officialCarousel" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>

</div>
        </div>
    </section>
    <!-- Structure Section End -->
    <!---Social Feed Start--->
    <div class="social-feed">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="box">
                        <div class="social-title">
                            <i class="fa fa-facebook-official" aria-hidden="true"></i>
                            <h3> Facebook Feed</h3>
                        </div>
                        <iframe
                            src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fphoto%2F%3Ffbid%3D920802761983143%26set%3Dpcb.920802811983138&width=400&show_text=true&height=565&appId"
                            width="330" height="400" style="border:none;overflow:hidden" scrolling="no" frameborder="0"
                            allowfullscreen="true"
                            allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="box">
                        <div class="social-title">
                            <i class="fa fa-twitter" aria-hidden="true" style="background:transparent"></i>
                            <h3> Twitter Feed</h3>
                        </div>
                        <div style="height: 400px;
                overflow: scroll;
                width: 91%;
                text-align: center;
              overflow-x: hidden;
                margin: auto;">
                            <a class="twitter-timeline"
                                href="https://twitter.com/NeemuchHrblMndi?ref_src=twsrc%5Etfw">Tweets by
                                NeemuchHrblMndi</a>
                            <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
                        </div>
                    </div>

                </div>
                <div class="col-lg-4">
                    <div class="box">
                        <div class="social-title">
                            <i class="fa fa-instagram" aria-hidden="true" style="background:transparent"></i>
                            <h3> Instagram Feeds</h3>
                        </div>
                        <iframe src="https://www.instagram.com/neemuchherbalmandi/embed" width="330" height="400"
                            style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true"
                            allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!---Social Feed End--->
    <?php include('inc_footer.php'); ?>
    <?php include('inc_js.php'); ?>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>