File "social.html"
Full Path: /home/chawlag2/public_html/bikes/assets/js/social.html
File size: 12.77 KB
MIME-type: text/html
Charset: utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Supreme Feeds</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/logo.png" rel="icon">
<!-- Google Fonts -->
<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">
<!-- Vendor CSS Files -->
<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">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Sailor
* Template URL: https://bootstrapmade.com/sailor-free-bootstrap-theme/
* Updated: Mar 17 2024 with Bootstrap v5.3.3
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Header ======= -->
<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>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
<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="social.html" class="active">Social Responsibility</a></li>
<li><a href="#">Gallery</a></li> -->
<li><a href="sitemap.html">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><!-- .navbar -->
</div>
</header><!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs">
<div class="container">
<div class="d-flex justify-content-between align-items-center">
<h2>About</h2>
<ol>
<li><a href="index.html">Home</a></li>
<li>About</li>
</ol>
</div>
</div>
</section><!-- End Breadcrumbs -->
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="row content">
<div class="col-md-6">
<h3>Ashrafi National Educational Trust</h3>
<br>
<p style="text-align: justify;" class="fade-slide-down">
Ashrafi National Educational Trust (ANET), established in 1988, is a non-profit welfare organization that was founded by Seasons Group of Companies to manage non profit educational institutions in the district Sheikhupura. The reason behind choosing Sheikhupura was not just because of significant presence of Seasons Group in the district but also due to lack of availability of quality education in the district. At the present moment two higher secondary institutions are operational in Sheikhupura.
</p>
<p style="text-align: justify;" class="fade-slide-down">
The fixed assets of the trust have been financed by donations from trustees who do not derive any kind of monetary or non-monetary benefit from the activities of the trust. This institution is functioning on a “no profit no loss” basis such that only running expenses can be sustained from the nominal fee charged. School tuition fee of both institutions is approximately one-third of what private schools of comparable standards are charging.
</p>
<p style="text-align: justify;" class="fade-slide-down">
The institution has an aesthetically built well prepared and modern campuses spread over 144,000 square feet of land. Only 20% of the land is covered with building while the rest of the area is dedicated for playgrounds & sports facilities.
</p>
</div>
<div class="col-md-6 text-start">
<img src="assets/img/Supreme-Feeds1.jpg" class="w-100 mt-5 mb-3" alt="">
<br>
<hr>
<div class="row my-4">
<div class="col-md-3">
<p class="small fw-bold">Girls Campus:</p>
</div>
<div class="col-md-9">
<p class="small">National Model Higher Secondary Girls School is fortunate in securing a piece of land on Sargodha Road, Sheikhupura.</p>
</div>
</div>
<hr>
<div class="row my-4">
<div class="col-md-3">
<p class="small fw-bold">Phone:</p>
</div>
<div class="col-md-9">
<p class="small">056 - 3782042 <br>
056 - 3782043</p>
</div>
</div>
<hr>
<div class="row my-4">
<div class="col-md-3">
<p class="small fw-bold">Boys Campus:</p>
</div>
<div class="col-md-9">
<p class="small">National Model Higher Secondary Boys School is located in the historical and culturally active city of Sheikhupura. It is situated at Hiran Minar Road.</p>
</div>
</div>
<hr>
<div class="row my-4">
<div class="col-md-3">
<p class="small fw-bold">Phone:</p>
</div>
<div class="col-md-9">
<p class="small">
056 - 3612558 <br>
056 - 3612679</p>
</div>
</div>
<hr>
<div class="row my-4">
<div class="col-md-3">
<p class="small fw-bold">URL:</p>
</div>
<div class="col-md-9">
<p class="small">www.nms.edu.pk</p>
</div>
</div>
<hr>
</div>
</div>
</div>
</section><!-- End About Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<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">
<!-- <h4>Our Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">cattle Design</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">cattle Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Product Management</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Marketing</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Graphic Design</a></li>
</ul> -->
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright <strong><span>Acumen Technologies</span></strong>. All Rights Reserved
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<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>
<!-- Template Main JS File -->
<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>