Videos.html

<!DOCTYPE html>
<html>
    
    <head>
        <link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Arvo&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="Style%20Folder/style.css">
        <script type="text/javascript" src="script.js"></script>
        <title>Webby</title>
        
         <link rel="shortcut icon" href="https://raw.githubusercontent.com/Bubalo1234/Webby/main/Images/New%20Piskel%20(2).gif">
    </head>
    
    <body> 
        
        <header>
            <h1>Home</h1>
        </header>
        
<nav>
<ul class="navbar">
<li class="nav-list-item">
<a class="nav-link" href=Home.html>home</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href=#>quizzes</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href=Videos.html>videos</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href=Fact%20of%20the%20day.html>Articles</a>
</li>
<li class="nav-list-item">
<a class="nav-link" href=crafts.html>Crafts</a>
<li class="nav-list-item">
<a class="nav-link" href=About.html>About</a>
</li>
</ul>
</nav>      
        <main>
            
            <section>
                
                <h2>Videos</h2>
                <Article>Videos from my YT channel</Article>
                
            </section>
            
            <iframe width="560" height="315" src="https://www.youtube.com/embed/4iIMVquOQuI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                
        <footer>
        <p>This is a footer.</p>
        </footer>
    </body>
</html>