classic.html 3.77 KB
Newer Older
tobiasmeyrick's avatar
tobiasmeyrick committed
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>

<html lang="en">

    <head>
        <title>Classic Cinema</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style.css">
        <script src="jquery.min.js"></script>
    </head>

    <body>

        <header>
            <h1>Classic Cinema</h1>

            <div id="user">
                <div id="login">
                    <form id="loginForm">
                        <label for="loginUser">Username: </label>
                        <input type="text" name="loginUser" id="loginUser"><br>
                        <label for="loginPassword">Password: </label>
                        <input type="password" name="loginPassword" id="loginPassword"><br>
                        <input type="submit" id="loginSubmit" value="Login">
                    </form>
                </div>

                <div id="logout">
                    <p>Welcome, <span id="logoutUser"></span></p>
                    <form id="logoutForm">
                        <input type="submit" id="logoutSubmit" value="Logout">
                    </form>
                </div>
            </div>
            <nav>
                <ul>
                    <li> <a href="index.html">Home</a>
                    <li> Classics
                    <li> <a href="scifi.html">Sci&nbsp;Fi</a>
                    <li> <a href="hitchcock.html">Hitchcock</a>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </nav>
        </header>




        <main>
            <h2>Classic Films</h2>

            <section class="film">
                <img src="images/Gone_With_the_Wind.jpg" alt="Gone With the Wind">
                <h3>Gone With the Wind (1939)</h3>
                <p>Directed by: Victor Fleming, George Cukor, Sam Wood</p>
                <p>Starring: Clark Gable, Vivien Leigh, Leslie Howard, Olivia de Havilland, Hattie McDaniel</p>
                <p>An epic historical romance and winner of 8 Academy Awards (from 13 nominations).</p>
                <p>
                $<span class="price">13.99</span>
                <input type="button" value="Add to Cart" class="buy">
                </p>
            </section>

            <section class="film">
                <img src="images/The_Jazz_Singer.jpg" alt="The Jazz Singer">
                <h3>The Jazz Singer (1927)</h3>
                <p>Directed by: Alan Crosland</p>
                <p>Starring: Al Jolson, May McAvoy, Warner Oland, Cantor Rosenblatt</p>
                <p>The first feature length 'talkie', The Jazz Singer is a piece of cinematic history</p>
                <p>
                $<span class="price">13.99</span>
                <input type="button" value="Add to Cart" class="buy">
                </p>
            </section>

            <section class="film">
                <img src="images/Metropolis.jpg" alt="Metropolis">
                <h3>Metropolis (1927)</h3>
                <p>Directed by: Fritz Lang</p>
                <p>Starring: Alfred Abel, Brigitte Helm, Gustav Fr&ouml;hlich, Rudolf Klein-Rogge</p>
                <p>A lovingly restored version of Fritz Lang's dystopian masterpiece, one of the great achievements of the silent era.</p>
                <p>
                $<span class="price">19.99</span>
                <input type="button" value="Add to Cart" class="buy">
                </p>
            </section>

        </main>

        <footer>
            <p>
            Classic Cinema is not a real store. No products are available, and no money will be accepted.
            <p>
            All images from <a href="http://commons.wikimedia.org/wiki/Main_Page">Wikimedia Commons</a> and are believed to be in the public domain.
            </p>
        </footer>

        <script src="showHide.js"></script>
        <script src="cart.js"></script>
    </body>
tobiasmeyrick's avatar
tobiasmeyrick committed
101
</html>