HOME

Mini Shell 1.0
DIR:/home/svmschools.org/www/raipursahoran/
Current File : /home/svmschools.org/www/raipursahoran/gallery.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>Saraswati Vidya Mandir Raipur sahoran</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 text-left">
        <div class="phn-detail">
          <ul>
        <!-- <li class="hidden"><a href="tel:+91 01907266801" class="btn"><i class="fa fa-phone" aria-hidden="true"></i> +91 -01907 266801</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: SvmRaipur sahoran@gmail.com" class="btn"><i class="fa fa-envelope-o" aria-hidden="true"></i>example@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>                                                  
                  
        </div><!--/ row -->
      </div>
    </section>
    
    <div class="menu-head">             
      <div class="container-fluid">		  
        <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>Sarswati Vidya Mandir Raipur Sahoran<small> Teh.Raipur sahoran Distt.Bilaspur H.P. 174021</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="faculty.html">Faculty</a></li>
                    <li><a href="admission.html">Admission</a></li>
              <li><a href="facilities.html">Facilities</a></li>
              <li><a href="activities.html">Activities</a></li>
              <li><a href="gallery.html">Gallery</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="faculty.html">Faculty</a></li>
              <li><a href="admission.html">Admission</a></li>
              <li><a href="facilities.html">Facilities</a></li>
              <li><a href="activities.html">Activities</a></li>
              <li><a href="gallery.html">Gallery</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>Photo Gallery</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">Photo Gallery</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-innner">
    <div class="container">
      <div class="row">

        <div class="col-sm-12 about-left pull-right">
          <h2>Photo gallery</h2>
          
          <div class="col-sm-4 item ">
            <a href="images/gallery-2.jpg" class="fancylight popup-btn" data-fancybox-group="light">
              <img class="img-fluid" src="images/gallery-2.jpg" alt="">
            </a>
          </div>
          <div class="col-sm-4 item ">
            <a href="images/gallery-3.jpg" class="fancylight popup-btn" data-fancybox-group="light">
              <img class="img-fluid" src="images/gallery-3.jpg" alt="">
            </a>
          </div>
          <div class="col-sm-4 item ">
            <a href="images/gallery-4.jpg" class="fancylight popup-btn" data-fancybox-group="light">
              <img class="img-fluid" src="images/gallery-4.jpg" alt="">
            </a>
          </div>
         
          <div class="col-sm-4 item ">
            <a href="images/gallery-7.jpg" class="fancylight popup-btn" data-fancybox-group="light">
              <img class="img-fluid" src="images/gallery-7.jpg" alt="">
            </a>
          </div>
         
        </div><!--/ col-sm -->

        

      </div><!--/ row -->
    </div>
    <script>
      // $('.portfolio-item').isotope({
      //  	itemSelector: '.item',
      //  	layoutMode: 'fitRows'
      //  });
       $('.portfolio-menu ul li').click(function(){
         $('.portfolio-menu ul li').removeClass('active');
         $(this).addClass('active');
         
         var selector = $(this).attr('data-filter');
         $('.portfolio-item').isotope({
           filter:selector
         });
         return  false;
       });
       $(document).ready(function() {
       var popup_btn = $('.popup-btn');
       popup_btn.magnificPopup({
       type : 'image',
       gallery : {
         enabled : true
       }
       });
       });	  
</script>
  </section><!--/ about-sec -->

  <section class="topper-sec">
    <div class="container">
      <div class="row">

        <div class="col-sm-12">
          <h2>Our State Toppers </h2>
        </div>

        <div class="col-sm-12 pad-0">
          <div id="owl-demo">

            <div class="item">
              <div class="service-box">
                <div class="service-author">
                  <figure><img src="images/female.jpg" alt=""></figure>
                  <h4>Akshima Thakur<span>1st Position In HP BOSE Dharamshala</span></h4>
                </div>
                <div class="item-bg">
                  <p>I am grateful to S.V.M Ghumarwin School for their instrumental role in my selection. Without a
                    doubt, I highly recommend them as the best institute for HAS coaching in Ghumarwin. Their guidance
                    and support have been invaluable in helping me achieve my goal.</p>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class="service-author">
                  <figure><img src="images/female.jpg" alt=""></figure>
                  <h4>Nikita Kalia<span>8th Position In HP BOSE Dharamshala</span></h4>
                </div>
                <div class="item-bg">
                  <p>I am thankful for the invaluable support and guidance I received from the S.V.M Ghumarwin Team
                    during my Civil Services preparation. Their well-structured guidance program was instrumental in
                    helping me achieve my goals. I extend my heartfelt gratitude to S.V.M Ghumarwin School for their
                    assistance and encouragement throughout my journey.</p>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class="service-author">
                  <figure><img src="images/female.jpg" alt=""></figure>
                  <h4>Seema Negi<span>+2 CBSE Topper</span></h4>
                </div>
                <div class="item-bg">
                  <p>Thanks to the excellent preparation provided by S.V.M Ghumarwin School, I achieved the remarkable
                    feat of securing the 1st Rank in AP Allied services within just one year of preparation.
                    Additionally, I had the privilege of appearing for the HAS interview. I am deeply grateful to S.V.M
                    Ghumarwin for their invaluable support and guidance, which played a crucial role in my
                    accomplishments.</p>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class="service-author">
                  <figure><img src="images/female.jpg" alt=""></figure>
                  <h4>Yukta Thakur <span>8th Position In HP BOSE Dharamshala</span></h4>
                </div>
                <div class="item-bg">
                  <p>My selection would not have been possible without the immense support and guidance I received from
                    S.V.M Ghumarwin School. I am extremely grateful to S.V.M Ghumarwin for their invaluable contribution
                    to my success. Thank you very much for everything.</p>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class="service-author">
                  <figure><img src="images/female.jpg" alt=""></figure>
                  <h4>+2 CBSE Topper<span>+2 CBSE Topper</span></h4>
                </div>
                <div class="item-bg">
                  <p>During my exam preparation, I received excellent guidance and assistance from S.V.M Ghumarwin
                    School. Thanks to their valuable support, I was able to crack the exam on my first attempt. I am
                    sincerely grateful to S.V.M Ghumarwin School for their instrumental role in my success.</p>
                </div>
              </div>
            </div><!--/ item -->

            <div class="item">
              <div class="service-box">
                <div class="service-author">
                  <figure><img src="images/male.jpg" alt=""></figure>
                  <h4>Kamal Preet<span>5th Position In HP BOSE Dharamshala</span></h4>
                </div>
                <div class="item-bg">
                  <p>The efforts of the S.V.M Ghumarwin team, particularly Kamal Sir, played a pivotal role in my
                    success in cracking this exam. Their constant guidance and motivation subtly steered me through this
                    challenging endeavor. I am sincerely grateful to the entire S.V.M Ghumarwin team and Kamal Sir for
                    their unwavering support, which made all the difference in my journey.</p>
                </div>
              </div>
            </div><!--/ item -->

          </div><!--/ owl-demo -->
        </div>

      </div><!-- row-->
    </div><!-- .container end -->
  </section><!--/  topper-sec  -->
  <section class="map-wrap">
    <div class="container-fluid pad-0">
      <div class="row mrb-0">
        
      <div class="col-sm-12 pad-0">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d685.2877916054249!2d76.70752270759424!3d31.43839637065306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39053b0c8326233f%3A0xa0a36a459b7c7361!2sSaraswati%20Vidya%20Mandir%20Senior%20Secondary%20School!5e0!3m2!1sen!2sin!4v1692354744710!5m2!1sen!2sin" width="100%" height="500" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
      
           
      </div><!--/ row -->	
    </div>
  </section>
  <footer class="footer">

    <div class="back-to-top"><a href="#Home" class="BackTo scroll" id="scrollToHeader" ><i class="fa fa-chevron-up"  aria-hidden="true"></i></a></div>
    <script>
      document.addEventListener('DOMContentLoaded', function () {
   const scrollToHeaderButton = document.getElementById('scrollToHeader');
   const header = document.querySelector('header');
   scrollToHeaderButton.addEventListener('click', function (e) {
    e.preventDefault();
    console.log('working');
  header.scrollIntoView({ behavior: 'smooth' }); });
  });
      </script>
  
  
    <div class="container">
      <div class="row">
                       
        <div class="col-sm-4">
          <div class="wg-1 mission">
             <h4>Our Mission</h4>           	  		
       <p>What a wonderful initiative, and your passion for education really shines through! Creating an environment that fosters genuine understanding and a love for learning is so crucial.</p>
          </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="contact-us.html">contact Us</a></li>
        </ul>
      </div>
        </div>
      
      <div class="col-sm-4">
          <div class="wg-1">
        <h4>contact-us Info</h4>           	  		
        <address><i class="fa fa-map-marker"></i> <div>Sarswati Vidya Mandir Raipur sahoran
  Teh.Raipur sahoran Distt.Bilaspur H.P. 174021</div></address>
         <!-- <address><i class="fa fa-envelope-o"></i> <div><a href="mailto: SvmRaipur sahoran@gmail.com">example@gmail.com </a></div></address> -->
        <!-- <address><i class="fa fa-phone"></i> <div><a href="tel:+91 -01907- 266801">Office: +91 01907- 266801</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 © 2021 All Rights Reserved by Saraswati Vidya Mandir Raipur sahoran.</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>

</html>