script.js

// glimps 
let thumbnail = document.getElementsByClassName("thumbnail");

let activeImages = document.getElementsByClassName("active");

for (var i = 0; i < thumbnail.length; i++) {
  thumbnail[i].addEventListener("mouseover", function () {

    document.getElementById("featured").src = this.src;
  });
}

let buttonRight = document.getElementById("slideRight");
let buttonLeft = document.getElementById("slideLeft");

buttonLeft.addEventListener("click", function () {
  document.getElementById("slider").scrollLeft -= 80;
});

buttonRight.addEventListener("click", function () {
  document.getElementById("slider").scrollLeft += 80;
});

// Quotes 
const api = "https://api.quotable.io/random";

const quote = document.getElementById("quote1");
const author = document.getElementById("author1");
const btn = document.getElementById("btn1");

btn.addEventListener("click", getQuote);

function getQuote() {
  fetch(api)
    .then((res) => res.json())
    .then((data) => {
      quote.innerHTML = `"${data.content}"`;
      author.innerHTML = `- ${data.author}`;
    });
}
getQuote();

// slider 
var swiper = new Swiper('.swiper-container', {
  effect: 'coverflow',
  grabCursor: true,
  centeredSlides: true,
  slidesPerView: 'auto',
  coverflowEffect: {
    rotate: 30,
    stretch: 0,
    depth: 200,
    modifier: 1,
    slideShadows: true,
  },
  pagination: {
    el: '.swiper-pagination',
  },
});
// bot visible
const gotobtn = document.getElementById("gotobtn");
const closebtn = document.getElementById("gotobtn1");
const botclass = document.getElementById("class");

function visible() {
  botclass.style.display = "block";
  gotobtn.style.display = "none";
  closebtn.style.display = "block";
}
function invisible() {
  botclass.style.display = "none";
  gotobtn.style.display = "block";
  closebtn.style.display = "none";
}
gotobtn.addEventListener('click', visible);
closebtn.addEventListener('click', invisible);