Merge pull request khushi-joshi-05#1104 from zalabhavy/scrollandform

Scrollbar and contact form reset fix
sohinirathor2004 · Jun 16, 2024 · 9ac2494 · 9ac2494
2 parents c745d5f + 043adce
commit 9ac2494
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/Html-files/contact.html b/Html-files/contact.html
@@ -266,5 +266,9 @@ <h4>Follow Us</h4>
   document.querySelector('.contact-form').addEventListener('submit', function(event) {
       event.preventDefault(); 
       alert('Form submitted!');
+      document.getElementById('first-name').value = '';
+      document.getElementById('last-name').value = '';
+      document.getElementById('email').value = '';
+      document.getElementById('message').value = '';
   });
   </script>
diff --git a/style.css b/style.css
@@ -44,7 +44,28 @@ body{
   font-weight: 600;
   font-style: normal;
 }
-
+/*Scrollbar Style*/
+::-webkit-scrollbar-track
+{
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
+	background-color: #CCCCCC;
+}
+::-webkit-scrollbar
+{
+	width: 10px;
+	background-color: #F5F5F5;
+}
+::-webkit-scrollbar-thumb
+{
+	background-color: #FFF;
+  border-radius: 10px;
+	background-image: -webkit-linear-gradient(90deg,
+	                      rgba(0, 0, 0, 1) 0%,
+											  rgba(0, 0, 0, 1) 25%,
+											  transparent 100%,
+											  rgba(0, 0, 0, 1) 75%,
+											  transparent)
+}
 /* Home carousel/slider  */
 #homeSlider .homeimg {
   max-height: 170vh;