Tell us what’s happening:
I’ve been trying to add the YouTube video to my product landing page but it’s not working. It keep showing webpage not available, is there anything I can do to fix that?
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 ``` <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css" />
<title>Solartech Panel</title>
</head>
<body>
<section class="header">
<header id="header">
<div class="nav">
<nav id="nav-bar" class=nav-bar">
<ul>
<li><a class="nav-link" href="#features">Features</li>
<li><a class="nav-link" href="#contact">Contact</a></li>
<li><a class="nav-link" href="#help">Help</a></li>
</ul>
</nav>
</div>
<div>
<h1 id="title" class="title">iStock Panels</h1>
<p id="sub-title" class="sub-title">Power Your Home with SolarTech Panels</p>
<img id="header-img"
src="https://www.soleosenergy.com/wp-content/uploads/2024/09/1650368737-5-environmental-benefits-of-solar-energy.jpg"
width="400"
height="400"
loading="lazy"
/>
<p>Save money. Save the planet. Get clean energy today.</p>
</div>
</header>
</section>
<section class="hero">
<div>
<h3>
Why Choose Our Panels?
</h3>
<ul>
<li>
✅ High Efficiency
</li>
<li>
✅ 25-Year Warranty
</li>
<li>
✅ Easy Installation
</li>
<li>
✅ Affordable Pricing
</li>
</ul>
</div>
</section>
<section>
<iframe src="https://youtu.be/dySSgfd8FgQ?si=BWjU46vh9Y__gt8B" width="350" height="200" frame order="0" allowfullscreen></iframe>
</section>
<section class="benefits">
<h3>Benefits of Going Solar</h3>
<ul>
<li>Reduce your electricity bills</li>
<li>Increase your home's value</li>
<li>Contribute to a greener planet</li>
</ul>
</section>
<section class="customer-say">
<h3>What Our Customers Say</h3>
<blockquote>
<hr />
<p class="quote">
"This solar panels saved me hundreds on my electricity bill!" - Jane D.
</p>
<p class="quote">
"Easy to install, and I'm already seeing the savings!" – Michael T.
</p>
<hr />
</blockquote>
</section>
<section id="contact">
<h3>Get in touch</h3>
<p>Interested in switching to solar? Request a free quote today!</p>
<form id="form">
<div>
<input id="email" type="email" placeholder="Enter your email address" required />
</div>
<div>
<input type="submit" value="Request a Quote" />
</div>
</form>
</section>
<footer>
<p>
© 2025 SolarTech Panels. All rights reserved.
</p>
</footer>
</body>
</html>```
line below,
because they allow your code to properly format in the post.
Your mobile information:
23106RN0DA - Android 13 - Android SDK 33
Challenge: Product Landing Page - Build a Product Landing Page
Link to the challenge:
