HOME

Mini Shell 1.0
Current File : //home/nicemohali.com/www/old/facilities.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.nicemohali.in ">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Best Institute of Computer Education</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">

	 <!-- 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>  

<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 79865 81876"><i class="fa fa fa-phone"></i> <span>+91 79865 81876</span><small class="hidden">Call Us</small></a></li>
            <li><a href="mailto:plata5335@gmail.com "><i class="fa fa-envelope-o"></i> <span>plata5335@gmail.com </span><small class="hidden">Email Us</small></a></li>            
          </ul>
		  </div>
        </div>
        
        <div class="col-sm-4 text-right">
          <div class="icon-top">
		    <a href="https://www.facebook.com/profile.php?id=100083092823028&mibextid=LQQJ4d&rdid=1N8j33eQDQfptpmP&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F2VvyFgX6KHAdd5Pu%2F%3Fmibextid%3DLQQJ4d"target="_blank"><i class="fa fa-facebook"></i></a>    
			<a href="https://www.instagram.com/niceacademy456?igsh=d3pqeG9nbWV6cmg0&utm_source=qr "target="_blank"><i class="fa fa-instagram"></i></a>
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
   <nav>
    <div class="container">
      <div class="navbar">
        
		<i class='fa fa-navicon bx bx-menu'></i>
	    <div class="logo"><a href="index.html"><img src="images/logo.jpg" alt="image" /><span>National Institute of Computer Education <small>(Branch Code PB-125)</small></span></a></div>
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><a href="index.html"><img src="images/logo.jpg" alt="image" /><span>National Institute of Computer Education <small>(Branch Code PB-125)</small></span></a></span>
            <i class="fa fa-close bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
            <li><a href="index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a></li>				
			<li><a href="courses-offered.html">Courses Offered</a></li>
			<li class="current-menu-item"><a href="facilities.html">Facilities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
          </ul>
		  
		</div>
				
      </div>
    </div><!--/ container -->
	
  </nav><!--/ nav -->
</header>

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

        <div class="page-title">
          <div class="holder"><h1>Facilities</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">Facilities</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">
	  
	    <div class="about-sec about-page">
		  <div class="row">
		  
		    <div class="col-sm-12 about-padd mrb-30">
			  <h3>State-of-the-Art Computer Labs</h3>
		      <figure class="align-left"><img src="images/facilities-01.jpg" alt=""></figure>
			  <p>Our state-of-the-art computer labs are designed to provide the best possible learning environment. Each lab is equipped with the latest hardware and software, ensuring you have access to the tools you need to succeed. Our workstations are loaded with industry-standard tools and applications, meaning you’ll be using the same resources that professionals use in the field. </p>
			  <p>We frequently update our equipment and software to keep pace with the latest advancements in technology. Additionally, our labs are designed to support teamwork and innovation, with spaces that encourage collaboration.</p>
			  <p>Whether you’re working on a group project, attending a workshop, or simply exploring new technologies, our labs provide a hands-on learning environment where you can apply what you’ve learned in real-world scenarios. Beyond the equipment, our labs create a supportive environment where you can explore, learn, and grow. </p>
			  <p>Whether you’re working on a solo project, collaborating with classmates, or exploring new technologies, our state-of-the-art computer labs provide the perfect setting to enhance your skills and knowledge.</p>
		    </div> 
			
			<div class="col-sm-12 about-padd mrb-10">
			  <h3>Comfortable Learning Environment</h3>
		      <figure class="align-right"><img src="images/facilities-02.jpg" alt=""></figure>
			  <p>Creating a comfortable learning environment is a top priority for us. At the National Institute of Computer Education, we ensure that our classrooms and labs are welcoming and inclusive, making every student feel respected and valued. We believe that a positive atmosphere is crucial for effective learning, so we provide spaces that are not only functional but also inviting. Comfortable seating, ample lighting, and modern amenities contribute to a setting where students can focus and thrive.</p>
			  <p>Additionally, our supportive community encourages open communication and collaboration, allowing students to freely express their ideas, ask questions, and engage in meaningful discussions. By promoting a sense of belonging and mutual respect, we help students build confidence and develop a love for learning that extends beyond the classroom.</p>
			  <p>Our facilities are designed with the student experience in mind. We offer quiet study areas for focused work, as well as communal spaces where students can relax and socialize.</p>
			  <p>We also understand the importance of mental and physical well-being in the learning process. To support this, we offer wellness programs and activities that promote a healthy lifestyle. From yoga and meditation sessions to fitness classes and recreational sports, we encourage students to take care of their bodies and minds. Our goal is to create a holistic learning environment where students can achieve academic excellence while maintaining a balanced and healthy lifestyle.</p>
		    </div>
			
		  </div><!--/ row-->  
		</div><!--/ about-page -->
		
	  </div><!--/ mid-full -->
    </div>
  </div>
</section><!--/ mid-inner -->

<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.jpg" alt="image" /><span>National Institute of Computer Education <small>(Branch Code PB-125)</small></span></a></div>
          <p>Whether you're just starting or want to improve your current skills, we have programs designed to suit your needs.</p>
		  <div class="icon-ft">
		    <a href="https://www.facebook.com/profile.php?id=100083092823028&mibextid=LQQJ4d&rdid=1N8j33eQDQfptpmP&share_url=https%3A%2F%2Fwww.facebook.com%2Fshare%2F2VvyFgX6KHAdd5Pu%2F%3Fmibextid%3DLQQJ4d"target="_blank"><i class="fa fa-facebook"></i></a>    
			<a href="https://www.instagram.com/niceacademy456?igsh=d3pqeG9nbWV6cmg0&utm_source=qr "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="courses-offered.html">Courses Offered</a></li>
			<li><a href="facilities.html">Facilities</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>1st Floor, Kamboj Plaza, Opp. Gurudwara Shri Bouli Sahib, Guru Gobind Singh Nagar, Dhakoli, Zirakpur</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><span>Phone:</span><a href="tel:+91 79865 81876"> +91 79865 81876</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><span>E-mail:</span><a href="mailto:plata5335@gmail.com ">plata5335@gmail.com </a></p></div>
		  </address>		       		  	 
		</div>
      </div> 
	  
	  <div class="col-sm-3">
        <div class="wg-1 timetable">
		  <h4>Institute  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 5PM</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 © 2024 All Rights Reserved by National Institute of Computer Education .</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>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>             
<script src="js/owl.carousel.js"></script>  
<script>
  // search-box open close js code
let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
  <!-- navbar.classList.toggle("showInput"); -->
  <!-- if(navbar.classList.contains("showInput")){ -->
    <!-- searchBox.classList.replace("bx-search" ,"bx-x"); -->
  <!-- }else{-->
    <!-- searchBox.classList.replace("bx-x" ,"bx-search"); -->
  <!-- } -->
<!-- }); -->

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
$(".htmlcss-arrow").click(function(){
 $(".htmlCss-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".htmlCss-sub-menu" ).toggle("hidden");
});
$(".more-arrow").click(function(){
  $(".more-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".more-sub-menu" ).toggle("hidden");
});

</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 : 3,
        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>