Educational-Website/index.js at main · Adityamkumar/Educational-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
var tl=gsap.timeline();
tl.from("#text h1",{
    opacity:0,
    left:500,
    duration:2,
    delay:3
})
.from("#text p",{
    opacity:0,
    x:-500,
    duration:2,
})

tl.from(
    ".image",
    {
        y:500,
        opacity:0,
        duration:2,
    }
)
tl.from(
    "#testimonial",
    {
        y:500,
        opacity:0,
        duration:2,
    }
)
tl.from(
    "#cards",
    {
        x:500,
        opacity:0,
        duration:2,
    }
)
tl.from("#notes-sec", {
    scrollTrigger: "#notes-sec",
     scroller:"body",
    x: 500,
    opacity:0,
    duration:2
  });

burger=document.querySelector('.burger')
navbar=document.querySelector('.navbar')
navlist=document.querySelector('.navlist')

burger.addEventListener('click',()=>{
    navbar.classList.toggle('h-nav');
    navlist.classList.toggle('v-class');
})

// let btn=document.querySelector(".moon");
//   let body=document.querySelector("body");
//   let check=0
//  btn.addEventListener("click",function(){
//   if(check==0){
//    body.style.backgroundColor="#222121"
//    body.style.color="white"
//    this.style.color="royalblue"
//    check=1;
//   }else{
//     body.style.backgroundColor="white"
//     body.style.color="black"
//     this.style.color="white"
//     check=0;
//   }
//  })