Merge branch 'CodeHarborHub:main' into main

Author: iamanolive

docs/cpp/02_Basic_Syntax_and_Structure/02_Variables_and_Data_Types.md renamed to docs/cpp/basic-syntax-and-structure/02_Variables_and_Data_Types.md

@@ -1,7 +1,7 @@
 ---
 id: cpp-syntax-basics
-title: C++ Syntax Basics
-sidebar_label: C++ Syntax Basics
+title: Basics Syntax and Structure of C++ 
+sidebar_label: Syntax and Structure
 sidebar_position: 1
 tags:
   [

docs/cpp/02_Basic_Syntax_and_Structure/03_Operators_and_Expressions.md renamed to docs/cpp/basic-syntax-and-structure/03_Operators_and_Expressions.md

@@ -3,6 +3,6 @@ id: what-is-cpp
 title: What is C++?
 sidebar_label: What is C++?
 sidebar_position: 1
-tags: [c++, what-is-c++, introduction-to-c++]
+tags: [c++, what is c++, introduction to c++]
 description: In this tutorial, you will learn about the C++ programming language, what it is, its features, and its applications.
 ---

docs/cpp/02_Basic_Syntax_and_Structure/_category_.json renamed to docs/cpp/basic-syntax-and-structure/_category_.json

@@ -3,6 +3,6 @@ id: why-learn-cpp
 title: Why Learn C++?
 sidebar_label: Why Learn C++?
 sidebar_position: 2
-tags: [c++, why-learn-c++]
+tags: [c++, why learn c++]
 description: In this tutorial, you will learn about the many applications of the C++ programming language and the benefits of learning it.
 ---

docs/cpp/02_Basic_Syntax_and_Structure/01_Cpp_Syntax_Basics.md renamed to docs/cpp/basic-syntax-and-structure/cpp-syntax-basics.md

@@ -2,7 +2,7 @@
 id: creating-tables
 title: Creating Tables in HTML
 sidebar_label: Creating Tables
-sidebar_position: 1
+sidebar_position: 2
 tags: [html, web-development, tables]
 description: In this tutorial, you will learn how to create tables in HTML. Tables are used to display data in rows and columns, making it easier to organize and present information on web pages.
 ---

docs/cpp/01_Introduction_to_Cpp/_category_.json renamed to docs/cpp/introduction-to-cpp/_category_.json

@@ -2,7 +2,7 @@
 id: html-tables
 title: HTML Tables
 sidebar_label: HTML Tables
-sidebar_position: 2
+sidebar_position: 1
 tags: [html, tables, web development, markup language, structure, data presentation, web design, web pages, websites, table attributes, table structure]
 description: This guide will introduce you to HTML tables, their importance, and how to use them to organize data on web pages. You'll learn about creating tables, structuring rows and columns, and customizing tables with HTML attributes.
 ---

docs/cpp/01_Introduction_to_Cpp/03_Setting_up_Your_Cpp_Environment.md renamed to docs/cpp/introduction-to-cpp/setting-up-your-cpp-environment.md

@@ -2,7 +2,7 @@
 id: table-attributes
 title: Table Attributes in HTML
 sidebar_label: Table Attributes
-sidebar_position: 3
+sidebar_position: 4
 tags: [html, web-development, table-attributes, tables]
 description: In this tutorial, you will learn about table attributes in HTML. Table attributes define the appearance, behavior, and structure of tables on web pages.
 ---

docs/cpp/01_Introduction_to_Cpp/01_What_is_Cpp.md renamed to docs/cpp/introduction-to-cpp/what-is-cpp.md

@@ -2,7 +2,7 @@
 id: table-structure
 title: Table Structure in HTML
 sidebar_label: Table Structure
-sidebar_position: 2
+sidebar_position: 3
 tags: [html, web-development, tables, table-structure]
 description: In this tutorial, you will learn about the structure of tables in HTML. Tables are used to display data in rows and columns, making it easier to organize and present information on web pages.
 ---

docs/cpp/01_Introduction_to_Cpp/02_Why_Learn_Cpp.md renamed to docs/cpp/introduction-to-cpp/why-learn-cpp.md

@@ -7,9 +7,7 @@ tags: [html, web-development, headings]
 description: In this tutorial, you will learn about headings in HTML. Headings are used to define the structure of a web page and are used to provide a hierarchy of information.
 ---
 
-# Heading into HTML: A Comprehensive Guide to HTML Headings
-
-Hello, fellow web adventurers! Today, we’re setting off on an exciting journey to explore one of the fundamental building blocks of HTML: headings. Whether you’re a coding novice or a seasoned developer, understanding how to use headings effectively can transform your web pages from bland to grand. So, grab a comfy seat, maybe a snack, and let’s dive headfirst into the world of HTML headings.
+Today, we’re setting off on an exciting journey to explore one of the fundamental building blocks of HTML: headings. Whether you’re a coding novice or a seasoned developer, understanding how to use headings effectively can transform your web pages from bland to grand. So, grab a comfy seat, maybe a snack, and let’s dive headfirst into the world of HTML headings.
 
 ## What Are Headings?
 
@@ -32,24 +30,38 @@ Here’s a quick look at each heading level:
 
 Creating headings in HTML is straightforward. Here’s an example of how to use each heading level:
 
-```html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>HTML Headings Example</title>
-</head>
-<body>
-  <h1>This is an H1 Heading</h1>
-  <h2>This is an H2 Heading</h2>
-  <h3>This is an H3 Heading</h3>
-  <h4>This is an H4 Heading</h4>
-  <h5>This is an H5 Heading</h5>
-  <h6>This is an H6 Heading</h6>
-</body>
-</html>
-```
+<Tabs>
+    <TabItem value="HTML">
+     ```html
+      <!DOCTYPE html>
+      <html lang="en">
+       <head>
+         <meta charset="UTF-8">
+         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+         <title>HTML Headings Example</title>
+        </head>
+        <body>
+         <h1>This is an H1 Heading</h1>
+         <h2>This is an H2 Heading</h2>
+         <h3>This is an H3 Heading</h3>
+         <h4>This is an H4 Heading</h4>
+         <h5>This is an H5 Heading</h5>
+         <h6>This is an H6 Heading</h6>
+       </body>
+      </html>
+     ```
+    </TabItem>
+    <TabItem value="Output">
+    <BrowserWindow url ="http://127.0.0.1:5500/index.html">
+        <h1>This is an H1 Heading</h1>
+        <h2>This is an H2 Heading</h2>
+        <h3>This is an H3 Heading</h3>
+        <h4>This is an H4 Heading</h4>
+        <h5>This is an H5 Heading</h5>
+        <h6>This is an H6 Heading</h6>
+    </BrowserWindow>
+    </TabItem>
+</Tabs>
 
 In this example, each heading level is displayed, showing the hierarchical structure and relative size differences.
 

docs/html/tables/creating-tables.md

@@ -1,15 +1,13 @@
 ---
 id: paragraphs
-title: The Art of the HTML Paragraph
+title: The Paragraph in HTML
 sidebar_label: Paragraphs
 sidebar_position: 2
 tags: [html, web-development, paragraphs]
 description: In this tutorial, you will learn about paragraphs in HTML. Paragraphs are used to group text content together and are used to separate different sections of a web page.
 ---
 
-# The Art of the HTML Paragraph: Crafting Text with Precision and Flair
-
-Welcome, web wizards and aspiring developers! Today, we're going to dive into the fundamental yet fascinating world of HTML paragraphs. Think of paragraphs as the building blocks of your web content—each one a mini masterpiece that, when combined, forms the symphony of your webpage. Whether you’re a newbie or a seasoned coder, understanding the power and versatility of the `<p>` tag is essential. So, let’s embark on this journey to master the art of the HTML paragraph!
+Today, we're going to dive into the fundamental yet fascinating world of HTML paragraphs. Think of paragraphs as the building blocks of your web content—each one a mini masterpiece that, when combined, forms the symphony of your webpage. Whether you’re a newbie or a seasoned coder, understanding the power and versatility of the `<p>` tag is essential. So, let’s embark on this journey to master the art of the HTML paragraph!
 
 ## What Are HTML Paragraphs?
 

docs/html/html-tables.md renamed to docs/html/tables/html-tables.md

@@ -7,9 +7,7 @@ tags: [html, web-development, text-formatting, formatting]
 description: In this tutorial, you will learn about text formatting in HTML. Text formatting is used to style text content on a web page, such as making text bold, italic, or underlined.
 ---
 
-# The Magic of Text Formatting in HTML: Make Your Content Pop!
-
-Hey there, web adventurers! Welcome back to another exciting blog post, where today, we’re going to delve into the enchanting world of text formatting in HTML. If you've ever felt that your web content was lacking that extra bit of pizzazz, then this is the guide for you. We’ll explore what text formatting is, how to use it in your code, and when it’s appropriate to sprinkle some formatting magic on your text. So, put on your wizard hat, and let’s start casting some HTML spells!
+Welcome back to another exciting blog post, where today, we’re going to delve into the enchanting world of text formatting in HTML. If you've ever felt that your web content was lacking that extra bit of pizzazz, then this is the guide for you. We’ll explore what text formatting is, how to use it in your code, and when it’s appropriate to sprinkle some formatting magic on your text. So, put on your wizard hat, and let’s start casting some HTML spells!
 
 ## What is Text Formatting?
 

docs/html/tables/table-attributes.md

@@ -273,7 +273,7 @@ const config = {
               },
               {
                 label: "Contact",
-                to: "#",
+                to: "/contact/",
               },
               {
                 label: "Careers",