Skip to content

Commit

Permalink
Merge pull request #123 from kotla-saketh/main
Browse files Browse the repository at this point in the history 
updated code
  • Loading branch information
@codingkatty
codingkatty authored Oct 23, 2024
2 parents 2d10666 + c4ee88b commit 342a724
Show file tree
Hide file tree
Showing 3 changed files with 880 additions and 703 deletions.
185 changes: 108 additions & 77 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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">
<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="stylesheet" href="styles.css">
<link rel="stylesheet" href="hamburger_menu.css">
Expand Down Expand Up @@ -36,91 +42,116 @@
</div>

<div class="content">
<h1>Welcome to Math 4 Python</h1>
<p>Learn Python programming with a focus on mathematical concepts and problem-solving.</p>

<div class="features">
<h2>Key Features:</h2>
<div class="feature">
<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="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="Real-time Feedback" id="icon3">
<h3>Real-time Feedback</h3>
<p>Get instant feedback on your code and track your progress.</p>
</div>
<h1>Welcome to Math 4 Python</h1>
<p>
Learn Python programming with a focus on mathematical concepts and
problem-solving.
</p>

<div class="features">
<h2>Key Features:</h2>
<div class="feature">
<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="Math Challenges" id="icon2" />
<h3>Math-focused Challenges</h3>
<p>
Solve mathematical problems using Python to reinforce your skills.
</p>
</div>

<div class="call-to-action">
<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 class="feature">
<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>
<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">
<h3>Math 4 Python</h3>
<p>Enhance your Python skills while solving math-focused challenges. Learn, code, and improve through interactive lessons with real-time feedback.</p>
<p><i class="fas fa-envelope"></i> [email protected]</p>
<p><i class="fas fa-phone"></i> +123 456 7890</p>
</div>

<div class="footer-section links">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="learn.html">Learn</a></li>
<li><a href="challenge.html">Challenge</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="faq.html">FAQs</a></li>
</ul>
</div>

<div class="footer-section social">
<h3>Follow Us</h3>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
</div>
<div class="footer-content">
<div class="footer-section about">
<h3>Math 4 Python</h3>
<p>
Enhance your Python skills while solving math-focused challenges.
Learn, code, and improve through interactive lessons with real-time
feedback.
</p>
<p>
<span class="fas fa-envelope"></span>
<a href="mailto:[email protected]">[email protected]</a>
</p>
<p>
<span class="fas fa-phone"></span>
<a href="tel:+1234567890">+123 456 7890</a>
</p>
</div>

<div class="footer-section links">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="learn.html">Learn</a></li>
<li><a href="challenge.html">Challenge</a></li>
<li><a href="feedback.html">Feedback</a></li>
<li><a href="faq.html">FAQs</a></li>
</ul>
</div>

<div class="footer-bottom">
<p>&copy; 2024 Math 4 Python. All Rights Reserved.</p>

<div class="footer-section social">
<h3>Follow Us</h3>
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
</div>
</div>

<div class="footer-bottom">
<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()};
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";
}
function scrollFunction() {
if (
document.body.scrollTop > 20 ||
document.documentElement.scrollTop > 20
) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}

function topFunction() {
window.scrollTo({
top: 0,
behavior: "smooth"
});
}
function topFunction() {
window.scrollTo({
top: 0,
behavior: "smooth",
});
}
</script>
</body>
</body>
</html>
Loading

0 comments on commit 342a724

Please sign in to comment.