index.html


<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="style.css">
    </head>
    <body>
    <header id="header">
      <img src="https://assets.nintendo.com/image/upload/ar_16:9,b_auto:border,c_lpad/b_white/f_auto/q_auto/dpr_1.25/c_scale,w_900/ncom/software/switch/70010000063714/276a412988e07c4d55a2996c6d38abb408b464413b2dfeb44d2aa460b9f622e1" id="header-img" alt="header"/>
    <nav id="nav-bar">
        <menu class="nav-menu">
          <li><a class="nav-link" href="#trailer">Trailer</a></li>
          <li><a class="nav-link" href="#about">Another Epic Adventure Awaits</a></li>
          <li><a class="nav-link" href="#newsletter">News</a></li>
    </menu>
    </nav>
    
    </header>
    
    <main>
    
     
     <div class="flex-div">
       
     
      <section id="trailer">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/uHGShqcAHlQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen id="video"></iframe>
      
      </section>
    
        <section id="about">
    <p class="summary">
    An epic adventure across the land and skies of Hyrule awaits in The Legend of Zelda™: Tears of the Kingdom for Nintendo Switch™. The adventure is yours to create in a world fueled by your imagination.
    
    In this sequel to The Legend of Zelda: Breath of the Wild, you’ll decide your own path through the sprawling landscapes of Hyrule and the mysterious islands floating in the vast skies above. Can you harness the power of Link’s new abilities to fight back against the malevolent forces that threaten the kingdom?
    
    </p>
    
      </section>
    
      <section id="newsletter">
        <form id="form" action="https://www.freecodecamp.com/email-submit">
          
          <label for "email">Subscribe For all the latest news!:</label>
          <input id="email" type="email" placeholder="enter email" name ="email">
          <input id="submit" type ="submit" >
        </form>
    
      </section>
     </div>
      </main>
    </body>
    </html>