galeria.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
  <title>Galeria de Vídeos</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="/css/styles.css">
</head>

<body>

  <nav class="navbar navbar-inverse">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <!--letreiro animado-->
        <div class="wrapper">
          <svg>
            <text x="50%" y="50%" dy=".35em" text-anchor="middle">
              Roblox Family-x4
            </text>
          </svg>
        </div>
      </div>

      <div class="collapse navbar-collapse" id="myNavbar">
        <ul class="nav navbar-nav">
          <li class="active"><a href="index.html">Página Inicial</a></li>
          <li><a href="/sobre.html">Sobre Nós</a></li>
          <li><a href="/frontend/index.html">Bate Papo</a></li>
          <li><a href="/galeria.html">Nossos Vídeos</a></li>
          <li><a href="/contato.html">Fale Conosco</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#"><span class="glyphicon glyphicon-log-in"></span>Login</a></li>
        </ul>
      </div>
    </div>
  </nav>
<div class="container"> <h1>Galeria do Canal</h1>
  <p>Aqui você consegue achar nossos videos sem distrações extras e aquele monte de anúncios da playlistdo youtube  </p>
  <div class="galeria">  

    <div class="video_wrapper" id="ultimo-video"><iframe width="240" height="280" src="https://www.youtube.com/embed/-5dHUJtY9_8?si=5aBQTPXbCuNv5Xun" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe><h3>Data Revelada</h3></div>
    
  </div>
</div>


  <footer class="container-fluid text-center">
    <p>Footer Text</p>
  </footer>

</body>

</html>