menders

Back Back Up Advanced Editor

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

<title>Supreme Feeds</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

<link href="assets/img/logo.png" rel="icon">

<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<link href="assets/css/style.css" rel="stylesheet">

</head>

<body>

<header id="header" class="fixed-top d-flex align-items-center">
    <div class="container d-flex align-items-center">

<h1 class="logo me-auto"><a href="index.html">Supreme Feeds</a></h1>

<nav id="navbar" class="navbar">
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About Us</a></li>
          <li><a href="products.html">Products</a></li>
          
          <li><a href="sitemap.html" class="active">Sitemap</a></li>
          <li><a href="contact.html">Contact Us</a></li>
          <li><a href="distributor.html">Apply As Distributor</a></li>
          <li><a href="https://global.qjmotor.com/"><img src="assets/img/qjmotors.png" class="img-fluid" style="width: 120px;" alt=""></a></li>
          <li><a href="index.html"><img src="assets/img/nexus3.jpg" class="img-fluid" style="width: 120px;" alt=""></a></li>

<!-- <li class="dropdown"><a href="#"><span>About</span> <i class="bi bi-chevron-down"></i></a>
            <ul>
              <li><a href="about.html">About</a></li>
              <li><a href="team.html">Team</a></li>
              <li><a href="testimonials.html">Testimonials</a></li>

<li class="dropdown"><a href="#"><span>Deep Drop Down</span> <i class="bi bi-chevron-right"></i></a>
                <ul>
                  <li><a href="#">Deep Drop Down 1</a></li>
                  <li><a href="#">Deep Drop Down 2</a></li>
                  <li><a href="#">Deep Drop Down 3</a></li>
                  <li><a href="#">Deep Drop Down 4</a></li>
                  <li><a href="#">Deep Drop Down 5</a></li>
                </ul>
              </li>
            </ul>
          </li> -->
          <!-- <li><a href="services.html">Services</a></li>
          <li><a href="portfolio.html">Portfolio</a></li>
          <li><a href="pricing.html">Pricing</a></li>
          <li><a href="blog.html">Blog</a></li>

<li><a href="contact.html">Contact</a></li>
          <li><a href="index.html" class="getstarted">Get Started</a></li> -->
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav>

</div>
  </header>

<section id="breadcrumbs" class="breadcrumbs">
      <div class="container">

<div class="d-flex justify-content-between align-items-center">
          <h2>Sitemap</h2>
          <ol>
            <li><a href="index.html">Home</a></li>
            <li>Sitemap</li>
          </ol>
        </div>

</div>
    </section>

<section id="about" class="about">
      <div class="container">
        <div class="row content">
          <div class="col-md-6">
            <ul>
              <li class="border-bottom pb-2"><i class="bx bx-chevron-right text-secondary small mt-2"></i><a href="index.html" class="text-secondary small">Home</a></li>
              <li class="border-bottom pb-2"><i class="bx bx-chevron-right text-secondary small mt-2"></i><a href="about.html" class="text-secondary small">About Us</a></li>
              <li class="border-bottom pb-2"><i class="bx bx-chevron-right text-secondary small mt-2"></i><a href="products.html" class="active text-secondary small">Products</a></li>
              <li class="border-bottom pb-2"><i class="bx bx-chevron-right text-secondary small mt-2"></i><a href="#" class="text-secondary small">Social Responsibility</a></li>
              <li class="border-bottom pb-2"><i class="bx bx-chevron-right text-secondary small mt-2"></i><a href="#" class="text-secondary small">Gallery</a></li>
              <li class="border-bottom pb-2"><i class="bx bx-chevron-right text-secondary small mt-2"></i><a href="sitemap.html" class="text-secondary small">Sitemap</a></li>
              <li class="border-bottom pb-2"><i class="bx bx-chevron-right text-secondary small mt-2"></i><a href="contact.html" class="text-secondary small">Contact Us</a></li>
            </ul>
          </div>
          <div class="col-md-6 text-start">
            <img src="assets/img/Supreme-Feeds1.jpg" class="w-100 mb-3" alt="">
          </div>
        </div>

</div>
    </section>

</main>

<footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

<div class="col-lg-4 col-md-6">
            <div class="footer-info">
              <h3>Supreme Feeds</h3>
              <p>
                Supreme Feeds Pvt. Ltd. <br>
                176, Shadman I, Lahore<br><br>
                <p>
                  Supreme Feeds Plant <br>
                  91/9L Arifwala By Pass Road, Sahiwal.<br><br>
                </p>
                <strong>Phone:</strong> 042-37425778-9<br>
                <strong>Email:</strong> admin@supreme.com.pk<br>
              </p>
              <div class="social-links mt-3">
                <a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
                <a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
                <a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
                <a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
              </div>
            </div>
          </div>

<div class="col-lg-2 col-md-6 footer-links">
            <h4>Useful Links</h4>
            <ul>
              <li><i class="bx bx-chevron-right"></i><a href="index.html">Home</a></li>
              <li><i class="bx bx-chevron-right"></i><a href="about.html">About Us</a></li>
              <li><i class="bx bx-chevron-right"></i><a href="products.html" class="active">Products</a></li>
              <li><i class="bx bx-chevron-right"></i><a href="social.html">Social Responsibility</a></li>
              <li><i class="bx bx-chevron-right"></i><a href="#">Gallery</a></li>
              <li><i class="bx bx-chevron-right"></i><a href="sitemap.html">Sitemap</a></li>
              <li><i class="bx bx-chevron-right"></i><a href="contact.html">Contact Us</a></li>
            </ul>
          </div>

<div class="col-lg-3 col-md-6 footer-links">
            
          </div>
        </div>
      </div>
    </div>

<div class="container">
      <div class="copyright">
        &copy; Copyright <strong><span>Acumen Technologies</span></strong>. All Rights Reserved
      </div>
    </div>
  </footer>

<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

<script src="assets/js/main.js"></script>
  <script>
    // script.js
  document.addEventListener("DOMContentLoaded", function() {
    const fadeSlideElements = document.querySelectorAll('.fade-slide-down');
    const slideInElements = document.querySelectorAll('.slide-in-right');

function checkVisibility() {
        const windowHeight = window.innerHeight;
        
        fadeSlideElements.forEach(element => {
            const positionFromTop = element.getBoundingClientRect().top;
            if (positionFromTop - windowHeight <= 0) {
                element.classList.add('visible');
            }
        });

slideInElements.forEach(element => {
            const positionFromTop = element.getBoundingClientRect().top;
            if (positionFromTop - windowHeight <= 0) {
                element.classList.add('visible');
            }
        });
    }

window.addEventListener('scroll', checkVisibility);
    checkVisibility(); // Initial check in case elements are already visible
  });

</script>

</body>

</html>