add new course

Author: devsdenepal

src/App.css

@@ -53,3 +53,6 @@ background: rgb(186 22 163) !important;
 .search-expanded .form-control {
   width: 300px; /* You can adjust this width */
 }
+.btn{
+  background-color: rgb(186 22 163) !important;
+}

src/components/Navbar.jsx

@@ -111,7 +111,7 @@ function Navbar({ loggedin }) {
                   </ul>
                 )}
               </div>
-              <span><Link className="btn btn-primary clk rounded-circle" to="/profile"><i className="fa-regular fa-user"></i></Link> Profile</span>
+              <span><Link className="btn clk rounded-circle" to="/profile"><i className="fa-regular fa-user"></i></Link> Profile</span>
             </div>
           ) : (
             <Link className="btn btn-primary clk" to="/login">Sign up</Link>

src/components/courseData.js

@@ -557,19 +557,19 @@ const courses = {
       \n- Basic programming concepts and logic
       \n- Writing your first code in Python
       \n- Problem-solving strategies
-    `,
-      'course 34: getting started with cli': {
-    title: 'Course 34: Getting Started with CLI',
-    author: 'Dev Gautam Kumar',
-    image: 'https://dummyimage.com/600x400/FF9800/fff&text=CLI+PART+1', // Orange for creativity
-    description: 'Kick your journey with CLI',
-    ytb_vid: 'B4b9pX1lqU4',
-    content: `
-    \nA command line interface (CLI) is a text-based user interface used to interact with a computer system. 
+    `},
+    'course 34: getting started with cli': {
+      title: 'Course 34: Getting Started with CLI',
+      author: 'Dev Gautam Kumar',
+      image: 'https://dummyimage.com/600x400/FF9800/fff&text=CLI+PART+1', // Orange for creativity
+      description: 'Kick your journey with CLI',
+      ytb_vid: 'B4b9pX1lqU4',
+      content: `
+    \nA <code>command line interface (CLI)</code> is a text-based user interface used to interact with a computer system. 
     \nIt uses commands to perform tasks, such as creating files or installing programs. 
     \nCLIs are useful for automation and troubleshooting, and they can be more efficient than graphical user interfaces (GUIs) for certain tasks. 
     \nThey were commonly used in the past with systems like Unix, MS-DOS, and Apple DOS, and are still used today by software developers and system administrators.
     `,
-  },
-};
-export default courses;
+    },
+  };
+  export default courses;

src/components/profile.jsx

@@ -50,7 +50,7 @@ function Profile() {
             {/* <p>Last Name: {userDetails.lastName}</p> */}
 
           </div>
-          <button className="btn btn-primary" onClick={handleLogout}>
+          <button className="btn" onClick={handleLogout}>
             <i className="fa-solid fa-right-from-bracket"></i> Logout
           </button>
         </>