ud036_StarterCode/complete_page.html at master · denisprado/ud036_StarterCode · 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
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Fresh Tomatoes!</title>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <link src="./styles.css" type="text/css" media="screen">
    <script src="./index.js" async></script>
</head>

<body>
    <!-- Trailer Video Modal -->
    <div class="modal" id="trailer">
        <div class="modal-dialog">
            <div class="modal-content">
                <a href="#" class="hanging-close" data-dismiss="modal" aria-hidden="true">
            <img src="https://lh5.ggpht.com/v4-628SilF0HtHuHdu5EzxD7WRqOrrTIDi_MhEG6_qkNtUK5Wg7KPkofp_VJoF7RS2LhxwEFCO1ICHZlc-o_=s0#w=24&h=24"/>
          </a>
                <div class="scale-media" id="trailer-video-container">
                </div>
            </div>
        </div>
    </div>

    <!-- Main Page Content -->
    <div class="container">
        <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">Fresh Tomatoes Movie Trailers</a>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        {movie_tiles}
    </div>
    <div class="col-md-6 col-lg-4 movie-tile text-center" data-trailer-youtube-id="{trailer_youtube_id}" data-toggle="modal"
        data-target="#trailer">
        <img src="{poster_image_url}" width="220" height="342">
        <h2>{movie_title}</h2>
    </div>
</body>

</html>