From b9e8798e06e7f50c53765603d17b675d6d233194 Mon Sep 17 00:00:00 2001 From: taniya542 Date: Mon, 14 Oct 2024 20:46:25 +0530 Subject: [PATCH 1/3] About section added --- about.css | 183 ++++++++++++++++++++++------------ about.html | 283 ++++++++++++----------------------------------------- 2 files changed, 187 insertions(+), 279 deletions(-) diff --git a/about.css b/about.css index 98b90f3..5796968 100644 --- a/about.css +++ b/about.css @@ -1,94 +1,155 @@ -body { - font-family: 'Arial', sans-serif; +* { + box-sizing: border-box; margin: 0; padding: 0; - background-color: #f4f4f4; - color: #333; } -.container { - width: 80%; - margin: 20px auto; - padding: 20px; - background: white; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); - border-radius: 8px; +body { + font-family: 'Arial', sans-serif; + line-height: 1.6; + background-color: #f7f9fc; + color: #333; } -h1, -h2 { +header { + background: #4a4e69; + color: white; + padding: 20px 0; text-align: center; - color: #2C3E50; } -p { - line-height: 1.6; - margin-bottom: 20px; - text-align: justify; +header nav ul { + list-style-type: none; + padding: 0; +} + +header nav ul li { + display: inline; + margin: 0 15px; } -.banner { - background-color: #7ab7df; +header nav ul li a { color: white; - padding: 10px 0; - margin-bottom: 20px; - text-align: center; - border-radius: 8px 8px 0 0; + text-decoration: none; + font-weight: bold; + transition: color 0.3s; +} + +header nav ul li a:hover { + text-decoration: underline; + color: #d9d9d9; } -.banner h1 { +h1 { margin: 0; - font-size: 2em; + font-size: 2.5em; +} + +.intro, .benefits, .features, .testimonials, .cta { + padding: 20px; + background: #ffffff; + margin: 20px; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + transition: transform 0.3s, box-shadow 0.3s; +} + +.intro:hover, .benefits:hover, .features:hover, .testimonials:hover, .cta:hover { + transform: translateY(-5px); + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); } -.section { +.intro { + border-left: 5px solid #4a4e69; +} + +h2, h3 { + margin-bottom: 15px; + color: #4a4e69; +} + +ul { + list-style-type: none; + padding: 0; +} + +ul li { + margin-bottom: 10px; + padding-left: 20px; + position: relative; +} + +ul li:before { + content: "✔"; + color: #4a4e69; + position: absolute; + left: 0; +} + +blockquote { margin: 20px 0; + padding: 10px; + background: #f0f4f8; + border-left: 5px solid #4a4e69; + font-style: italic; } -/* Style for the cards */ -.cards { - display: flex; - justify-content: space-around; - margin-top: 20px; +blockquote p { + margin: 0; } -.card { - background: #f9f9f9; - border: 1px solid #ddd; - border-radius: 10px; - padding: 20px; - width: 30%; - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +.cta { text-align: center; - margin: 0 10px; - transition: transform 0.3s ease, box-shadow 0.3s ease; + background: #4a4e69; + color: white; + border-radius: 5px; } -.card:hover { - transform: translateY(-10px); - box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); +.cta-button { + display: inline-block; + padding: 10px 20px; + margin-top: 15px; + background: #ffffff; + color: #4a4e69; + text-decoration: none; + border-radius: 5px; + transition: background 0.3s, color 0.3s, transform 0.3s; } +.cta-button:hover { + background: #4a4e69; + color: white; + transform: translateY(-2px); +} -.card h3 { - color: #2C3E50; - margin-bottom: 10px; +footer { + text-align: center; + padding: 10px 0; + background: #4a4e69; + color: white; + position: relative; + bottom: 0; + width: 100%; } -.card p { - color: #555; - font-size: 1em; +footer nav ul { + list-style-type: none; + padding: 0; + margin: 10px 0 0 0; +} + +footer nav ul li { + display: inline; + margin: 0 15px; } -/* Responsive design for smaller screens */ -@media (max-width: 768px) { - .cards { - flex-direction: column; - align-items: center; - } +footer nav ul li a { + color: white; + text-decoration: none; + transition: color 0.3s; +} - .card { - width: 80%; - margin-bottom: 20px; - } -} \ No newline at end of file +footer nav ul li a:hover { + text-decoration: underline; + color: #d9d9d9; +} diff --git a/about.html b/about.html index f3be635..a19c2a9 100644 --- a/about.html +++ b/about.html @@ -1,231 +1,78 @@ - - - About Math 4 Python - - - - - - - - - - + About Math4Python - - +
+

About Math4Python

+ +
+ +
+
+

Why Math4Python Matters

+

In today’s data-driven world, understanding the synergy between math and programming is vital. Math4Python bridges this gap by offering:

+
+ +
+

Benefits of Math4Python

+
    +
  • Simplified Learning: Breaking down complex math concepts into easy-to-understand lessons that cater to both beginners and those sharpening their skills.
    • +
  • Real-World Applications: Showing how math operations are used in real-life programming scenarios like data processing and analysis.
    • +
  • Engaging Challenges: Offering interactive coding exercises that allow learners to apply their knowledge and build confidence.
    • +
+
+ +
+

Features

+
    +
  • Interactive Tutorials: Step-by-step lessons focused on core mathematical operations and their implementation in Python.
    • +
  • Practical Examples: Real-world coding examples that demonstrate the application of math in data-related tasks.
    • +
  • Quizzes & Challenges: Engaging exercises to solidify learners' understanding of Python's math operations.
    • +
  • Integrated Code Editor: A built-in coding environment that enables learners to practice right inside the lessons.
    • +
+
+ +
+

What Our Learners Say

+
+

"Math4Python transformed the way I understand programming! The tutorials are clear and engaging." - Jane D.

+
+
+

"As a beginner, I found the step-by-step approach incredibly helpful. I feel more confident in my coding skills!" - Mark S.

+
+
+ +
+

Ready to Start Your Learning Journey?

+

Join Math4Python today and unlock the power of Python programming through mathematical concepts!

+ Get Started Now +
+
-
- -

MathPyLearn

-
- -
- -
- -
- -
-
-
-
-
- - - - - -
- - - -
- -
- - - -
-

Our Mission

-

At Math 4 Python, we are dedicated to combining the power of Python programming with key mathematical - concepts. Our platform focuses on helping learners enhance their problem-solving skills through - interactive coding experiences that emphasize math applications.

-
-
-

Who Is It For?

-

Whether you are a beginner in Python or a math enthusiast looking to apply coding to real-world problems, - Math 4 Python offers an engaging and structured learning path. Our platform caters to students, - professionals, and hobbyists aiming to build or enhance their coding and mathematical skills.

-
- -
-

What We Offer

-
-
-

Interactive Lessons

-

Learn Python through hands-on coding exercises that reinforce key programming concepts.

-
-
-

Math-focused Challenges

-

Apply Python to solve mathematical problems and improve your coding and analytical abilities.

-
-
-

Real-time Feedback

-

Get instant feedback on your code to track your progress and stay on the right learning path.

-
-
-
- -
-

Why Choose Math 4 Python?

-

We provide a unique approach to learning by blending coding with math, offering practical, real-world - challenges that make the learning process engaging and effective.

- -
-

Our Mission

-

Welcome to Math 4 Python, where we blend the art of Python programming with the science of mathematics. Our mission is to provide a comprehensive learning platform that enhances your coding skills while deepening your understanding of mathematical concepts and problem-solving techniques.

-
-
-

What We Offer

-

At Math 4 Python, we offer a structured learning path that starts with the basics of Python programming and gradually incorporates complex mathematical problems. Our content includes interactive lessons, practical exercises, and real-world applications to help you master both coding and math.

-
-
-

Why Learn With Us?

-

Our unique approach combines theoretical knowledge with hands-on practice. By learning Python through mathematical problems, you gain a dual advantage: proficiency in a powerful programming language and a solid foundation in math. This combination is essential for careers in data science, engineering, finance, and more.

-
-
-

Contact Us

-

If you have any questions or would like more information, feel free to reach out to us at https://magicmath.co/.

- -
-
-
-
-

Math 4 Python

-

Enhance your Python skills while solving math-focused challenges. Learn, code, and improve through interactive lessons with real-time feedback.

-

contact@math4python.com

-

+123 456 7890

-
- -
-

Quick Links

- -
- - -
- -
-

© 2024 Math 4 Python. All Rights Reserved.

-
+

© 2024 Math4Python. All rights reserved.

+
- - - - - - - From 3dc8433d2058eee5a7a265d46e9223f8b152cd7c Mon Sep 17 00:00:00 2001 From: shubhambendkhale77 Date: Mon, 14 Oct 2024 20:59:31 +0530 Subject: [PATCH 2/3] challenge,about,learn pages bug resolved --- about.html | 138 +++++++++++++++++++++++++------------------------ challenge.html | 51 +++++------------- learn.html | 68 ++++++++---------------- 3 files changed, 107 insertions(+), 150 deletions(-) diff --git a/about.html b/about.html index f3be635..72d4a31 100644 --- a/about.html +++ b/about.html @@ -8,16 +8,14 @@ About Math 4 Python - - + - - + - - - - - +
-

MathPyLearn

- -
- -
- -
-
-
-
-
- - - -
- -
- -
- -

Our Mission

-

At Math 4 Python, we are dedicated to combining the power of Python programming with key mathematical - concepts. Our platform focuses on helping learners enhance their problem-solving skills through - interactive coding experiences that emphasize math applications.

+

At Math 4 Python, we are dedicated to combining the power of Python programming with key mathematical concepts. Our platform focuses on helping learners enhance their problem-solving skills through interactive coding experiences that emphasize math applications.

Who Is It For?

-

Whether you are a beginner in Python or a math enthusiast looking to apply coding to real-world problems, - Math 4 Python offers an engaging and structured learning path. Our platform caters to students, - professionals, and hobbyists aiming to build or enhance their coding and mathematical skills.

+

Whether you are a beginner in Python or a math enthusiast looking to apply coding to real-world problems, Math 4 Python offers an engaging and structured learning path. Our platform caters to students, professionals, and hobbyists aiming to build or enhance their coding and mathematical skills.

-

What We Offer

@@ -146,30 +164,16 @@

Real-time Feedback

-

Why Choose Math 4 Python?

-

We provide a unique approach to learning by blending coding with math, offering practical, real-world - challenges that make the learning process engaging and effective.

- -
-

Our Mission

-

Welcome to Math 4 Python, where we blend the art of Python programming with the science of mathematics. Our mission is to provide a comprehensive learning platform that enhances your coding skills while deepening your understanding of mathematical concepts and problem-solving techniques.

-
-
-

What We Offer

-

At Math 4 Python, we offer a structured learning path that starts with the basics of Python programming and gradually incorporates complex mathematical problems. Our content includes interactive lessons, practical exercises, and real-world applications to help you master both coding and math.

+

We provide a unique approach to learning by blending coding with math, offering practical, real-world challenges that make the learning process engaging and effective.

-
-

Why Learn With Us?

-

Our unique approach combines theoretical knowledge with hands-on practice. By learning Python through mathematical problems, you gain a dual advantage: proficiency in a powerful programming language and a solid foundation in math. This combination is essential for careers in data science, engineering, finance, and more.

-
-
-

Contact Us

-

If you have any questions or would like more information, feel free to reach out to us at https://magicmath.co/.

- +
+

Contact Us

+

If you have any questions or would like more information, feel free to reach out to us at https://magicmath.co/.

+
@@ -178,7 +182,6 @@

Math 4 Python

contact@math4python.com

+123 456 7890

-

Quick Links

    @@ -189,7 +192,6 @@

    Quick Links

  • FAQs
-
-

© 2024 Math 4 Python. All Rights Reserved.

- + + diff --git a/challenge.html b/challenge.html index b9930ab..bf99eaf 100644 --- a/challenge.html +++ b/challenge.html @@ -9,14 +9,11 @@ - - + - -
- +

MathPyLearn

- -
- -
- -
-
-
-
-
- - - - + +
+
+
+
+
- -

Python Challenges

Welcome to the challenges section! Test your skills with various coding challenges.

-

Challenge Progress

@@ -60,7 +45,6 @@

Challenge Progress

-
-

Challenge Description

Select a challenge from the list to view its description and instructions.

@@ -90,7 +73,6 @@

Math 4 Python

contact@math4python.com

+123 456 7890

-

Quick Links

    @@ -101,7 +83,6 @@

    Quick Links

  • FAQs
-
-

© 2024 Math 4 Python. All Rights Reserved.

- - + - diff --git a/learn.html b/learn.html index 65e3852..0178663 100644 --- a/learn.html +++ b/learn.html @@ -13,47 +13,35 @@ - - - -

MathPyLearn

-
- -
-
-
-
-
- - - - - -
- -
+ +
+
+
+
+
+ + + +
+
-
-

Python Lessons

Welcome to the Python lessons! Choose a lesson below to get started.

@@ -61,7 +49,6 @@

Python Lessons

-
-
- -
- + +

Code Input :

Output :

@@ -92,7 +77,6 @@

Output :

-
@@ -101,7 +85,6 @@

Output :

-

Lesson Progress

@@ -110,7 +93,6 @@

Lesson Progress

-
@@ -119,7 +101,6 @@

Math 4 Python

contact@math4python.com

+123 456 7890

-

Quick Links

    @@ -130,7 +111,6 @@

    Quick Links

  • FAQs
-
-

© 2024 Math 4 Python. All Rights Reserved.

- - - + + diff --git a/index.html b/index.html index 9db6f6d..b3d7e80 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ Math 4 Python - Learn and Challenge Your Math Skills - + @@ -72,7 +72,7 @@

Math 4 Python

Quick Links

-
    +
      l
    • Home
    • About
    • Learn
      • diff --git a/styles.css b/styles.css index c5a2b25..5c299de 100644 --- a/styles.css +++ b/styles.css @@ -506,4 +506,128 @@ body.dark-theme .cta-button:hover { #nav-top:hover { background-color: #555; - } \ No newline at end of file + } + + /* challenge.css*/ + /* General Styling */ +body { + font-family: 'Roboto', sans-serif; + margin: 0; + padding: 0; + box-sizing: border-box; + background-color: #f4f4f4; +} + +h1, h2, h3 { + font-family: 'Lobster', cursive; +} + +/* Navigation Bar */ +.navbar { + display: flex; + justify-content: space-between; + align-items: center; + background-color: #333; + color: white; + padding: 10px 20px; +} + +.nav-links { + display: flex; + gap: 15px; +} + +.nav-links a { + color: white; + text-decoration: none; +} + +.nav-links a.active { + border-bottom: 2px solid #ffd700; +} + +.hamburger { + display: none; + flex-direction: column; + gap: 5px; + cursor: pointer; +} + +.hamburger div { + width: 25px; + height: 2px; + background-color: white; +} + +/* Content Area */ +.content { + max-width: 1200px; + margin: 20px auto; + padding: 20px; +} + +.progress-container { + margin-bottom: 20px; +} + +.progress-bar { + background-color: #ddd; + border-radius: 10px; + width: 100%; + height: 10px; + position: relative; + overflow: hidden; +} + +.progress { + background-color: #00cc66; + height: 100%; + width: 0%; + transition: width 0.5s ease; +} + +/* Challenge List */ +.challenge-container { + display: flex; + justify-content: space-between; +} + +#challenge-list { + width: 45%; + list-style: none; + padding: 0; +} + +#challenge-list li { + margin: 10px 0; +} + +#challenge-list a { + text-decoration: none; + font-weight: bold; + color: #333; + transition: color 0.3s ease; +} + +#challenge-list a:hover { + color: #00cc66; +} + +/* Challenge Description */ +.challenge-description { + width: 50%; + padding: 20px; + background-color: white; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +footer { + background-color: #333; + color: white; + padding: 40px 20px; + text-align: center; +} + +/* Responsive Design */ +