omdb_prototype/index.html at master · geraldjtorres/omdb_prototype · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!doctype html>
    <html class="no-js">
    <head>
        <meta charset="utf-8">
        <title>OMDb | Home</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet" href="css/normalize.css">


        <link rel="stylesheet" href="css/jquery.fancybox-buttons.css">
        <link rel="stylesheet" href="css/jquery.fancybox-thumbs.css">
        <link rel="stylesheet" href="css/jquery.fancybox.css">

        <link rel="stylesheet" href="css/main.css">
    </head>
    <body>
        <div id="parent-wrapper">
            <section class="header">
                <img src="img/omdb_logo.svg">
            </section>

            <section class="title-container">
                <h1>OMDb</h1>
                <p>The Open <span style="color: #22D1BD">Movie</span> Database</p>
            </section>

            <section class="search_input">
                <div>
                    <div class="left-inner-addon ">
                        <i class="icon-user"></i>
                        <input type="text"
                               class="form-control"
                               id="search-input"
                               placeholder="Search for anything right here, right now..." />
                      <!-- <input type="submit" value="SEARCH"> -->
                    </div>
                </div>
            </section>

            <section class="results">
                    <div class="title">
                        <h1 style="color:#fff">Results</h1>
                    </div>

                    <div class="movie-list">

                    </div>

                    <!-- Lightbox movie info holder -->
                    <div id="movie_info">

                    </div>


            </section>


        </div>

        <script src="scripts/jquery-2.2.1.min.js"></script>

        <script src="scripts/jquery.fancybox.js"></script>


        <script src="scripts/main.js"></script>
    </body>
</html>