From 28372b24da9861521fd7d0172fd7654c86ebd1d0 Mon Sep 17 00:00:00 2001
From: ajay-dhangar <ajaydhangar49@gmail.com>
Date: Sun, 19 May 2024 11:03:21 +0530
Subject: [PATCH] update nav bar

---
 courses/react-js/begginer-level/intro-to-react/lesson_3.md | 2 +-
 docusaurus.config.js                                       | 3 ++-
 src/css/custom.css                                         | 5 +++++
 static/icons/css.svg                                       | 1 +
 static/icons/html-5.svg                                    | 1 +
 5 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 static/icons/css.svg
 create mode 100644 static/icons/html-5.svg

diff --git a/courses/react-js/begginer-level/intro-to-react/lesson_3.md b/courses/react-js/begginer-level/intro-to-react/lesson_3.md
index 8bcabdb91..942c0c980 100644
--- a/courses/react-js/begginer-level/intro-to-react/lesson_3.md
+++ b/courses/react-js/begginer-level/intro-to-react/lesson_3.md
@@ -125,7 +125,7 @@ console.log('Hello, Node.js!');
 
 Save the file and open a terminal or command prompt in the same directory. Run the following command to execute the JavaScript code using Node.js:
 
-```bash title="Run hello.js with Node.js"
+```bash
 node hello.js
 ```
 
diff --git a/docusaurus.config.js b/docusaurus.config.js
index 13e5ff7ed..de4e3ab8e 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -109,7 +109,8 @@ const config = {
                 value: `<div class="dropdown">
                 <a class="dropbtn" href="/docs/"> Tutorials </a>
                 <div class="dropdown-content">
-                  <a href="/docs/category/html/">HTML, </a>
+                  <a href="/docs/category/html/" class="nav__icons" > <img src="/icons/html-5.svg" alt="HTML" /> </a>
+                  <a href="/docs/" class="nav__icons" > <img src="/icons/css.svg" alt="CSS" /> </a>
                   <a href="/docs/category/javascript/">JavaScript, </a>
                   <a href="/docs/category/react/">React</a>                  
                 </div>
diff --git a/src/css/custom.css b/src/css/custom.css
index 53948a254..790bd3546 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -316,4 +316,9 @@ table, tr, td, th {
 .dropdown-content {
   min-width: 100px;
   margin: 2px 5px;
+}
+
+.nav__icons img {
+  width: 30px;
+  height: 30px;
 }
\ No newline at end of file
diff --git a/static/icons/css.svg b/static/icons/css.svg
new file mode 100644
index 000000000..5c6c1dc36
--- /dev/null
+++ b/static/icons/css.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#0277BD" d="M41,5H7l3,34l14,4l14-4L41,5L41,5z"/><path fill="#039BE5" d="M24 8L24 39.9 35.2 36.7 37.7 8z"/><path fill="#FFF" d="M33.1 13L24 13 24 17 28.9 17 28.6 21 24 21 24 25 28.4 25 28.1 29.5 24 30.9 24 35.1 31.9 32.5 32.6 21 32.6 21z"/><path fill="#EEE" d="M24,13v4h-8.9l-0.3-4H24z M19.4,21l0.2,4H24v-4H19.4z M19.8,27h-4l0.3,5.5l7.9,2.6v-4.2l-4.1-1.4L19.8,27z"/></svg>
\ No newline at end of file
diff --git a/static/icons/html-5.svg b/static/icons/html-5.svg
new file mode 100644
index 000000000..69651ad12
--- /dev/null
+++ b/static/icons/html-5.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#E65100" d="M41,5H7l3,34l14,4l14-4L41,5L41,5z"/><path fill="#FF6D00" d="M24 8L24 39.9 35.2 36.7 37.7 8z"/><path fill="#FFF" d="M24,25v-4h8.6l-0.7,11.5L24,35.1v-4.2l4.1-1.4l0.3-4.5H24z M32.9,17l0.3-4H24v4H32.9z"/><path fill="#EEE" d="M24,30.9v4.2l-7.9-2.6L15.7,27h4l0.2,2.5L24,30.9z M19.1,17H24v-4h-9.1l0.7,12H24v-4h-4.6L19.1,17z"/></svg>
\ No newline at end of file