Merge pull request #95 from QuickHarsh/patch-1

Update index.html
codingkatty · Oct 16, 2024 · 207e2ef · 207e2ef
2 parents 16b2926 + b5184cb
commit 207e2ef
Showing 1 changed file with 16 additions and 20 deletions.
diff --git a/index.html b/index.html
@@ -3,38 +3,31 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
     <title>Math 4 Python - Learn and Challenge Your Math Skills</title>
     <meta name="description" content="A platform to learn mathematical concepts for Python programming and engage in coding challenges.">
     <meta name="keywords" content="math, python, learning, challenges, programming">
     <link rel="icon" href="Untitled design1.ico" type="image/svg+xml">
-   <!-- <link rel="shortcut icon" href="Untitled design1.ico" type="image/x-icon">-->
+    <!-- <link rel="shortcut icon" href="Untitled design1.ico" type="image/x-icon">-->
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
 </head>
 <body id="home">
     <div class="navbar">
-
         <div class="nav-links">
             <a href="index.html" class="active">Home</a>
             <a href="about.html">About</a>
             <a href="learn.html">Learn</a>
             <a href="challenge.html">Challenge</a>
             <a href="faq.html">FAQs</a>
-
         </div>
         <div class="theme-toggle-wrapper">
             <button style="cursor: pointer;" id="theme-toggle">
                 <i class="fas fa-sun"></i>
                 <i class="fas fa-moon"></i>
             </button>
         </div>
-
-        <a class="logo" href="index.html"><img src="logonew.svg" width="40" ></a>
-        <!-- <a href="learn.html">Learn</a>
-        <a href="challenge.html">Challenge -->
-        </a>
+        <a class="logo" href="index.html"><img src="logonew.svg" width="40"></a>
     </div>
 
     <div class="content">
@@ -44,28 +37,29 @@ <h1>Welcome to Math 4 Python</h1>
         <div class="features">
             <h2>Key Features:</h2>
             <div class="feature">
-                <img src="images/lesson.png" alt="lesson_image" id="icon1">
+                <img src="images/lesson.png" alt="Interactive Lessons" id="icon1">
                 <h3>Interactive Lessons</h3>
                 <p>Learn Python through hands-on, interactive coding exercises.</p>
             </div>
             <div class="feature">
-                <img src="images/task.png" alt="challenge_image" id="icon2">
+                <img src="images/task.png" alt="Math Challenges" id="icon2">
                 <h3>Math-focused Challenges</h3>
                 <p>Solve mathematical problems using Python to reinforce your skills.</p>
             </div>
             <div class="feature">
-                <img src="images/feedback.png" alt="feedback_image" id="icon3">
+                <img src="images/feedback.png" alt="Real-time Feedback" id="icon3">
                 <h3>Real-time Feedback</h3>
                 <p>Get instant feedback on your code and track your progress.</p>
             </div>
         </div>
 
         <div class="call-to-action">
-            <h2> Start learning Today!</h2>
+            <h2>Start learning Today!</h2>
             <p>Ready to dive into the world of math and Python? Click below to get started!</p>
             <a href="learn.html" class="cta-button">Get Started</a>
         </div>
     </div>
+
     <footer>
         <div class="footer-content">
             <div class="footer-section about">
@@ -100,20 +94,22 @@ <h3>Follow Us</h3>
             <p>&copy; 2024 Math 4 Python. All Rights Reserved.</p>
         </div>
     </footer>
-    <button onclick="topFunction()" id="nav-top"><i class = "material-icons">arrow_upward</i>  </button>
+
+    <button onclick="topFunction()" id="nav-top"><i class="material-icons">arrow_upward</i></button>
     <script src="script.js"></script>
 
     <script>
         let mybutton = document.getElementById("nav-top");
         window.onscroll = function() {scrollFunction()};
 
         function scrollFunction() {
-        if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-            mybutton.style.display = "block";
-        } else {
-            mybutton.style.display = "none";
-                }
+            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
+                mybutton.style.display = "block";
+            } else {
+                mybutton.style.display = "none";
+            }
         }
+
         function topFunction() {
             window.scrollTo({
                 top: 0,
@@ -122,4 +118,4 @@ <h3>Follow Us</h3>
         }
     </script>
 </body>
-</html>
+</html>