View source for Main Page

<html>
	<div style="text-align: center;margin-bottom:50px;">
		<img onclick = "showPage('https://chhindwara.website/Ch_programming_classes')" class="sliderImg" src="https://chhindwara.website/website/images/banner.png" >
		<img onclick = "showPage('https://chhindwara.website/website/template/vdcn/')" class="sliderImg" src="https://chhindwara.website/website/images/vdcn1.png" >
		<img onclick = "showPage('https://chhindwara.website/website/template/vdcn/')" class="sliderImg" src="https://chhindwara.website/website/images/vdcn2.png" >
	</div>
	<style>
		@media only screen and (min-width:601px){
			.sliderImg{
				width:70%;
				height:460px;
				border-radius:10px;
				display:none;margin-left:15%;
			}
		}
		@media only screen and (max-width:600px){
			.sliderImg{
				width:100%;
				height:300px;
				border-radius:10px;display:none;
			}
		}
	</style>
	<script>
		let slideIndex = 0;
		showSlides();
		function showPage(str){
			window.location.href = str;
		}
		function showSlides() {
		  let slides = document.getElementsByClassName("sliderImg");
		  for (i = 0; i < slides.length; i++) {
			slides[i].style.display = "none";  
		  }
		  slideIndex++;
		  if (slideIndex > slides.length) {slideIndex = 1}    
		  slides[slideIndex-1].style.display = "block";  
		  setTimeout(showSlides, 4000); 
		}
	</script>

</html>