index.html 2.33 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
<!DOCTYPE html>

<html lang="en">

<head>
    <title>Classic Cinema</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
</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> Home
            <li> <a href="classic.html">Classics</a>
            <li> <a href="scifi.html">Sci&nbsp;Fi</a>
            <li> <a href="hitchcock.html">Hitchcock</a>
            <li><a href="contact.html">Contact</a></li>
tmeyrick's avatar
tmeyrick committed
42
            <li><a href="cart.html">Cart</a></li>
tobiasmeyrick's avatar
tobiasmeyrick committed
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

        </ul>
    </nav>
</header>



        <main>
            <p>
                Welcome to Classic Cinema, your online store for classic film.
            </p>

            <div id="carousel">

            </div>

            <!--
            <ul id="movieList">
                <li><a href="classic.html"><img src="images/Metropolis.jpg" alt="Metropolis">Classic Films</a>
                <li><a href="scifi.html"><img src="images/Plan_9_from_Outer_Space.jpg" alt="Plan 9 from Outer Space">Science Fiction and Horror</a>
                <li><a href="hitchcock.html"><img src="images/The_Birds.jpg" alt="The Birds">Alfred Hitchcock</a>
            </ul>
            -->
        </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="carousel.js"></script>
    </body>
</html>