<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" \>
    <title>Galerie</title>
    <link href="../styles/main.css" rel="stylesheet" type="text/css" />
    <link href="../styles/galerie.css" rel="stylesheet" type="text/css" />
  </head>

  <body>

    <div class="header">
      <div class="title">
        <h1>LangProg - Galerie</h1>
        <img src="../img/ProgrammingLanguage1-1.jpg" alt="ImgTitle" />
      </div>

      <nav>
        <a href="../index.html">Menu Principal</a>
        <a href="galerie.html">Galerie</a>
        <a href="donnees.html">Données</a>
      </nav>
    </div>

    <div class="main-content">

      <div id="gal-photos">

        <img src="../img/The_C_Programming_Language_logo.svg.png" alt="img1" />
        <img src="../img/ISO_C++_Logo.svg.png" alt="img2" />
        <img src="../img/1024px-C_Sharp_wordmark.svg.png" alt="img3" />

      </div>

      <div id="gal-videos">

        <iframe width="1280" height="720" src="https://www.youtube.com/embed/Rub-JsjMhWY" title="C++ Programming" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

      </div>

    </div>


    <footer>
      <p>Auteur: Alexandre Agostinho (TP1)</p>
      <p><a href="mailto:alexandre.agostinho@etu.uca.fr">alexandre.agostinho@etu.uca.fr</a></p>
    </footer>
  </body>
</html>