moviefinder/index.html at master · sergiandreplace/moviefinder · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Movie Finder</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <content>
    <header>
      <h1>Movie Finder</h1>
      <div class="search">
        <input type="text" id="searchbox" placeholder="search for a movie">
      </div>
    </header>
    <div class="loading hidden">
      Loading...
    </div>
    <div class="result hidden">
      <div class="movie" style="background: url(https://image.tmdb.org/t/p/w780/4iJfYYoQzZcONB9hNzg0J0wWyPH.jpg);">
        <img class="movie-poster" src="https://image.tmdb.org/t/p/w185_and_h278_bestv2/btTdmkgIvOi0FFip1sPuZI2oQG6.jpg">
        <div class="movie-content">
          <div class="movie-title">Star Wars</div>
          <div class="movie-overview">
            Princess Leia is captured and held hostage by the evil Imperial forces in their effort to take over the galactic Empire. Venturesome Luke Skywalker and dashing captain Han Solo team together with the loveable robot duo R2-D2 and C-3PO to rescue the beautiful princess and restore peace and justice in the Empire
          </div>
          </div>
      </div>
    </div>
  </content>
  <script src="app.js" ></script>
</body>

</html>