<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>My Photography</title>

  <meta name="viewport" content="width=device-width,initial-scale=1">


  <!-- Lightbox2 CSS -->

  <link

    href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css"

    rel="stylesheet"

  />


  <!-- Your site CSS -->

  <link href="css/styles.css" rel="stylesheet" />

</head>

<body>

  <header>

    <h1>My Photography</h1>

  </header>


  <main>

    <div id="gallery" class="grid"></div>

  </main>


  <!-- Firebase SDKs -->

  <script src="https://www.gstatic.com/firebasejs/9.22.1/firebase-app-compat.js"></script>

  <script src="https://www.gstatic.com/firebasejs/9.22.1/firebase-auth-compat.js"></script>

  <script src="https://www.gstatic.com/firebasejs/9.22.1/firebase-firestore-compat.js"></script>

  <script src="https://www.gstatic.com/firebasejs/9.22.1/firebase-storage-compat.js"></script>


  <!-- Your Firebase init -->

  <script src="js/firebase-config.js"></script>


  <!-- Lightbox2 JS -->

  <script

    src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js"

  ></script>


  <!-- Gallery logic -->

  <script src="js/app.js"></script>

</body>

</html>