diff --git a/about.html b/about.html index b075add..f806f54 100644 --- a/about.html +++ b/about.html @@ -9,6 +9,8 @@ + + @@ -69,6 +71,19 @@ + +
+ +

MathPyLearn

+
+ +
+ +
+
@@ -85,16 +100,17 @@ Challenge FAQs
-
- -
- + +
+ + +
+
+ diff --git a/challenge.html b/challenge.html index 4bc7617..451860f 100644 --- a/challenge.html +++ b/challenge.html @@ -8,9 +8,24 @@ + + + +
+ +

MathPyLearn

+
+ +
+ +
+
@@ -27,15 +42,12 @@ Challenge FAQs
-
- -
- + +
+

Python Challenges

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

diff --git a/faq.html b/faq.html index 0474202..da386a4 100644 --- a/faq.html +++ b/faq.html @@ -9,9 +9,24 @@ + + + +
+ +

MathPyLearn

+
+ +
+ +
+
@@ -22,21 +37,19 @@ -
- -
- + +
+

Frequently Asked Questions

diff --git a/index.html b/index.html index b5cf775..292f940 100644 --- a/index.html +++ b/index.html @@ -13,12 +13,30 @@ + + + + +
+ + + +

MathPyLearn

+
+ +
+
+
@@ -28,12 +46,17 @@ + + + +
+ + +
+ Home + About + Learn + Challenge + FAQs +
+ + +
+ +
+
+

Python Lessons

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

diff --git a/styles.css b/styles.css index 77efcb9..4ecc23a 100644 --- a/styles.css +++ b/styles.css @@ -24,22 +24,35 @@ body { .nav-links { display: flex; - gap: 1rem; + gap: 6rem; +} +.title { + color: black; + font-family: 'Lobster', cursive; + font-size: 40px; + margin-left: 15px; /* Adjust this margin as per your layout */ + margin-top: 8px; + position: relative; /* Use relative positioning to keep it in normal flow */ + top: 0; } +.theme-toggle-wrapper { + margin-left: 600px; /* Push to the right */ +} .navbar a { - color: #ecf0f1; + color: #050c0e; text-decoration: none; padding: 0.5rem 1rem; - font-size: 1rem; + font-size: 25px; font-weight: 500; border-radius: 4px; transition: background-color 0.3s, color 0.3s; + font-family: 'Lobster', cursive; } .navbar a:hover, .navbar a.active { background-color: #34495e; - color: #3498db; + color: #e4e8eb; } /* Logo */ @@ -47,6 +60,7 @@ body { height: 40px; width: auto; transition: transform 0.3s ease; + border: 2px solid black; } .navbar .logo img:hover {