ok
Mini Shell
<section class="footer-top">
<div class="container">
<div class="row">
<!-- <div class="col-md-4">
<iframe width="100%" height="240" src="https://www.youtube.com/embed/feNtDVLwErY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div> -->
<div class="col-md-12">
<div>
<ul>
<li><a href="https://www.buodisha.edu.in/" target="_blank"><img src="assets/images/client5.png" alt=""></a></li>
<li><a href="https://www.ugc.ac.in/" target="_blank"><img src="assets/images/client6.png" alt=""></a></li>
<li><a href="http://naac.gov.in/index.php/en/" target="_blank"><img src="assets/images/client4.png" alt=""></a></li>
<li><a href="https://dhe.odisha.gov.in/" target="_blank"><img src="assets/images/footerlogo2.png" alt="Jeevan Praman"></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer class="my-footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<h4 class="footer-connect"><img src="assets/images/contacts.png" alt=""/> Contact NGWC,ASKA,GANJAM</h4>
<div class="footer-address">
<p><i class="fa fa-map-marker" aria-hidden="true"></i> <span>JM58+7P4, Khambeswari Patana Rd,Asika,Ganjam Odisha 761110</span>
</p>
<p><i class="fa fa-phone" aria-hidden="true"></i> <span><a href="tel:06742541409">+91 797 830 5076</a> </span>
</p>
<p><i style="font-size: 21px;" class="fa fa-fax" aria-hidden="true"></i> <span><a href="tel:#">+91 790 875 3134</a></span>
</p>
<p><i style="font-size: 23px;" class="fa fa-envelope" aria-hidden="true"></i> <span><a href="mailto:ngwcollege@gmail.com">ngwcollege@gmail.com</a> </br><a href="mailto:principal@ngwcollege.in">principal@ngwcollege.in</a></span>
</p>
</div>
<p>
<ul class="social-list">
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a></li>
</ul>
</p>
</div>
<div class="col-md-3">
<div class="footer-title">
<h4><span>Helpdesk</span></h4>
</div>
<ul class="footer-list">
<li><a href="#" 1="">Admission</a></li>
<li><a href="#" 0="">SC/ST Cell</a></li>
<li><a href="#" 1="">Anti Ragging Cell</a></li>
<li><a href="#" 1="">Women’s Empowerment Cell</a></li>
<li><a href="https://www.mygov.in/campaigns/agniveer/" target="_blank" 1="">Agnipath Yojana</a></li>
</ul>
<div class="footer-title">
<h4><span>University</span></h4>
</div>
<ul class="footer-list">
<li><a href="https://ncert.nic.in/" 1="">BERHAMPUR UNIVERSITY</a></li>
</ul>
<div class="footer-title">
<h4><span>Other Links</span></h4>
</div>
<ul class="footer-list">
<li><a href="https://www.ugc.ac.in/" 1="">UGC</a></li>
</ul>
</div>
<div class="col-md-5">
<div class="footer-title">
<h4><span>Location</span></h4>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3758.4476779108572!2d84.66260121341818!3d19.608149550704322!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a22b69539420153%3A0xb573e8b060ffcd31!2sNIRANJAN%20GOVT.%20WOMENS'%20COLLEGE%2CASKA!5e0!3m2!1sen!2sin!4v1668879725157!5m2!1sen!2sin" width="100%" height="300px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<div class="row footer-last py-2">
<div class="col-md-8 footer-last-left">
<p>Copyright © <script>document.write(new Date().getFullYear())</script> Niranjan Govt. Women's College,Aska Ganjam, All Rights Reserved</p>
</div>
<div class="col-md-4 footer-last-right">
<p class="text-right">Powered by <a href="#" target="_blank" style="color: #fff">NGWC,ASKA.</a></p>
</div>
</div>
</div>
</footer>
<div class="go-to-top" id="go-to-top">
<a href="#"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
</div>
<script>
window.addEventListener("scroll", function() {
let navArea = document.getElementById("myHeader");
if (window.pageYOffset > 200) {
navArea.classList.add("sticky");
}
else {
navArea.classList.remove("sticky");
}
});
window.addEventListener("scroll", function() {
let top = document.getElementById("go-to-top");
if (window.pageYOffset > 350) {
top.style.transform = 'translateX(0px)';
}
else {
top.style.transform = 'translateX(80px)';
}
});
</script>
<script>
{
const sliders = document.querySelectorAll(".slider");
// interval between switching images
// can't be less than your animation duration in css!
const interval = 2800;
// if you don't want to first animation last longer than other animations
// set animDuration (in miliseconds) to your value of animation duration in css
const animDuration = 600;
for (let i = 0; i < sliders.length; ++i) {
const slider = sliders[i];
const dots = slider.querySelector(".dots");
const sliderImgs = slider.querySelectorAll(".img");
let currImg = 0;
let prevImg = sliderImgs.length - 1;
let intrvl;
let timeout;
// Creates dots and add listeners to them
for (let i = 0; i < sliderImgs.length; ++i) {
const dot = document.createElement("div");
dot.classList.add("dot");
dots.appendChild(dot);
dot.addEventListener("click", dotClick.bind(null, i), false);
}
const allDots = dots.querySelectorAll(".dot");
allDots[0].classList.add("active-dot");
sliderImgs[0].style.left = "0";
timeout = setTimeout(() => {
animateSlider();
sliderImgs[0].style.left = "";
intrvl = setInterval(animateSlider, interval);
}, interval - animDuration);
/**
* Animates images
* @param {number} [nextImg] - index of next image to show
* @param {boolean} [right = false] - animate to right
*/
function animateSlider(nextImg, right) {
if (!nextImg)
nextImg = currImg + 1 < sliderImgs.length ? currImg + 2 : 1;
--nextImg;
sliderImgs[prevImg].style.animationName = "";
if (!right) {
sliderImgs[nextImg].style.animationName = "leftNext";
sliderImgs[currImg].style.animationName = "leftCurr";
}
else {
sliderImgs[nextImg].style.animationName = "rightNext";
sliderImgs[currImg].style.animationName = "rightCurr";
}
prevImg = currImg;
currImg = nextImg;
currDot = allDots[currImg];
currDot.classList.add("active-dot");
prevDot = allDots[prevImg];
prevDot.classList.remove("active-dot");
}
/**
* Decides if animate to left or right and highlights clicked dot
* @param {number} num - index of clicked dot
*/
function dotClick(num) {
if (num == currImg)
return false;
clearTimeout(timeout);
clearInterval(intrvl);
if (num > currImg)
animateSlider(num + 1);
else
animateSlider(num + 1, true);
intrvl = setInterval(animateSlider, interval);
}
}
}
</script></body>
<script src="assets/js/multi-slider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#increase').click(function(){
fontsize('increase');
});
$('#decrease').click(function(){
fontsize('decrease');
});
$('#reset').click(function(){
fontsize('reset');
});
function fontsize(flag)
{
var divcontent= $('#divcontent');
var currentsize= parseInt(divcontent.css('font-size'));
if (flag == 'increase')
currentsize += 1;
else if(flag == 'decrease')
currentsize -= 1;
else
currentsize = 16;
divcontent.css('font-size', currentsize);
}
});
</script>
<script>
var tabLinks = document.querySelectorAll(".tablinks");
var tabContent = document.querySelectorAll(".tabcontent");
tabLinks.forEach(function(el) {
el.addEventListener("click", openTabs);
});
function openTabs(el) {
var btnTarget = el.currentTarget;
var country = btnTarget.dataset.country;
tabContent.forEach(function(el) {
el.classList.remove("active");
});
tabLinks.forEach(function(el) {
el.classList.remove("active");
});
document.querySelector("#" + country).classList.add("active");
btnTarget.classList.add("active");
}
</script>
<script>
function dark() {
var element = document.getElementById("divcontent");
element.classList.add("dark-body");
}
</script>
<script type="text/javascript">
$(function () {
$(".font-button").bind("click", function () {
var size = parseInt($('body').css("font-size"));
if ($(this).hasClass("plus")) {
size = size + 2;
} else {
size = size - 2;
if (size <= 10) {
size = 10;
}
}
$('body').css("font-size", size);
});
});
</script>
<script>
$(document).ready(function(){
$('.floatingButton').on('click',
function(e){
e.preventDefault();
$(this).toggleClass('open');
if($(this).children('.fa').hasClass('fa-plus'))
{
$(this).children('.fa').removeClass('fa-plus');
$(this).children('.fa').addClass('fa-close');
}
else if ($(this).children('.fa').hasClass('fa-close'))
{
$(this).children('.fa').removeClass('fa-close');
$(this).children('.fa').addClass('fa-plus');
}
$('.floatingMenu').stop().slideToggle();
}
);
$(this).on('click', function(e) {
var container = $(".floatingButton");
// if the target of the click isn't the container nor a descendant of the container
if (!container.is(e.target) && $('.floatingButtonWrap').has(e.target).length === 0)
{
if(container.hasClass('open'))
{
container.removeClass('open');
}
if (container.children('.fa').hasClass('fa-close'))
{
container.children('.fa').removeClass('fa-close');
container.children('.fa').addClass('fa-plus');
}
$('.floatingMenu').hide();
}
// if the target of the click isn't the container and a descendant of the menu
if(!container.is(e.target) && ($('.floatingMenu').has(e.target).length > 0))
{
$('.floatingButton').removeClass('open');
$('.floatingMenu').stop().slideToggle();
}
});
});
</script>
</html>
Zerion Mini Shell 1.0