index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Movie Data</title>
    <link rel="icon" href="assets/favicon.svg">
    <link rel="stylesheet" href="style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap" rel="stylesheet">    <meta name="description" content="Movie Data site for FAC">
  </head>
  <body>
    <header>    
      <h1>Movie Data</h1>
      <h2>Movies displayed below</h2>
    </header>
  <section id="gallery">
    <div id="gallery" class="movie-gallery"></div>
    <script src="moviedata.js"></script>
  </section>
  </body>
</html>