Skip to content

Commit

Permalink
ALIGN FAQs SECTION
Browse files Browse the repository at this point in the history
  • Loading branch information
@Dishika18
Dishika18 committed Oct 15, 2024
1 parent cb49da3 commit cf8c39a
Show file tree
Hide file tree
Showing 5 changed files with 204 additions and 138 deletions.
77 changes: 15 additions & 62 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,78 +117,31 @@
</head>

<body>
<header>
<h1>About Math4Python</h1>
<nav>
<ul>
<li><a href="#intro">Why Math4Python</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#cta">Get Started</a></li>
</ul>
</nav>
</header>

<main>
<section id="intro" class="intro">
<h2>Why Math4Python Matters</h2>
<p>In today’s data-driven world, understanding the synergy between math and programming is vital. Math4Python bridges this gap by offering:</p>
</section>

<section id="benefits" class="benefits">
<h3>Benefits of Math4Python</h3>
<ul>
<li><strong>Simplified Learning:</strong> Breaking down complex math concepts into easy-to-understand lessons that cater to both beginners and those sharpening their skills.</li>
<li><strong>Real-World Applications:</strong> Showing how math operations are used in real-life programming scenarios like data processing and analysis.</li>
<li><strong>Engaging Challenges:</strong> Offering interactive coding exercises that allow learners to apply their knowledge and build confidence.</li>
</ul>
</section>

<section id="features" class="features">
<h3>Features</h3>
<ul>
<li><strong>Interactive Tutorials:</strong> Step-by-step lessons focused on core mathematical operations and their implementation in Python.</li>
<li><strong>Practical Examples:</strong> Real-world coding examples that demonstrate the application of math in data-related tasks.</li>
<li><strong>Quizzes & Challenges:</strong> Engaging exercises to solidify learners' understanding of Python's math operations.</li>
<li><strong>Integrated Code Editor:</strong> A built-in coding environment that enables learners to practice right inside the lessons.</li>
</ul>
</section>

<section id="testimonials" class="testimonials">
<h3>What Our Learners Say</h3>
<blockquote>
<p>"Math4Python transformed the way I understand programming! The tutorials are clear and engaging." - <strong>Jane D.</strong></p>
</blockquote>
<blockquote>
<p>"As a beginner, I found the step-by-step approach incredibly helpful. I feel more confident in my coding skills!" - <strong>Mark S.</strong></p>
</blockquote>
</section>

<section id="cta" class="cta">
<h3>Ready to Start Your Learning Journey?</h3>
<p>Join Math4Python today and unlock the power of Python programming through mathematical concepts!</p>
<a href="signup.html" class="cta-button">Get Started Now</a>
</section>
</main>

<div class="navbar">

<div class="navbar">
<h1 class="title">MathPyLearn</h1>
<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>
<!-- Hamburger Menu for Mobile -->
<div class="hamburger" id="hamburger">
<div></div>
<div></div>
<div></div>
</div>
<!-- Navbar Links -->
<div class="nav-links" id="nav-links">
<a href="index.html">Home</a>
<a href="about.html" class="active">About</a>
<a href="learn.html">Learn</a>
<a href="challenge.html">Challenge</a>
<a href="faq.html">FAQs</a>
</div>
<!-- Theme Toggle -->
<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>
</div>

<div class="container">
<div class="banner">
<h1>About Math 4 Python</h1>
Expand Down
22 changes: 12 additions & 10 deletions challenge.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,24 +16,26 @@

<div class="navbar">
<h1 class="title">MathPyLearn</h1>
<div class="theme-toggle-wrapper">
<button id="theme-toggle" style="cursor: pointer;">
<i class="fas fa-sun"></i>
<i class="fas fa-moon"></i>
</button>
<!-- Hamburger Menu for Mobile -->
<div class="hamburger" id="hamburger">
<div></div>
<div></div>
<div></div>
</div>
<!-- Navbar Links -->
<div class="nav-links" id="nav-links">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="learn.html">Learn</a>
<a href="challenge.html" class="active">Challenge</a>
<a href="faq.html">FAQs</a>
</div>
<!-- Hamburger Menu for Mobile -->
<div class="hamburger" id="hamburger">
<div></div>
<div></div>
<div></div>
<!-- Theme Toggle -->
<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>
</div>

Expand Down
Loading

0 comments on commit cf8c39a

Please sign in to comment.