pls hw do i link my navbar to the section i want using href attribute?
give an id to that section and href="#section_id"
i did that already but it is still telling me fail. Am dealing with the project landing page. this the error its giving me:
“5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’
Each .nav-link element should have an href attribute : expected false to equal true
AssertionError: Each .nav-link element should have an href attribute : expected false to equal true”
this my code:
<head>
<meta name="viewport" content="width-device-width", initial-scale=1.0>
<link rel="stylesheet" href="land.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
</head>
<header id="header">
<div id="hea">
<img id="header-img" src="crypto.jfif">
<nav id="nav-bar">
<ul>
<a href="#sec"><li class="nav-link">Home</li></a>
<a href="#rev"><li class="nav-link">About</li></a>
<a href="#bed"><li class="nav-link">Contact</li></a>
<a href="#the"><li class="nav-link">Price</li></a>
</ul>
</nav>
</div>
</header>
<section id="sec">
<div id="che">
<img src="office.jfif">
<h3>Welcome to our homepage</h3>
</div>
<div id="vid">
<iframe id="video" width="336" height="176" src="https://www.youtube.com/embed/sOEg_YZQsTI" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div>
<h2>About</h2>
<p>Incentives are great ways to encourage your employees to do more than they are already doing. What you offer as an incentive to them does not have to be overly expensive. Consider things like tickets to the cinema, pass to red carpet events, an extra day or two off work or even gift cards. These are seemingly little things that will go a long way in ensuring you get the best out of them. They show your employees you appreciate and value their efforts.
Cash rewards will always excite employees but there are other alternatives as highlighted above.
</p>
</div>
<div id="for">
<input type="email" placeholder="Enter your email" name="email" id="email" required>
</div>
<div id="for">
<input id="submit" type="submit" value="submit">
</div>
<div id="col">
<div id="buy">
<div id="kuli">
<h3>1 pack of KuliKuli</h3>
</div>
<h3>$1000</h3>
<p>If u purchase this plan, you will be given a discount of 5 percent</p>
<button id="pur" type="submit">Buy</button>
</div>
<div id="buy">
<div id="kuli">
<h3>5 packs of KuliKuli</h3>
</div>
<h3>$5000</h3>
<p>If u purchase this plan, you will be given a discount of 5 percent</p>
<button id="pur" type="submit">Buy</button>
</div>
<div id="buy">
<div id="kuli">
<h3>10 packs of KuliKuli</h3>
</div>
<h3>$10000</h3>
<p>If u purchase this plan, you will be given a discount of 15 percent</p>
<button id="pur" type="submit">Buy</button>
</div>