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.
<!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>TS Internet</title>
</head>
<body>
<section id="top">
<div id="top-row">
<header id="header">
<img src="https://i.ibb.co/TqHNkcj/TS-internet.png" alt="TS Internet Logo" id="header-img">
<nav id="nav-bar">
<ol>
<li class="nav-link" id="info-nav" href="#information"> <a href="#information" class="nav-a"><img src="https://icon-library.com/images/information-icon-white/information-icon-white-6.jpg" alt="Information symbol" class="top-img" id="info-img"></a><h1>Information</h1></li>
<li class="nav-link" id="functions-nav" href="#functions"> <a href="#functions" class="nav-a"><img src="https://www.nicepng.com/png/full/16-163911_free-icons-png-gear-icon-png-white.png" alt="Functions icon" class="top-img" id="function-img"></a><h1>Functions</h1></li>
<li class="nav-link" id="sub-nav" href="#subscription"><a href="#subscription" class="nav-a"><img src="https://icon-library.com/images/white-money-icon/white-money-icon-0.jpg" class="top-img" id="sub-img"></a><h1>Subscription</h1></li>
</nav>
</header>
</div>
</section>
<section id="information">
<main id="main">
<h1 class="title">TS Internet</h1>
<p class="description">TS Internet is the number 1 best extention for your computer, giving higher quality internet, ad-blockers, and way more!</p>
<iframe name="video" src="https://youtube.com/embeded/GJQWqiYmc0E" allow="fullscreen" id="video" credentialless="true" thw="100%"></iframe>
<h2 id="sub-title">Interested?</h2>
<form id="form" action="https://www.freecodecamp.com/email-submit">
<input type="email" class="email" name="email"
id="email" placeholder="Enter Your Email Here" required>
<input type="submit"
id="submit" value="Get Started!" class="submit">
</form>
</section><section id="functions">
<div class="fps">
<img class="icon" id="fps-icon" src="https://cdn.iconscout.com/icon/free/png-256/free-frames-per-second-7892494-6424429.png" alt="FPS icon">
<p class="text" id="fps-text">TS Internet has the fastest internet speed and frame rate!</p>
</div>
<div class="ad-blocker">
<img class="icon" id="ad-icon" src="https://icons-for-free.com/download-icon-adblock-1324440114146536448_512.png" alt="ad icon">
<p class="text" id="ad-text">Build in ad-blocker, VPN and coockie tracker.</p>
</div>
<div class="privacy">
<img class="icon" id="privacy-icon" src="https://cdn-icons-png.flaticon.com/512/4104/4104799.png" alt="privacy icon">
<p class="text" id="privacy-text">TS Internet has the best privacy and browser protection out there!</p>
</div>
</section>
<section class="subscriptions" id="subscription">
<div></div>
<div></div>
<span class="span">
<div class="pricing" id="basic-pricing">
<p class="price-text">Basic Subscription - <span class="price-color">Free</span></p>
</div>
<div id="basic-sub" class="sub">
<span class="functions"><p>Functions:</p></span>
<ol class="function-list">
<li>Ad-blocker</li>
<li>Privacy Protection</li>
<li>Background Music</li>
<li>Higher Computer Performance</li>
<li>Build in AI</li>
<li>High Customisation</li>
<li>Build in Messengers</li>
<li>See Full List <a href="" class="full-list">Here</a>
</ol>
<form action=""><input type="button" class="more-button" id="basic-button" value="SUBSCRIBE!" name="subscribe">
</form>
</div>
</span>
<span class="span">
<div class="pop-up"><span class="text-up">Highest Value!</span></div>
<div class="pricing" id="value-pricing"><p class="price-text">Premium Subscription - <span class="price-color">$99.99/Year</span></p></div>
<div id="value-sub" class="sub">
<p class="functions">Functions:</p>
<ol class="function-list">
<li>All Features of the Basic Subscription</li>
<li>Higher Video & Streaming Quality</li>
<li>Higher Audio Quality</li>
<li>Data Tracker</li>
<li>Build in VPN</li>
<li>Access to all Premium <a href="" class="full-list">Features</a> of the TS Internet App & Website</li>
<li>Get Access to all Computer Maintenance Features Like Clean Up</li>
</ol>
<form action=""><input type="button" class="more-button" id="more-button-value" value="SUBSCRIBE!" name="subscribe">
</form>
</div>
</span>
<span class="span">
<div class="pricing" id="premium-pricing"><p class="price-text">Premium Subscription - <span class="price-color">$7.99/Month</span></div>
<div id="premium-sub" class="sub">
<p class="functions">Functions</p>
<ol class="function-list">
<li>All Features of the Premium and Basic Subscription</li>
<li>Features Like RGX on Videos & Streams</li>
<li>And Build in Music Players</li>
<li>Or the Maintenance Features, Allowing for a Fresh Computer</li>
<li>All Features are in <a href="" class="full-list">This</a> List</li>
</ol>
<form action=""><input type="button" class="more-button" id="more-button-premium" value="SUBSCRIBE!" name="subscribe">
</form>
</div>
</span>
<div></div>
<div></div>
</section>
</main>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 OPR/101.0.0.0
Challenge: Product Landing Page - Build a Product Landing Page
Link to the challenge:
I have a problem with the Product Landing Page with that, if I click on check your code, it gives an error for " Each .nav-link element should have an href attribute." Which, to my knowledge, every .nav-link element has. I’ve been stuck on this error for almost an hour now so I’m very much hoping that someone can help me out:)