From 0e90b0f56510389f5f962e2e42e43e71ce2d3eb4 Mon Sep 17 00:00:00 2001 From: Damini2004 Date: Fri, 26 Jul 2024 20:27:28 +0530 Subject: [PATCH 1/2] Commit1 --- index.html | 81 ++++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 60 insertions(+), 21 deletions(-) diff --git a/index.html b/index.html index 93c4546..eee8a5c 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,11 @@ font-family: Arial, sans-serif; perspective: 1000px; } - + @media only screen and (max-width: 768px) { + .modal-content { + width: 90%; + } + } .background-layer { position: absolute; top: 0; @@ -102,7 +106,7 @@ .footer-contact a:hover { color: #777373; - + } .social{ display: flex; align-items: center; @@ -116,7 +120,7 @@ transform: scale(1.3); transition: .3s; color: rgb(188, 55, 55); - + } .social a:hover { color: #8ae2ad; @@ -231,7 +235,7 @@ to { transform: rotate(360deg); - } + }} .modal { display: none; @@ -393,6 +397,27 @@ display: none; } } +/* styles.css */ + +#scrollToTopBtn { + display: none; /* Hidden by default */ + position: fixed; /* Fixed/sticky position */ + bottom: 20px; /* Place the button at the bottom of the page */ + right: 30px; /* Place the button 30px from the right */ + z-index: 99; /* Make sure it does not overlap */ + border: none; /* Remove borders */ + outline: none; /* Remove outline */ + background-color: #555; /* Set a background color */ + color: white; /* Text color */ + cursor: pointer; /* Add a mouse pointer on hover */ + padding: 15px; /* Some padding */ + border-radius: 10px; /* Rounded corners */ + font-size: 18px; /* Increase font size */ +} + +#scrollToTopBtn:hover { + background-color: #333; /* Darker background on hover */ +} @@ -416,16 +441,6 @@ - - - - - @media only screen and (max-width: 768px) { - .modal-content { - width: 90%; - } - } - @@ -435,6 +450,7 @@
@@ -530,6 +547,7 @@

Subscribe to our Newsletter

Contact us: support@chromegaming.com

Phone: +1 (123) 456-7890

+ @@ -580,15 +598,38 @@

How to play?

+ - window.onload = function() { const toggleButton = document.getElementById('themeButton'); @@ -599,12 +640,9 @@

How to play?

body.classList.toggle('dark-theme'); }); }; - - - function closeDialog() { document.getElementById("dialogBox").style.display = "none"; document.getElementById("overlay").style.display = "none"; @@ -613,6 +651,7 @@

How to play?

function restartGame() { document.getElementById("myModal").style.display = "none"; } + From 38d862b636b3381e634cc1b7e300acfadb9aa75d Mon Sep 17 00:00:00 2001 From: Damini2004 Date: Fri, 26 Jul 2024 21:08:22 +0530 Subject: [PATCH 2/2] commit2 --- index.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/index.html b/index.html index eee8a5c..5c4b9aa 100644 --- a/index.html +++ b/index.html @@ -413,6 +413,18 @@ padding: 15px; /* Some padding */ border-radius: 10px; /* Rounded corners */ font-size: 18px; /* Increase font size */ + animation: float 6s ease-out infinite; +} +@keyframes float { + 0%{ + transform: translateY(0px); + } + 50%{ + transform: translateY(-50px); + } + 100%{ + transform: translateY(0px); + } } #scrollToTopBtn:hover {