changed the button on homepage

Author: Mahimatestgithub

index.html

@@ -82,10 +82,12 @@ <h3 id="name"></h3>
       </nav>
     </header>
 
+    <!--Button added by https://github.com/Mahimatestgithub-->
     <section id="home" class="home">
       <h1>Get IT Projects</h1>
       <h2>for Under Graduation and Post Graduation Students.</h2>
       <h2>B.E / BCA/ MCA / BSC-IT / etc.</h2>
+      <a href="#projects" class="explore-button">Explore Projects</a>
       <div class="wave wave1"></div>
       <div class="wave wave2"></div>
       <div class="wave wave3"></div>

main.css

@@ -1697,4 +1697,22 @@ input:checked+.slider:before {
 
 .slider.round:before {
   border-radius: 50%;
-}
+}
+
+ /*Style https://github.com/Mahimatestgithub*/
+.explore-button {
+  display: inline-block;
+  padding: 10px 20px;
+  margin-top: 20px;
+  background-color: #007BFF;
+  color: white;
+  text-align: center;
+  text-decoration: none;
+  font-weight: bold;
+  border-radius: 5px;
+  transition: background-color 0.3s;
+}
+
+.explore-button:hover {
+  background-color: grey;
+}

main.js

@@ -1,3 +1,13 @@
+// Smooth scrolling when clicking the Explore Projects button done by https://github.com/Mahimatestgithub
+document.querySelector('.explore-button').addEventListener('click', function (e) {
+  e.preventDefault();
+  const projectsSection = document.getElementById('projects');
+  projectsSection.scrollIntoView({ behavior: 'smooth' });
+});
+
+
+
+
 $(document).ready(function(){
 
      $('.fa-bars').click(function(){