hello guys i have tried everything with the issue of the nav-link. i have read many solutions an tried them but is not working that is why i came here for your help. this is my code
Jhanny Minott
JAHNNY MINOTT
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#Home">Home</a></li>
<li><a class="nav-link" href="#About">About</a></li>
<li><a class="nav-link" href="#Services">Services</a></li>
</ul>
</nav>
</header>
<section>
<h2>Bienvenido a Mi Página</h2>
<nav id="nav-bar">
<ul class="navbar">
<li><a class="nav-link" href="#Features">Features</a></li>
<li><a class="nav-link" href="#Products">Products</a></li>
<li><a class="nav-link" href="#Download">Download</a></li>
</ul>
</nav>
<p>¡Explora nuestro contenido y descubre más acerca de nosotros!</p>
<iframe id="video" width="560" height="315" src="https://www.youtube.com/watch?v=gBryqnoxfG0" frameborder="0" allowfullscreen></iframe>
</section>
<section>
<h3>SUBSCRIBE</h3>
<form id="form" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required >
<br>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="example@example.com" required>
<br>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50" required></textarea>
<br>
<input id="submit" type="submit" value="Submit">
</form>
</section>
<section>
<h2>Nuestros Servicios</h2>
<nav id="nav-bar">
<ul class="nav-container">
<li><a class="nav-link" href="#Privacy">Privacy</a></li>
<li><a class="nav-link" href="#Terms">Terms</a></li>
<li><a class="nav-link" href="#Contact">Contact</a></li>
</ul>
</nav>
</section>
<footer id="footer">
<p>Derechos Reservados © 2023 Mi Página Web</p>
</footer>
please can you help me? it keep saying that question is failed.... i feel so frustrated!!
Hello!
Your nav-links should actually be directing to another location on the page.
Home Should be connecting to a section with an id of home.
< section id=“home”> Home < /section>
I hope this helps you.
Happy coding!
hi !! thank you so much for your reply but i tried what i thought i understood from you and still not passed…
Sorry if it was not clear.
Here you have set the nav-link to go to the section on your page with an id of home. But, I do not see any sections at all in the code.
In order to pass the step, you need to create < section id=“Name that matches your nav-link” > so the links have a place to link to from the nav-link code.
Each of the nav-link that you have pointing to somewhere (home, about , services, etc) need a matching section with the id set to the same name.
Your Home nav-link should match a section down on the page that has the
< section id=“home” > Home< /section>
All of the rest of your nav-link should have places lower in the page that when the link on the page is clicked, it directs you to the lower part where the information is available.
I hope this helps you.
first of all please do not apologise!! im a fresher and my head is just on the process of learning this new, complex but amazing world of coding! well i have done this and still not pass
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jhanny Minott</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header id="header">
<h1>JAHNNY MINOTT</h1>
<section id="#Home">
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#Home">Home</a></li>
<li><a class="nav-link" href="#About">About</a></li>
<li><a class="nav-link" href="#Services">Services</a></li>
</ul>
</nav>
</section>
</header>
<section id="#Features">
<h2>Bienvenido a Mi Página</h2>
<nav id="nav-bar">
<ul class="navbar">
<li><a class="nav-link" href="#Features">Features</a></li>
<li><a class="nav-link" href="#Products">Products</a></li>
<li><a class="nav-link" href="#Download">Download</a></li>
</ul>
</nav>
<p>¡Explora nuestro contenido y descubre más acerca de nosotros!</p>
</section>
<section>
<h3>SUBSCRIBE</h3>
<form id="form" action="https://www.freecodecamp.com/email-submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required >
<br>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="example@example.com" required>
<br>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50" required></textarea>
<br>
<input id="submit" type="submit" value="Submit">
</form>
</section>
<section id="#Contact"> <!-- Removed '#' from id -->
<h2>Nuestros Servicios</h2>
<nav id="nav-bar">
<ul class="nav-container">
<li><a class="nav-link" href="#Privacy">Privacy</a></li>
<li><a class="nav-link" href="#Terms">Terms</a></li>
<li><a class="nav-link" href="#Contact">Contact</a></li>
</ul>
</nav>
</section>
<footer id="footer">
<p>Derechos Reservados © 2023 Mi Página Web</p>
</footer>
</body>
</html>
I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.Note: Backticks (`) are not single quotes (').
that is amazing!! my big respect to you man!!! me im 32 and never been involve in this but i love it too here is the new code but still not pass
Jhanny Minott
JAHNNY MINOTT
<section id="#Home">
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#Home">Home</a></li>
<li><a class="nav-link" href="#About">About</a></li>
<li><a class="nav-link" href="#Services">Services</a></li>
</ul>
</nav>
</section>
</header>
<section id="#Features">
<h2>Bienvenido a Mi Página</h2>
<nav id="nav-bar">
<ul class="navbar">
<li><a class="nav-link" href="#Features">Features</a></li>
<li><a class="nav-link" href="#Products">Products</a></li>
<li><a class="nav-link" href="#Download">Download</a></li>
</ul>
</nav>
<p>¡Explora nuestro contenido y descubre más acerca de nosotros!</p>
</section>
<section>
<h3>SUBSCRIBE</h3>
<form id="form" action="https://www.freecodecamp.com/email-submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required >
<br>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="example@example.com" required>
<br>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50" required></textarea>
<br>
<input id="submit" type="submit" value="Submit">
</form>
</section>
<section id="#Contact"> <!-- Removed '#' from id -->
<h2>Nuestros Servicios</h2>
<nav id="nav-bar">
<ul class="nav-container">
<li><a class="nav-link" href="#Privacy">Privacy</a></li>
<li><a class="nav-link" href="#Terms">Terms</a></li>
<li><a class="nav-link" href="#Contact">Contact</a></li>
</ul>
</nav>
</section>
<footer id="footer">
<p>Derechos Reservados © 2023 Mi Página Web</p>
</footer>
im so sorry is my first time using this tool! thank you so much
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jhanny Minott</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway|Roboto&display=swap">
</head>
<body>
<header id="header">
<h1>JAHNNY MINOTT</h1>
<img id="header-img" src="https://f4.bcbits.com/img/a1555166585_65" alt="jahnny minott">
<section id="#Home">
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#Home">Home</a></li>
<li><a class="nav-link" href="#About">About</a></li>
<li><a class="nav-link" href="#Services">Services</a></li>
</ul>
</nav>
</section>
</header>
<section id="#Features">
<h2>Bienvenido a Mi Página</h2>
<nav id="nav-bar">
<ul class="navbar">
<li><a class="nav-link" href="#Features">Features</a></li>
<li><a class="nav-link" href="#Products">Products</a></li>
<li><a class="nav-link" href="#Download">Download</a></li>
</ul>
</nav>
<p>¡Explora nuestro contenido y descubre más acerca de nosotros!</p>
<iframe id="video" width="560" height="315" src="https://www.youtube.com/watch?v=gBryqnoxfG0" frameborder="0" allowfullscreen></iframe>
</section>
<section>
<h3>SUBSCRIBE</h3>
<form id="form" action="https://www.freecodecamp.com/email-submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required >
<br>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="example@example.com" required>
<br>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50" required></textarea>
<br>
<input id="submit" type="submit" value="Submit">
</form>
</section>
<section id="#Contact"> <!-- Removed '#' from id -->
<h2>Nuestros Servicios</h2>
<nav id="nav-bar">
<ul class="nav-container">
<li><a class="nav-link" href="#Privacy">Privacy</a></li>
<li><a class="nav-link" href="#Terms">Terms</a></li>
<li><a class="nav-link" href="#Contact">Contact</a></li>
</ul>
</nav>
</section>
<footer id="footer">
<p>Derechos Reservados © 2023 Mi Página Web</p>
</footer>
</body>
</html>
here it is my friend !! i dont know what i do still doing wrong! im totally blocked!!
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jhanny Minott</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway|Roboto&display=swap">
</head>
<body>
<header id="header">
<h1>JAHNNY MINOTT</h1>
<img id="header-img" src="https://f4.bcbits.com/img/a1555166585_65" alt="jahnny minott">
<section id="#Home">
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#Home">Home</a></li>
<li><a class="nav-link" href="#About">About</a></li>
<li><a class="nav-link" href="#Services">Services</a></li>
</ul>
</nav>
</section>
</header>
<section id="#Features">
<h2>Bienvenido a Mi Página</h2>
<nav id="nav-bar">
<ul class="navbar">
<li><a class="nav-link" href="#Features">Features</a></li>
<li><a class="nav-link" href="#Products">Products</a></li>
<li><a class="nav-link" href="#Download">Download</a></li>
</ul>
</nav>
<p>¡Explora nuestro contenido y descubre más acerca de nosotros!</p>
<iframe id="video" width="560" height="315" src="https://www.youtube.com/watch?v=gBryqnoxfG0" frameborder="0" allowfullscreen></iframe>
</section>
<section>
<h3>SUBSCRIBE</h3>
<form id="form" action="https://www.freecodecamp.com/email-submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required >
<br>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="example@example.com" required>
<br>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50" required></textarea>
<br>
<input id="submit" type="submit" value="Submit">
</form>
</section>
<section id="#Contact"> <!-- Removed '#' from id -->
<h2>Nuestros Servicios</h2>
<nav id="nav-bar">
<ul class="nav-container">
<li><a class="nav-link" href="#Privacy">Privacy</a></li>
<li><a class="nav-link" href="#Terms">Terms</a></li>
<li><a class="nav-link" href="#Contact">Contact</a></li>
</ul>
</nav>
</section>
<footer id="footer">
<p>Derechos Reservados © 2023 Mi Página Web</p>
</footer>
</body>
</html>
I did the changes but still not passed…
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jhanny Minott</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway|Roboto&display=swap">
</head>
<body>
<header id="header">
<h1>JAHNNY MINOTT</h1>
<img id="header-img" src="https://f4.bcbits.com/img/a1555166585_65" alt="jahnny minott">
<section id="Home">
<nav id="nav-bar">
<ul>
<li><a class="nav-link" href="#Home">Home</a></li>
<li><a class="nav-link" href="#About">About</a></li>
<li><a class="nav-link" href="#Services">Services</a></li>
</ul>
</nav>
</section>
</header>
<section id="Features">
<h2>Bienvenido a Mi Página</h2>
<nav id="nav-bar">
<ul class="navbar">
<li><a class="nav-link" href="#Features">Features</a></li>
<li><a class="nav-link" href="#Products">Products</a></li>
<li><a class="nav-link" href="#Download">Download</a></li>
</ul>
</nav>
<p>¡Explora nuestro contenido y descubre más acerca de nosotros!</p>
<iframe id="video" width="560" height="315" src="https://www.youtube.com/watch?v=gBryqnoxfG0" frameborder="0" allowfullscreen></iframe>
</section>
<section>
<h3>SUBSCRIBE</h3>
<form id="form" action="https://www.freecodecamp.com/email-submit" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required >
<br>
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email" placeholder="example@example.com" required>
<br>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="4" cols="50" required></textarea>
<br>
<input id="submit" type="submit" value="Submit">
</form>
</section>
<section id="Contact">
<h2>Nuestros Servicios</h2>
<nav id="nav-bar">
<ul class="nav-container">
<li><a class="nav-link" href="#Privacy">Privacy</a></li>
<li><a class="nav-link" href="#Terms">Terms</a></li>
<li><a class="nav-link" href="#Contact">Contact</a></li>
</ul>
</nav>
</section>
<footer id="footer">
<p>Derechos Reservados © 2023 Mi Página Web</p>
</footer>
</body>
</html>
system
February 18, 2024, 4:08am
13
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
