Pamela-s-Website-Project/menu.html at main · adambournes21/Pamela-s-Website-Project · 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
<!DOCTYPE html>
<html lang = "en">
    <head>

        <link rel="stylesheet" type="text/css" href="css/styles.css">
        <link rel="stylesheet" type="text/css" href="css/stylesmobile.css">
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox.css">

        <!-- From JQuery -->
        <script src="js/jquery.lightbox.js" type="text/JavaScript"></script>
        <script src="js/scripts.js" type="text/JavaScript"></script>

        <title>Pamela's Diner</title>

        <script>
            $(function() {
                    $('#gallery a').lightBox();
                });
        </script>

    </head>

    <body>
        <div id="container">
            <div id="top-row">
                <a href="index.html">
                    <img height="100" width="100" src="images/Pamela's Logo.webp"/>
                </a>
                <nav>
                    <a href="index.html">Home</a>
                    <a class="selected" href="menu.html">Menu</a>
                    <a href="location.html">Locations</a>
                    <a href="order-online.html">Order Online</a>
                    <a href="contact.html">Contact</a>
                </nav>
            </div>

            <div id="content">
                <div id="sideLeft">
                    <img height="260" width="375" alt="Image of Hotcakes" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTt2Pm4NXAnKvBiRqFWunsUe6yRroLmIzps6g&usqp=CAU"><br>
                    <div id="centerSideLeft">
                        <a href="order-online.html">Order Online</a>
                    </div>
                </div>
                <div id="locationSelect">
                    <h1>Menus Vary By Location</h1>
                    <h3>Choose Location:</h3>
                    <div>
                        <a href="https://www.pamelasdiner.com/_files/ugd/fa9060_d7dd1df889ae4c2fbc8db6bdc8fc2523.pdf">Shadyside</a><br><br>
                        <a href="https://www.pamelasdiner.com/_files/ugd/fa9060_d475c0e3d8b04eb29a188fbd4fc08e18.pdf">Mt. Lebanon</a><br><br>
                        <a href="https://www.pamelasdiner.com/_files/ugd/fa9060_b2e86fc45c544ccfaae6052be40e819a.pdf">Strip District</a><br><br>
                        <a href="https://www.pamelasdiner.com/_files/ugd/fa9060_d7dd1df889ae4c2fbc8db6bdc8fc2523.pdf">Squirrel Hill</a><br><br>
                    </div>
                </div>
            </div>


            <footer>
                <a href="mailto:pam@pamelasdiner.com"><img src="images/email.png" alt="email"></a>
                <a href="https://www.facebook.com/pamelasdiner/"><img src="images/facebook.png" alt="facebook"></a>
                <div class="container">
                    Wed, Th 10a.m. to 2p.m., Fri, Sat, Sun 8a.m. to 4p.m.<br/>
                    3703 Forbes Ave.<br/>
                    &copy; Pamela's Diner
                </div>
            </footer>
    </div>
    </body>
</html>