diff --git a/about.html b/about.html index 24016f1..0537eef 100644 --- a/about.html +++ b/about.html @@ -8,11 +8,13 @@ + +
@@ -130,9 +132,20 @@

Ready to Transform Your Life?

document.getElementById('footer').innerHTML = data; }); + + + + + + + \ No newline at end of file diff --git a/cart.css b/cart.css index c7612c0..08c2e9d 100644 --- a/cart.css +++ b/cart.css @@ -208,7 +208,7 @@ header { color: #333; transition: color 0.3s ease; margin: 0; - overflow: hidden; + /* overflow: hidden; */ text-overflow: ellipsis; white-space: nowrap; max-width:120px; diff --git a/cart.html b/cart.html index 879c16b..b752b58 100644 --- a/cart.html +++ b/cart.html @@ -11,6 +11,7 @@ +
@@ -112,8 +113,19 @@

Shopping Cart

document.getElementById('footer').innerHTML = data; }); + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 9fa1561..630b1a5 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,7 @@
+
@@ -99,47 +100,54 @@

BMI Calculator

+ - - + + - - - + + - + - + - - - + + + - + - + + \ No newline at end of file diff --git a/navbar.css b/navbar.css index 826c5f4..cc542f8 100644 --- a/navbar.css +++ b/navbar.css @@ -96,6 +96,8 @@ cursor: pointer; } + + @media (max-width: 480px) { .chatbox { width: 90%; diff --git a/navbar.html b/navbar.html index cf42a65..09e49f1 100644 --- a/navbar.html +++ b/navbar.html @@ -7,6 +7,7 @@ + + + - + + + + + + + + + \ No newline at end of file diff --git a/navbar.js b/navbar.js new file mode 100644 index 0000000..b9578b2 --- /dev/null +++ b/navbar.js @@ -0,0 +1,27 @@ +gsap.to("#nav", { + backgroundColor: "#000", // we can access any css property here but we use Camel case here that is instead of - use a capital letter + height: "90px", + duration: 0.5, + scrollTrigger: { + trigger: "#nav", + scroller: "body", + // markers:true, + start: "top -10%", + end: "top -11%", + scrub: 1 // for this it will repeat when we scroll otherwise it won't + + + } + +}) +gsap.to("#main", { + backgroundColor: "#000", + scrollTrigger: { + trigger: "main", + scroller: "body", + // markers:true + start: "top -25%", + end: "top -75%", + scrub: 2 + } +}) \ No newline at end of file diff --git a/script.js b/script.js index 4d3a1bd..62e2c42 100644 --- a/script.js +++ b/script.js @@ -1,13 +1,29 @@ +gsap.to("#nav", { + backgroundColor: "#000", // we can access any css property here but we use Camel case here that is instead of - use a capital letter + height: "90px", + duration: 0.5, + scrollTrigger: { + trigger: "#nav", + scroller: "body", + // markers:true, + start: "top -10%", + end: "top -11%", + scrub: 1 // for this it will repeat when we scroll otherwise it won't + + + } + +}) gsap.to("#main", { - backgroundColor: "#000", - scrollTrigger: { - trigger: "main", - scroller: "body", - // markers:true - start: "top -25%", - end: "top -75%", - scrub: 2 - } + backgroundColor: "#000", + scrollTrigger: { + trigger: "main", + scroller: "body", + // markers:true + start: "top -25%", + end: "top -75%", + scrub: 2 + } }) // page 2 @@ -194,6 +210,5 @@ prompt.addEventListener("keypress", function(event) { }); - - \ No newline at end of file + diff --git a/signin.html b/signin.html index fa1da31..6bdc7f2 100644 --- a/signin.html +++ b/signin.html @@ -12,6 +12,7 @@ +