HOME

Mini Shell 1.0
DIR:/home/svmschools.org/www/krishangiri/
Current File : //home/svmschools.org/www/krishangiri/fee.html
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Shri Jai Krishan Giri Saraswati Vidya Mandir</title>
  <!-- Bootstrap Core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">

  <!-- Custom CSS -->
  <link href="style.css" rel="stylesheet">
  <link href="css/grid.min.css" rel="stylesheet">

  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap"
    rel="stylesheet">

  <!-- Owl Carousel Assets -->
  <link href="css/owl.carousel.css" rel="stylesheet">
  <link href="css/owl.theme.css" rel="stylesheet">

  <!-- Custom Fonts -->
  <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

  <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">


  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>

  <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

  <script>
    $(window).scroll(function () {
      if ($(this).scrollTop() > 500) {
        $('.header').addClass("sticky");
      }
      else {
        $('.header').removeClass("sticky");
      }
    });
  </script>

</head>

<body>
  <header class="header">
    <section class="top-sec">
      <div class="container">
        <div class="row">

          <div class="col-sm-7">
            <div class="phn-detail">
              <ul>
                <li class="hidden"><a href="tel:+91 9418426514" class="btn"><i class="fa fa-phone"
                      aria-hidden="true"></i> +91 9418426514</a></li>
                <li><a href="admission.html" class="btn"><i class="fa fa-users" aria-hidden="true"></i> Admission</a>
                </li>
                <li><a href="mailto:Jkgsvm110211@gmail.com" class="btn"><i class="fa fa-envelope-o"
                      aria-hidden="true"></i>Jkgsvm110211@gmail.com</a></li>

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

          <div class="col-sm-5 text-right">
            <div class="icon-top">
              <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
              <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
              <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
              <a href="#" target="_blank"><i class="fa fa-whatsapp"></i></a>
            </div>

            <div class="phone-call"><a href="tel:+91 9418426514" class="btn"><i class="fa fa-phone"></i>+91
                9418426514</a>
            </div>
          </div>

        </div><!--/ row -->
      </div>
    </section>

    <div class="menu-head">
      <div class="container">
        <nav class="navbar navbar-default">
          <div class="navbar-header">
            <a class="navbar-brand nav-logo " href="#"><img src="images/shiksha-logo.png" alt="image">
              <h1>Shri Jai Krishan Giri Saraswati Vidya Mandir <small> Mehla,Tehsil & District Chamba Himachal Pradesh.
                  Pin No. 176311</small></h1>
            </a>
            <button class="openbtn" onclick="openNav()">&#9776;</button>

          </div>

          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li><a href="index.html">Home</a></li>
              <li><a href="about-us.html">About Us</a></li>
              <li><a href="academics.html">Academics</a>
                <ul class="sub-menu">
                  <li><a href="faculty.html">Faculty</a></li>
                  <li><a href="parental.html">Parental Cooperation</a></li>
                </ul>
              </li>
              <li><a href="admission.html">Admissions</a>
                <ul class="sub-menu">
                  <li><a href="fee.html">Fee structure</a></li>
                </ul>
              </li>
              <li><a href="activities.html">Activities</a></li>
              <li><a href="contact-us.html">Contact us</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>

        <div id="myOffcanvas" class="offcanvas">
          <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
          <div class="offcanvas-content">
            <!-- Your menu items or additional content goes here -->
            <ul class="nav navbar-nav">
              <li><a href="index.html">Home</a></li>
              <li><a href="about-us.html">About Us</a></li>
              <li><a href="academics.html">Academics</a>
                <ul class="sub-menu">
                  <li><a href="faculty.html">Faculty</a></li>
                  <li><a href="parental.html">Parental Cooperation</a></li>
                </ul>
              </li>
              <li><a href="admission.html">Admissions</a>
                <ul class="sub-menu">
                  <li><a href="fee.html">Fee structure</a></li>
                </ul>
              </li>
              <li><a href="activities.html">Activities</a></li>
              <li><a href="contact-us.html">Contact us</a></li>
            </ul>
          </div>
        </div>

      </div><!--/ menu-head -->
    </div><!--/ container -->
  </header>

<section class="banner-inner" id="Home">
<div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"><h1>Fees Structure</h1></div>
        </div><!--/ page-title -->

        <!-- breadcrumb -->
        <ol class="breadcrumb text-capitalize">
          <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">Fees Structure</span><meta property="position" content="2"></span></li>
        </ol>        
      
      </div><!--/ block -->
    </div>
  </div>
  
  <div class="curve-shape"><img src="images/bg-01.png" alt="image"></div>  
</section>

     

<section class="mid-inner">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-8 about-left pull-right">
	    <h2>Fees Structure</h2>
		<p>1. <strong>Tuition Fees:</strong> This is the core fee that covers the cost of education. Private and international schools tend to have higher tuition fees compared to public schools. The fees can also vary based on grade level (elementary, middle school, high school).</p>

<p>2. <strong>Registration Fees:</strong> Many schools charge a one-time registration or admission fee when enrolling a student. This fee is non-refundable and is typically paid during the application process.</p>

<p>3. <strong>Annual Fees:</strong> Some schools charge an annual fee in addition to tuition. This fee may cover various administrative and extracurricular costs.</p>

<p>4. <strong>Transportation Fees:</strong> If the school provides transportation services, there may be a separate fee for bus transportation.</p>

<p>5. <strong>Uniform and Book Fees:</strong> You may need to purchase school uniforms and textbooks separately, which can add to the overall cost.</p>

<p>6. <strong>Extracurricular Activity Fees:</strong> If your child participates in extracurricular activities or sports, there may be fees associated with these programs.</p>

<p>7. <strong>Meal Fees:</strong> If the school offers meal plans or cafeteria services, there may be fees for daily or monthly meal plans.</p>

<p>8. <strong>Technology Fees:</strong> Some schools provide devices like laptops or tablets to students, which may come with a technology fee.</p>

<p>9. <strong>Special Services:</strong> If your child requires special services, such as special education or counseling, there may be additional fees.</p>

<p>10. <strong>Insurance:</strong> Some schools include insurance coverage in their fees to protect students in case of accidents or health issues.</p>

<p>11. <strong>Security Deposit:</strong> In some cases, schools may require a refundable security deposit.</p>

<p>12. <strong>Late Payment Fees:</strong> If you miss payment deadlines, you may be subject to late payment fees.</p>
		
		
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 right-sidebar">
		<div class="widget">
		  <div class="form-block">
	        <h3>Quick Enquiry</h3>
	        <form>       
		      <div class="form-group"><input class="form-control" placeholder="Your Name :" type="text"></div>
		      <div class="form-group"><input class="form-control" placeholder="E-mail :" type="text"></div>
		      <div class="form-group"><input class="form-control" placeholder="Phone Number :" type="text"></div>
              <div class="form-group"><textarea class="form-control" placeholder="Your Message :"></textarea></div>
              <div class="form-group"><input name="btnsubmit" value="Submit Quiry" class="btn" type="submit"></div>
            </form>
	      </div>
	    </div><!--/ widget -->
	  </div><!--/ left-sidebar -->  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->


<footer class="footer">

  <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-chevron-up"
        aria-hidden="true"></i></a></div>
  <script>
    $(document).ready(function () {
      let scroll_link = $('.scroll');

      //smooth scrolling -----------------------
      scroll_link.click(function (e) {
        e.preventDefault();
        let url = $('body').find($(this).attr('href')).offset().top;
        $('html, body').animate({
          scrollTop: url
        }, 700);
        $(this).parent().addClass('active');
        $(this).parent().siblings().removeClass('active');
        return false;
      });
    });
  </script>


  <div class="container">
    <div class="row">

      <div class="col-sm-4">
        <div class="wg-1">
          <h4>Important Links</h4>
          <ul>
            <li><a href="https://www.shikshasamiti.org/">Himanchal Siksha Samiti</a></li>
            <li><a href="https://himsaral.com/">Him Saral Software</a></li>
            <li><a href="https://www.htlogics.com/">H.T.Logics.Pvt.Ltd</a></li>
            <li><a href="http://www.prashamcomputers.com/">Prasham Computer</a></li>
          </ul>
        </div>
      </div>

      <div class="col-sm-4">
        <div class="wg-1">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="Index.html">Home</a></li>
            <li><a href="about-us.html">About Us</a></li>
            <li><a href="faculty.html">Faculty</a></li>
            <li><a href="facilities.html">Facilities</a></li>
            <li><a href="activities.html">Activities</a></li>
            <li><a href="gallery.html">Photo Gallery</a></li>
            <li><a href="fee.html">Fee Structure</a></li>
            <li><a href="contact.html">Contact Us</a></li>
          </ul>
        </div>
      </div>

      <div class="col-sm-4">
        <div class="wg-1">
          <h4>Contact Info</h4>
          <address><i class="fa fa-map-marker"></i>
            <div>Shri Jai Krishan Giri Saraswati Vidya Mandir, Mehla,Tehsil & District Chamba Himachal Pradesh. Pin
              No. 176311</div>
          </address>
          <address><i class="fa fa-envelope-o"></i>
            <div><a href="mailto:Jkgsvm110211@gmail.com">Jkgsvm110211@gmail.com</a></div>
          </address>
          <address><i class="fa fa-phone"></i>
            <div>Principal: <a href="tel:+91 9805526514"> +91 9805526514</a></div>
            <div>Office: <a href="tel:+91 9418426514"> +91 9418426514</a></div>
          </address>
        </div>
      </div>



    </div><!--/ row -->
  </div><!--/ container -->

  <div class="ft-bottom">
    <div class="container">
      <div class="row">

        <div class="col-sm-6">
          <p>Copy © 2023 All Rights Reserved by Shri Jai Krishan Giri Saraswati Vidya Mandir.</p>
        </div>

        <div class="col-sm-6 text-right">
          <p class="text-right">Website Designed by <a target="_blank" href="https://htlogics.com/">H T Logics Private
              Limited</a></p>
        </div>

      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
<script src="js/owl.carousel.js"></script>

<script>
  function openNav() {
    document.getElementById("myOffcanvas").classList.add("open");
  }

  function closeNav() {
    document.getElementById("myOffcanvas").classList.remove("open");
  }

</script>

<script>
  $('.counter-count').each(function () {
    $(this).prop('Counter', 0).animate({
      Counter: $(this).text()
    }, {
      duration: 5000,
      easing: 'swing',
      step: function (now) {
        $(this).text(Math.ceil(now));
      }
    });
  });
</script>

<script>
  $(document).ready(function () {
    $("#owl-demo").owlCarousel({
      autoPlay: 3000,
      items: 3,
      itemsDesktop: [1199, 3],
      navigation: true,
      itemsDesktopSmall: [979, 3]
    });

  });

  $(document).ready(function () {
    $("#owl-demo-2").owlCarousel({
      autoPlay: 3000,
      items: 4,
      itemsDesktop: [1199, 3],
      navigation: true,
      itemsDesktopSmall: [979, 3]
    });

  });

  $(document).ready(function () {
    $("#owl-demo-3").owlCarousel({
      autoPlay: 3000,
      items: 4,
      itemsDesktop: [1199, 3],
      navigation: true,
      itemsDesktopSmall: [979, 3]
    });

  });

  // When the DOM is ready, run this function
  $(document).ready(function () {
    //Set the carousel options
    $('#quote-carousel').carousel({
      pause: true,
      interval: 4000,
    });
  });
</script>

</body>
<script>
var a = 0;
$(window).scroll(function () {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function () {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
        countNum: countTo
      },

        {

          duration: 7000,
          easing: 'swing',
          step: function () {
            $this.text(Math.floor(this.countNum));
          },
          complete: function () {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});
</script>

<script>

if ($(window).width() < 767) {
  $('.li-arrow > a').after('<span><i class="fa fa-angle-right" aria-hidden="true"></i></span>');
  $('.sub-menu').css("display", "none");
  $('.li-arrow > span').click(function (e) {
    e.preventDefault();
    console.log(e.target);

    //var id=$(this).attr('data-id');
    console.log("test");
    if ($(this).siblings(".sub-menu").is(':visible')) {
      $(this).siblings(".sub-menu").hide();
    }
    else {
      $(this).siblings(".sub-menu").show();
    }

  });
}
</script>

</html>