03.Vatavaran
diff --git a/js/gyan.js b/js/gyan.js new file mode 100644 index 00000000..2616afb5 --- /dev/null +++ b/js/gyan.js @@ -0,0 +1,156 @@ +$(document).ready(function () { + + $('#menu-bar').click(function () { + $(this).toggleClass('fa-times'); + $('.navbar').toggleClass('nav-toggle'); + }); + + $(window).on('load scroll', function () { + + $('#menu-bar').removeClass('fa-times'); + $('.navbar').removeClass('nav-toggle'); + + $('section').each(function () { + + let top = $(window).scrollTop(); + let height = $(this).height(); + let id = $(this).attr('id'); + let offset = $(this).offset().top - 200; + + if (top > offset && top < offset + height) { + $('.navbar ul li a').removeClass('active'); + $('.navbar').find(`[href="#${id}"]`).addClass('active'); + } + + }); + + }); + + $('.list .btn').click(function () { + $(this).addClass('active').siblings().removeClass('active'); + let src = $(this).attr('data-src'); + $('.projects .row .image img').attr('src', src); + }); + +}); +var isLight = true; +function darkMode() { + + if (isLight) { + document + .getElementById("DarkModeTogglerId") + .setAttribute("class", "dark-mode"); + isLight = false; + } else { + document + .getElementById("DarkModeTogglerId") + .setAttribute("class", ""); + isLight = true; + } +} + + +$(document).on('click', '.member-1', function () { + $('.detail-box-1').toggleClass('show-details-1') + $('.detail-box-2').removeClass('show-details-2') + $('.detail-box-3').removeClass('show-details-3') + $('.detail-box-4').removeClass('show-details-4') + $('.detail-box-5').removeClass('show-details-5') + $('.detail-box-6').removeClass('show-details-6') +}); +/*-2-----------------------------------*/ +$(document).on('click', '.member-2', function () { + $('.detail-box-2').toggleClass('show-details-2') + $('.detail-box-1').removeClass('show-details-1') + $('.detail-box-3').removeClass('show-details-3') + $('.detail-box-4').removeClass('show-details-4') + $('.detail-box-5').removeClass('show-details-5') + $('.detail-box-6').removeClass('show-details-6') +}); +/*-3-----------------------------------*/ +$(document).on('click', '.member-3', function () { + $('.detail-box-3').toggleClass('show-details-3') + $('.detail-box-2').removeClass('show-details-2') + $('.detail-box-1').removeClass('show-details-1') + $('.detail-box-4').removeClass('show-details-4') + $('.detail-box-5').removeClass('show-details-5') + $('.detail-box-6').removeClass('show-details-6') +}); +/*-4-----------------------------------*/ +$(document).on('click', '.member-4', function () { + $('.detail-box-4').toggleClass('show-details-4') + $('.detail-box-2').removeClass('show-details-2') + $('.detail-box-3').removeClass('show-details-3') + $('.detail-box-1').removeClass('show-details-1') + $('.detail-box-5').removeClass('show-details-5') + $('.detail-box-6').removeClass('show-details-6') +}); +/*-5-----------------------------------*/ +$(document).on('click', '.member-5', function () { + $('.detail-box-5').toggleClass('show-details-5') + $('.detail-box-2').removeClass('show-details-2') + $('.detail-box-3').removeClass('show-details-3') + $('.detail-box-4').removeClass('show-details-4') + $('.detail-box-1').removeClass('show-details-1') + $('.detail-box-6').removeClass('show-details-6') +}); +/*-6-----------------------------------*/ +$(document).on('click', '.member-6', function () { + $('.detail-box-6').toggleClass('show-details-6') + $('.detail-box-2').removeClass('show-details-2') + $('.detail-box-3').removeClass('show-details-3') + $('.detail-box-4').removeClass('show-details-4') + $('.detail-box-5').removeClass('show-details-5') + $('.detail-box-1').removeClass('show-details-1') +}); + +/*-cancel------------------*/ +$(document).on('click', '.cancel', function () { + $('.detail-box-1').removeClass('show-details-1') + $('.detail-box-2').removeClass('show-details-2') + $('.detail-box-3').removeClass('show-details-3') + $('.detail-box-4').removeClass('show-details-4') + $('.detail-box-5').removeClass('show-details-5') + $('.detail-box-6').removeClass('show-details-6') +}); + + +var slideIndex = 1; +showSlides(slideIndex); + +function plusSlides(n) { + showSlides(slideIndex += n); +} + +function currentSlide(n) { + showSlides(slideIndex = n); +} + +function showSlides(n) { + var i; + var slides = document.getElementsByClassName("mySlides"); + var dots = document.getElementsByClassName("dot"); + if (n > slides.length) { slideIndex = 1 } + if (n < 1) { slideIndex = slides.length } + for (i = 0; i < slides.length; i++) { + slides[i].style.display = "none"; + } + for (i = 0; i < dots.length; i++) { + dots[i].className = dots[i].className.replace(" active", ""); + } + slides[slideIndex - 1].style.display = "block"; + dots[slideIndex - 1].className += " active"; +} + + +$(document).ready(function () { + //Preloader + preloaderFadeOutTime = 600; + function hidePreloader() { + var preloader = $('.spinner-wrapper'); + preloader.fadeOut(preloaderFadeOutTime); + } + hidePreloader(); +}); + + diff --git a/pages/gyan.html b/pages/gyan.html new file mode 100644 index 00000000..e5eea2bb --- /dev/null +++ b/pages/gyan.html @@ -0,0 +1,182 @@ + + + + + + + +
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 190
+PROJECT GYAN
+ +
+
+
+
+
+
+
+
+
+ Education is the key to unlocking the world a passport to freedom. Keeping this view + in mind, our SFC Foundation focuses highly on the importance of Education and hence, introduced the + project “GYAN” for this purpose. As the very name suggests, our sole aim for introducing this + project is to impart education to the underprivileged and needy kids. We make sure that if the poor + can’t come to education than the education must go to him. Our volunteers visit the slums to help, + guide, teach and spread awareness among them. Apart from this, under Gyan We also teach kids basic + mannerism and ethics. A child’s holistic development is our only motto and hence, to encourage the + hidden talents among these kids, we even organize several fun and entertainment events in their + slum. We make sure that they learn the phenomenon of ‘How to think’ not ‘What to think’.
+