HOME

Mini Shell 1.0
Current File : /home/hammeracademy.in/www/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 name="google-site-verification" content="3TC7dMRPGCbTa_gECdza2YYSrqLXZf5zbDTdGifLH-k" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="keywords" content=" NDA foundation course, best Airforce coaching, Nda coaching in india, Best Cds Coaching in india, nda Coaching classes" />
<meta name="description" content="Want to join the NDA foundation course and Airforce coaching in Chandigarh? Hammer Academy offers coaching for the defense sector jobs in the government with study material, study rooms, and smart classrooms. ">
    <title>NDA Foundation Course | Best Airforce Coaching | Chandigarh | India - Hammer Academy</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">     
    <link href="css/grid.min.css" rel="stylesheet" type="text/css"> 	

    <!-- Custom CSS -->
    <link href="style.css" 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">

<!-- Global site tag (gtag.js) - Google Analytics -->

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-225181357-1">

</script>

<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

 

  gtag('config', 'UA-225181357-1');

</script>

	 <!-- 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() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 350){  
        $('.back-to-top').addClass("Home-fixed");
    }
    else{
        $('.back-to-top').removeClass("Home-fixed");
    }
});
</script>
</head>
<body>  
<div class="fix-button">
  <div class="animation-jump">
    <a href="https://api.whatsapp.com/send/?phone=918955876393" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
    <a href="tel:8955876393"><i class="fa fa-phone-square" aria-hidden="true"></i></a>
  </div>
</div>

<header class="header">  
  <section class="top-sec">    
    <div class="container">
      <div class="row">
        
        <div class="col-sm-8">
		  <div class="phn-detail">
		    <ul>
			<li><a href="tel:+91 8955876393"><i class="fa fa-phone"></i>+91 8955876393</a></li>
            <li><a href="mailto:hammerdefenceacademy@gmail.com"><i class="fa fa-envelope-o"></i>hammerdefenceacademy@gmail.com</a></li>
          </ul>
		  </div>
        </div>
        
        <div class="col-sm-4 text-right">
          <div class="icon-top">
		    <a href="https://www.facebook.com/hammeracademychandigarh" target="_blank"><i class="fa fa-facebook"></i></a>  
		    <a href="https://twitter.com/hammer_academy" target="_blank"><i class="fa fa-twitter"></i></a>  
		    <a href="https://www.youtube.com/channel/UCpx5rF12glO-19nsV6UkyaQ/videos" target="_blank"><i class="fa fa-youtube"></i></a>  
			<a href="https://www.instagram.com/hammer_defence_academy/" target="_blank"><i class="fa fa-instagram"></i></a>
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Menu</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand nav-logo" href="index.html"><img src="images/logo.png" alt="image" /><!--span>Hammer Academy <small>Best Defence Academy in Chandigarh</small></span--></a>
        </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="ssb-preparation.html">SSB Preparation</a></li>
			<li ><a href="study.html">Study Material</a>
			  
			</li>
			<li class="current-menu-item"><a href="gallery.html">Gallery</a></li>
			<li ><a href="routine.html" >Academy Routine</a>
			 
			</li>
			<li><a href="contact.html">Contact Us</a></li>
		  </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

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

        <div class="page-title">
          <div class="holder"><h1>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">Gallery</span><meta property="position" content="2"></span></li>
        </ol>        
      
      </div><!--/ block -->
    </div>
  </div>
</section><!--/ banner-inner -->

<section class="mid-inner">
  <div class="container">    
    <div class="row">
      <div class="col-sm-12 mid-full">
        
        <section class="gallery-sec">
    
	<div class="row">
	  <div class="col-sm-12">
		<div class="title-row">		  
		  <h2>Photo <span>Gallery</span></h2>
		</div>	
	  </div>
	</div>
	
	<div class="portfolio-item row">
	  
	  <div class="item col-sm-4">
		<a href="images/Gallery-01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Gallery-01.jpg" alt="">
	    </a>
	  </div><!--/ end -->
	  
	  <div class="item col-sm-4">
		<a href="images/Gallery-02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Gallery-02.jpg" alt="">
	    </a>
	  </div><!--/ end -->
	  
	  <div class="item col-sm-4">
		<a href="images/Gallery-03.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Gallery-03.jpg" alt="">
	    </a>
	  </div><!--/ end -->
	  
	  <div class="item col-sm-4">
		<a href="images/Gallery-04.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Gallery-04.jpg" alt="">
	    </a>
	  </div><!--/ end -->
	  
	  <div class="item col-sm-4">
		<a href="images/Gallery-05.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Gallery-05.jpg" alt="">
	    </a>
	  </div><!--/ end -->
	  
	  <div class="item col-sm-4">
		<a href="images/Gallery-06.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Gallery-06.jpg" alt="">
	    </a>
	  </div><!--/ end -->
	  
	</div><!--/ portfolio-item -->
	
<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><!--/ gallery-sec -->

      </div>
      
    </div>
  </div>
</section><!--/ mid-inner -->
    

<!--div class="modal fade" id="myModal" data-backdrop="static" data-keyboard="false">
      <div class="pop-load modal-dialog modal-lg modal-dialog-centered" role="document" >
            <div class="modal-content">
                <div class="modal-header">
                     <div class="col-sm-12"> <h3>Request a Callback</h3></div>
                   
                </div>
                <div class="modal-body">
                   <div class="pop-load-inner">
	          
			   <div class="col-sm-6"><figure><img src="images/callback-img.png"></figure></div>
			   <div class="col-sm-6">
               <div class="alert alert-success" style="display:none;" id="msg">
  <strong>Success!</strong> Thank you,We will contact you Soon.
</div>
          <form method="post" action="popup-conf.php" id="form2">
			      <div class="form-group col-sm-12"><input class="form-control" placeholder="Name :" type="text" name="name"></div>
                  <div class="form-group col-sm-12"><input class="form-control" placeholder="Your Mobile :" type="text" name="phone" required></div>
                  <div class="form-group col-sm-12"><input class="form-control" placeholder="Preferred time :" type="text" name="time" required></div>
				  <div class="col-sm-12"><input class="btn" value="Send Request" type="submit"></div>
			    </form>
              </div></div>
                </div>
               
            </div>
      </div>
</div-->



<footer class="footer">  
  <div class="back-to-top"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-up"></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-3">
        <div class="wg-1">
          <div class="ft-logo"><a href="index.html"><img src="images/logo.png" alt="image" /></a></div>
          <p>The academy is strict about its routine. We follow our routine at any cost.

		</p>
		  <div class="icon-ft">
		    <a href="https://www.facebook.com/hammeracademychandigarh" target="_blank"><i class="fa fa-facebook"></i></a>  
		    <a href="https://twitter.com/hammer_academy" target="_blank"><i class="fa fa-twitter"></i></a>  
		    <a href="https://www.youtube.com/channel/UCpx5rF12glO-19nsV6UkyaQ/videos" target="_blank"><i class="fa fa-youtube"></i></a>  
			<a href="https://www.instagram.com/hammer_defence_academy/" target="_blank"><i class="fa fa-instagram"></i></a>
		  </div>
        </div>
      </div>       
      
      <div class="col-sm-3 col-pl">
        <div class="wg-1">
          <h4>Important Links</h4>           	  		
		  <ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a></li>			
			<li><a href="ssb-preparation.html">SSB Preparation</a></li>
			<li><a href="study.html">Study Material</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="routine.html" >Academy Routine</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-3">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p><span>Location:</span>Hammer Academy SCO 2442, Sector 123, Mohali, Chandigarh</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><span>Phone:</span><a href="tel:+91 8955876393"> +91 8955876393</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><span>E-mail:</span><a href="mailto:hammeracademy17@gmail.com">hammeracademy17@gmail.com</a></p></div>
		  </address>		       		  	 
		</div>
      </div> 
	  
	  <div class="col-sm-3">
        <div class="wg-1 timetable">
		  <h4>Academy Support</h4>
		  <p>Our support available to help you 24 hours a day, seven days a week.</p>		  
		  <ul>
		    <li>Monday-Friday: <span>9AM To 5pm</span>
			</li><li>Saturday: <span>9AM To 2PM</span>
			</li><li>Sunday: <span>Closed</span></li>
		  </ul>
		</div>
      </div>     
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
     		
		<div class="col-sm-7"><p>Copy © 2022 All Rights Reserved by Hammer Academy.</p></div>
		
		<div class="col-sm-5">
		  <p class="text-right">Website Design by: <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</a></p> 
		</div>
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>
<!--script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script-->
<script> // testimonials script
 $(document).ready(function() {
     
     if(localStorage.getItem("msg")){
         
         
         $("#msg").show();
         localStorage.clear();
     }
     
 });
 
 </script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>             
<script src="js/owl.carousel.js"></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 : 1,
        itemsDesktop : [1199,1],
        navigation : true, 
        itemsDesktopSmall : [768,1],
        itemsMobile : [481,1]
      });

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