Tell us what’s happening: * 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”). Having Trouble here. A lifeline is
welcome. dirtygreb7. THANK u
Describe your issue in detail here.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Tecnical Documentation
Page</title>
</head>
<header>Tecnical Documentation Page</header>
<body>
<main id="main-doc">
<section id="Hello_World" class="main-section"><header>Hello World</header><p>An array ia a special variable, that can hold more than one value: const cars["Saab", "Volvo","BMW"];</p>
<code> x=5; y=6; z=x+y </code>
<ol>
<li>code</li>
<li>pre code</li>
<li>kdb</li>
<li>samp</li>
<li>var</li>
</ol>
<nav id="navbar">
<header>Tecnical Documentation Page</header>
<ol>
<li><a class="nav-link" href="#Hello_World">Hello World</a></li>
<li><a class="nav-link" href="#FixedValues_Properties">FixedValues Properties</a></li>
<li><a class="nav-link" href="#Variable_Properties">Variable Properties</a></li>
<li><a class="nav-link" href=" #Operator_Properties">Operator Properties</a></li>
<li><a class="nav-link" href=" #Functions_Properties">Functions Properties</a></li>
</ol>
</nav>
</section>
<section id="FixedValues_Properties" class="main-section"> <header>FixedValues Properties</header><p>Fixed Values are called literals. The two most important syntax rules for fixed values are: Numbers with or without decimals: 10.50, 1001, and Strings are text. Written within single and double quotes."John Doe" or 'John Doe'.</p>
<pre><code> x=5; y=6; z=x+y</code></pre>
</section>
<section id="Variable_Properties" class="main-section"><header>Variable Properties</header><p>Variables are containers for storing data, variables can be stored 4 ways.Automatically,using var,using let,using const.It is good programming practice to always declare variables before use. Examples, using : var x=5; var y=6; var z= x+y;</p>
<code>Press<kdb>Ctrl</kbd>+<kdb>C</kbd> to copy text (Windows).</code>
<p></p>
</section>
<section id="Operators_Properties" class="main-section"><header>Operators Properties</header><p>The assignment operator=assign a value to a variable.// assign the value 5 to x, let x = 5;</p>
<code><samp>File not found.Press F1 to continue</samp></code>
<p></p>
</section>
<section id="Functions_Properties" class="main-section"><header>Functions Properties</header><p>A function is a block of code, designed to perform a particular task.// Function to compute the product of p1 and p2 function myFunction(p1,p2) {return p1 * p2;}</p>
<p></p>
<code>The area of the triangle is : 1/2
x <var>b</var> is the base, and <var>h</var> is the vertical height .
</code>
<p></p>
<p></p>
</section>
</body>
</html>
</main>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14816.131.5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Technical Documentation Page - Build a Technical Documentation Page
Link to the challenge: