Can some help me out with this project I am lacking in 4 to 5 places

Tell us what’s happening:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Build a Technical Documentation Page

Link to the challenge:

Please post your code. Copy and paste it from the editor into where it tells you to in your forum post.

type or paste code here
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Technical Documentation</title>
    <link rel="stylesheet" href="./styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
  </head>
  <body>
    <main id="main-doc">
   <section  id="header-section">
     <nav id="navbar">
     <header id="header">
       <h2 id="head-of-Documentation">Python Documentation</h2>
       <ul id="header-ul">
         <li><a class="nav-link" href="#Introduction">Introduction</a></li>
         <li><a  class="nav-link" href="#head-python-can-do">Python can do</a></li>
         <li><a class="nav-link" href="#head-hello-world">Hello world</a></li>
         <li><a class="nav-link" href="#head-of-variables">Variable</a></li>
         <li><a class="nav-link" href="#head_data_type">Data Types</a></li>
         <li><a class="nav-link" href="#head_if_else">Python If ... Else</a></li>
         <li><a class="nav-bar" href="#head_of_loops">Loops</a></li>
         <li><a class="nav-bar" href="#head_of_whileloops">While loops</a></li>
         <li><a class="nav-bar" href="#head_of_forloops">For loops</a></li>
         <li><a class="nav-bar" href="#function">Function</a></li>
       </ul>
     </nav>
     </header></section>
   <section id="Introduction" class="main-section">
     <header>Introduction to python</header>
     <article>
     <p id="para_of_Introduction" >Python has a simple syntax similar to the English language. Python has syntax that allows developers to write programs with fewer lines than some other programming languages. Python runs on an interpreter system, meaning that code can be executed as soon as it is written.This means that prototyping can be very quick
<p>It is used for:</p>
  <ul id="list-of-uses">
    <li>web development (server-side)</li>
    <li>software development,</li>
    <li>mathematics,</li>
    <li>system scripting</li>
  </ul>
  </p>
  </article>
   </section>
   <section id="head-python-can-do" class="main-section">
     <header>What can Python do?</header>
     <article>
    <ul id="info-python-can-do">
      <li>Python can be used on a server to create web applications.</li>
      <li>Python can be used alongside software to create workflows.</li>
      <li>Python can connect to database systems. It can also read and modify files.</li>
      <li>Python can be used to handle big data and perform complex mathematics.</li>
      <li>Python can be used for rapid prototyping, or for production-ready software development.</li>
    </ul>
    </article>
   </section>
   <section id="head-hello-world"class="main-section">
     <header>Hello world</header>
     <article>
     <p id="body-hello-world">To get started with writing Python, open the terminal and write your first "Hello world" Python code:</p>
     <code id="code-hello-world">print("Hello, World!")</code>
     <p id="2body-hello-world" class="code">Hit Ctrl+R to run the Fist ever programe of Python </p>
   </section>
   <section id="head-of-variables" class="main-section">
     <header>Variables</header>
     <ul id="body-of-variables">
       <li>Python has no command for declaring a variable.</li>
<li>A variable is created the moment you first assign a value to it.</li>
<li>Variables do not need to be declared with any particular type, and can even change type after they have been set.</li>
<li>You can also type cast the variable with type() function</li>
     </ul>
     </article>
   </section>
   <section id="head_data_type" class="main-section">
     <header>Data type</header>
     <article>
     <p id="body_of_datatype">In programming, data type is an important concept.

Variables can store data of different types, and different types can do different things.

Python has the following data types built-in by default, in these categories:</p>
<ul id="list_of_datatype">
  <li>Text Type:	str</li>
  <li>Numeric Types:	int, float, complex</li>
  <li>Sequence Types:	list, tuple, range</li>
  <li>Mapping Type:	dict</li>
  <li>Set Types:	set, frozenset</li>
  <li>Boolean Type:	bool</li>
  <li>Binary Types:	bytes, bytearray, memoryview</li>
  <li>None Type:	NoneType</li>
<ul>
<p id="2body_of_datatype">Although these data types are a relatively small amount, they enable you to perform useful functions with your applications. Objects and functions are the other fundamental elements in the language. You can think of objects as named containers for values, and functions as procedures that your application can perform.</p>
   </article>
   </section>
<section id="head_if_else"class="main-section">
  <article>
<header>Python If ... Else</header>
<p id="body_of_ifelse">Use the if statement to execute a statement if a logical condition is true. Use the optional else clause to execute a statement if the condition is false. An if statement looks as follows:</p>
<code class="code">
a = 33<br>
b = 200<br>
if b > a:<pre>  print("b is greater than a")</pre>
</code>
<h4 id="head_of_ifelse">Indentation</h4>
<p id="2body_of_ifelse">Python relies on indentation (whitespace at the beginning of a line) to define scope in the code. Other programming languages often use curly-brackets for this purpose.</p>
<code class="code">
a = 33<br>
b = 200<br>
if b > a:<br>
print("b is greater than a") # you will get an error
</code>
<h4 id="2head_of_ifelse">Elif</h4>
<p id="2body_of_ifelse">The elif keyword is pythons way of saying "if the previous conditions were not true, then try this condition".</p>
<code class="code">
a = 33<br>
b = 33<br>
if b > a:<br>
<pre>  print("b is greater than a")</pre>
elif a == b:<br>
<pre>  print("a and b are equal")</pre>
</code>
<h4 id="2head_of_ifelse" >Else</h4>
<p id="3body_of_ifelse">The else keyword catches anything which isn't caught by the preceding conditions.</p>
<code class="code">
a = 200<br>
b = 33<br>
if b > a:<br>
<pre>  print("b is greater than a")</pre>
elif a == b:<br>
<pre>  print("a and b are equal")</pre>
else:<br>
<pre>  print("a is greater than b")</pre>
</code>
</article>
</section>
<section id="head_of_loops" class="main-section">
  <header>Loops</header>
  <article>
  <p id="body_of_loops">Python has two primitive loop commands:</p>
  <ul>
    <li>While loops</li>
    <li>For loops</li>
  </ul>
  </article>
</section>
<section id="head_of_whileloops" class="main-section">
  <header>While Loops</header>
  <article>
  <p>With the while loop we can execute a set of statements as long as a condition is true</p>
  <code>i = 1<br>
while i < 6:<br>
  print(i)<br>
  i += 1<br></code>
  <p>The while loop requires relevant variables to be ready, in this example we need to define an indexing variable, i, which we set to 1.
</p>
<h4>Break Statement</h4>
<p>With the break statement we can stop the loop even if the while condition is true:</p>
<code>i = 1<br>
while i < 6:<br>
  print(i)<br>
  if i == 3:<br>
    break<br>
  i += 1<br>
  </code>
  </article>
</section>
<section id="head_of_forloops" class="main-section">
  <header>For Loops</header>
  <article>
   <p>A for loop is used for iterating over a sequence (that is either a list, a tuple, a dictionary, a set, or a string).

This is less like the for keyword in other programming languages, and works more like an iterator method as found in other object-orientated programming languages.

With the for loop we can execute a set of statements, once for each item in a list, tuple, set etc.</p>
<code>fruits = ["apple", "banana", "cherry"]<br>
for x in fruits:<br>
  print(x)<br>
  </code>
  <h4>The range() Function</h4>
  <p>To loop through a set of code a specified number of times, we can use the range() function,
The range() function returns a sequence of numbers, starting from 0 by default, and increments by 1 (by default), and ends at a specified number.</p>
<code>for x in range(6):<br>
  print(x)<br></code>
</article>
</section>
<section id="function" class="main-section">
  <header>Python Functions</header>
  <p>A function is a block of code which only runs when it is called.
You can pass data, known as parameters, into a function.
A function can return data as a result.</p>
<h4>Creating a Function</h4>
<p>In Python a function is defined using the def keyword:</p>
<code>
  def my_function():<br>
  print("Hello from a function")<br>
  </code>
  <h4>Calling a Function</h4>
  <p>To call a function, use the function name followed by parenthesis:</p>
  <code>
    def my_function():<br>
<pre>  print("Hello from a function")</pre>
my_function()<br>
  </code>
</section>
    </main>
  </body>
</html>

If you can plzz help me out with this the it will be great for me

First, validate your HTML and fix the errors.


The first child of each .main-section should be a header element.

In the editor select the first main-section class and press Ctrl + F now with that highlighted scroll to each section and make sure the first element inside each of the sections is a header element.


Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.

The ids on the main-section sections should match the header text. For example, here they do not match.

<section id="Introduction" class="main-section">
  <header>Introduction to python</header>

When correcting this keep in mind that the href on the links should match the section ids as well.


You should have the same number of .nav-link and .main-section elements.

Check the class on your links.


Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”).

The link text and header text should match. For example, here they do not match.

<li><a class="nav-link" href="#Introduction">Introduction</a></li>

<section id="Introduction" class="main-section">
  <header>Introduction to python</header>

Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

Check the class on your links.


Your Technical Documentation project should use at least one media query.

You have not posted any CSS, as long as you do not have any CSS this can’t pass.

I am not able to solve the problem of last 3rd one can you plzz solve for me in my code
it will complete my project

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Technical Documentation</title>
    <link rel="stylesheet" href="./styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
  </head>
  <body>
    <main id="main-doc">
   <section  id="header-section">
     <nav id="navbar">
     <header id="header">
       <h2 id="head-of-Documentation">Python Documentation</h2>
       <ul id="header-ul">
         <li><a class="nav-link" href="#Introduction_to_python">Introduction to python</a></li>
         <li><a  class="nav-link" href="#What_can_Python_do?">What can Python do?</a></li>
         <li><a class="nav-link" href="#Hello_world">Hello world</a></li>
         <li><a class="nav-link" href="#Variables">Variable</a></li>
         <li><a class="nav-link" href="#Data_type">Data types</a></li>
         <li><a class="nav-link" href="#Python_If_..._Else">Python If ... Else</a></li>
         <li><a class="nav-link" href="#Loops">Loops</a></li>
         <li><a class="nav-link" href="#While_Loops">While loops</a></li>
         <li><a class="nav-link" href="#For_Loops">For loops</a></li>
         <li><a class="nav-link" href="#Python_Functions">Python Functions</a></li>
       </ul>
     </nav>
     </header></section>
   <section id="Introduction_to_python" class="main-section">
     <header>Introduction to python</header>
     <article>
     <p id="para_of_Introduction" >Python has a simple syntax similar to the English language. Python has syntax that allows developers to write programs with fewer lines than some other programming languages. Python runs on an interpreter system, meaning that code can be executed as soon as it is written.This means that prototyping can be very quick
<p>It is used for:</p>
  <ul id="list-of-uses">
    <li>web development (server-side)</li>
    <li>software development,</li>
    <li>mathematics,</li>
    <li>system scripting</li>
  </ul>
  </p>
  </article>
   </section>
   <section id="What_can_Python_do?" class="main-section">
     <header>What can Python do?</header>
     <article>
    <ul id="info-python-can-do">
      <li>Python can be used on a server to create web applications.</li>
      <li>Python can be used alongside software to create workflows.</li>
      <li>Python can connect to database systems. It can also read and modify files.</li>
      <li>Python can be used to handle big data and perform complex mathematics.</li>
      <li>Python can be used for rapid prototyping, or for production-ready software development.</li>
    </ul>
    </article>
   </section>
   <section id="Hello_world"class="main-section">
     <header>Hello world</header>
     <article>
     <p id="body-hello-world">To get started with writing Python, open the terminal and write your first "Hello world" Python code:</p>
     <code id="code-hello-world">print("Hello, World!")</code>
     <p id="2body-hello-world" class="code">Hit Ctrl+R to run the Fist ever programe of Python </p>
   </section>
   <section id="Variables" class="main-section">
     <header>Variables</header>
     <ul id="body-of-variables">
       <li>Python has no command for declaring a variable.</li>
<li>A variable is created the moment you first assign a value to it.</li>
<li>Variables do not need to be declared with any particular type, and can even change type after they have been set.</li>
<li>You can also type cast the variable with type() function</li>
     </ul>
     </article>
   </section>
   <section id="Data_type" class="main-section">
     <header>Data type</header>
     <article>
     <p id="body_of_datatype">In programming, data type is an important concept.

Variables can store data of different types, and different types can do different things.

Python has the following data types built-in by default, in these categories:</p>
<ul id="list_of_datatype">
  <li>Text Type:	str</li>
  <li>Numeric Types:	int, float, complex</li>
  <li>Sequence Types:	list, tuple, range</li>
  <li>Mapping Type:	dict</li>
  <li>Set Types:	set, frozenset</li>
  <li>Boolean Type:	bool</li>
  <li>Binary Types:	bytes, bytearray, memoryview</li>
  <li>None Type:	NoneType</li>
<ul>
<p id="2body_of_datatype">Although these data types are a relatively small amount, they enable you to perform useful functions with your applications. Objects and functions are the other fundamental elements in the language. You can think of objects as named containers for values, and functions as procedures that your application can perform.</p>
   </article>
   </section>
<section id="Python_If_..._Else"class="main-section">
<header>Python If ... Else</header>
 <article>
<p id="body_of_ifelse">Use the if statement to execute a statement if a logical condition is true. Use the optional else clause to execute a statement if the condition is false. An if statement looks as follows:</p>
<code class="code">
a = 33<br>
b = 200<br>
if b > a:<pre>  print("b is greater than a")</pre>
</code>
<h4 id="head_of_ifelse">Indentation</h4>
<p id="2body_of_ifelse">Python relies on indentation (whitespace at the beginning of a line) to define scope in the code. Other programming languages often use curly-brackets for this purpose.</p>
<code class="code">
a = 33<br>
b = 200<br>
if b > a:<br>
print("b is greater than a") # you will get an error
</code>
<h4 id="2head_of_ifelse">Elif</h4>
<p id="2body_of_ifelse">The elif keyword is pythons way of saying "if the previous conditions were not true, then try this condition".</p>
<code class="code">
a = 33<br>
b = 33<br>
if b > a:<br>
<pre>  print("b is greater than a")</pre>
elif a == b:<br>
<pre>  print("a and b are equal")</pre>
</code>
<h4 id="2head_of_ifelse" >Else</h4>
<p id="3body_of_ifelse">The else keyword catches anything which isn't caught by the preceding conditions.</p>
<code class="code">
a = 200<br>
b = 33<br>
if b > a:<br>
<pre>  print("b is greater than a")</pre>
elif a == b:<br>
<pre>  print("a and b are equal")</pre>
else:<br>
<pre>  print("a is greater than b")</pre>
</code>
</article>
</section>
<section id="Loops" class="main-section">
  <header>Loops</header>
  <article>
  <p id="body_of_loops">Python has two primitive loop commands:</p>
  <ul>
    <li>While loops</li>
    <li>For loops</li>
  </ul>
  </article>
</section>
<section id="While_Loops" class="main-section">
  <header>While Loops</header>
  <article>
  <p>With the while loop we can execute a set of statements as long as a condition is true</p>
  <code>i = 1<br>
while i < 6:<br>
  print(i)<br>
  i += 1<br></code>
  <p>The while loop requires relevant variables to be ready, in this example we need to define an indexing variable, i, which we set to 1.
</p>
<h4>Break Statement</h4>
<p>With the break statement we can stop the loop even if the while condition is true:</p>
<code>i = 1<br>
while i < 6:<br>
  print(i)<br>
  if i == 3:<br>
    break<br>
  i += 1<br>
  </code>
  </article>
</section>
<section id="For_Loops" class="main-section">
  <header>For Loops</header>
  <article>
   <p>A for loop is used for iterating over a sequence (that is either a list, a tuple, a dictionary, a set, or a string).

This is less like the for keyword in other programming languages, and works more like an iterator method as found in other object-orientated programming languages.

With the for loop we can execute a set of statements, once for each item in a list, tuple, set etc.</p>
<code>fruits = ["apple", "banana", "cherry"]<br>
for x in fruits:<br>
  print(x)<br>
  </code>
  <h4>The range() Function</h4>
  <p>To loop through a set of code a specified number of times, we can use the range() function,
The range() function returns a sequence of numbers, starting from 0 by default, and increments by 1 (by default), and ends at a specified number.</p>
<code>for x in range(6):<br>
  print(x)<br></code>
</article>
</section>
<section id="Python_Functions" class="main-section">
  <header>Python Functions</header>
  <p>A function is a block of code which only runs when it is called.
You can pass data, known as parameters, into a function.
A function can return data as a result.</p>
<h4>Creating a Function</h4>
<p>In Python a function is defined using the def keyword:</p>
<code>
  def my_function():<br>
  print("Hello from a function")<br>
  </code>
  <h4>Calling a Function</h4>
  <p>To call a function, use the function name followed by parenthesis:</p>
  <code>
    def my_function():<br>
<pre>  print("Hello from a function")</pre>
my_function()<br>
  </code>
</section>
    </main>
  </body>
</html>```

You need to go through each link in the nav menu and make sure the text is exactly like its corresponding header. This includes capitalization. There are about 3-4 menu links that are not quite correct.