IS-WebProj/menu.html at main · eunilee2/IS-WebProj · 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
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="author" content="Eunice">
    <meta name="keywords" content="Happy Day Dessert Factory, Pittburgh">
    <meta name="description" content="Happy Day Dessert Factory Redesigned Website">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link href='https://fonts.googleapis.com/css?family=Shrikhand' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>

    <title>Happy Day Dessert Factory</title>

    <script src="js/script.js"></script>
    <script src="js/velocity-master/velocity.min.js"></script>
    <script src="js/velocity-master/velocity.ui.min.js"></script>


</head>

<body>
    <header>
        <img id="first" class="banner" src="images/banner.png" alt="blue clouds">
        <a href="index.html"><img id="logo" src="images/logo.png" alt="smiling ice cream sun"></a>
        <h1 id="title">Happy Day Dessert Factory</h1>
    </header>
    <div id="nav">
        <nav class="nav">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="menu.html">Menu</a>
            <a href="visit.html">Visit</a>
            <a href="catering.html">Catering</a>
            <a href="news.html">News</a>
        </nav>
    </div>
    <div id="container">
        <div id="content">
            <h2>Menu</h2>
            <br>
            <h3 class="menu-cat">Ice Cream</h3>
            <div id="menu-template">
                <div id="item" class=>
                    <img src="images/icecream-D.png" alt="chocolate ice cream scoop">
                    <div class="overlay">Price</div>
                    <h4>Triple Chocolate Mousse</h4>
                </div>
                <div id="item">
                    <img src="images/icecream-G.png" alt="cherry vanilla ice cream scoop">
                    <div class="overlay">Price</div>
                    <h4>Cherry Vanilla</h4>
                </div>
                <div id="item">
                    <img src="images/icecream-A.png" alt="birthday cake ice cream scoop">
                    <h4>Birthday Cake</h4>
                </div>
            </div>
            <div id="menu-template">
                <div id="item">
                    <img src="images/icecream-C.png" alt="apple pie ice cream scoop">
                    <h4>Apple Pie</h4>
                </div>
                <div id="item">
                    <img src="images/icecream-B.png" alt="chocolate Reese's ice cream scoop">
                    <h4>Chocolate Reese's Peanut Butter Cup</h4>
                </div>
                <div id="item">
                    <img src="images/icecream-L.png" alt="mocha fudge ice cream scoop">
                    <h4>Mocha Fudge</h4>
                </div>
            </div>
            <h3 class="menu-cat">Dairy Free</h3>
            <div id="menu-template">
                <div id="item">
                    <img src="images/icecream-H.png" alt="green apple water ice scoop">
                    <h4>Granny's Green Apple Water Ice</h4>
                </div>
                <div id="item">
                    <img src="images/icecream-Q.png" alt="mango water ice scoop">
                    <h4>Mango Water Ice</h4>
                </div>
                <div id="item">
                    <img src="images/icecream-T.png" alt="blue raspberry water ice scoop">
                    <h4>Blue Raspberry Water Ice</h4>
                </div>
            </div>
            <div id="menu-template">
                <div id="item">
                    <img src="images/icecream-M.png" alt="gummy fish water ice scoop">
                    <h4>Gummy Fish Water Ice</h4>
                </div>
                <div id="item">
                    <img src="images/softserve.png" alt="dannon yocream froyo">
                    <h4>Dannon Yocream Frozen Yogurt</h4>
                </div>
                <div id="item">
                    <img src="images/softserve-2.png" alt="Almond Milk Soft Serve">
                    <h4>Almond Milk Soft Serve</h4>
                </div>
            </div>
        </div>
    </div>
    <div class="up">
        <a class="scroll-link scroll-to-first" href="#first">Up</a>
    </div>
    <footer>
        <div id="upper-footer">
            <a href="index.html">Home</a>
            <a href="about.html">About</a>
            <a href="menu.html">Menu</a>
            <img id="logo-footer" src="images/logo.png" alt="smiling ice cream sun">
            <a href="visit.html">Visit</a>
            <a href="catering.html">Catering</a>
            <a href="news.html">News</a>
        </div>
        <hr>
        <div id="lower-footer">
            <a href="https://www.instagram.com/happydaydessertfactory/?hl=en" target="_blank"><img class="insta" src="images/insta.png" alt="instagram logo"></a>
            <a href="https://www.facebook.com/happydaydessertfactory/photos" target="_blank"><img class="fb" src="images/facebook.png" alt="facebook logo"></a>
            <a href="mailto:info@happydaydessertfactory.com"><img class="mail" src="images/mail.png" alr="mail logo"></a>
            <a href="tel:4128720117"><img class="tel" src="images/tel.png" alt="phone logo"></a>
        </div>
        <p>&copy; Happy Day Dessert Factory. 2023.</p>
        <p>
            <cite>
                Photos & Media courtesy of Happy Days Dessert Factory, Kidsburgh, <br>
                stockcreations (Shutterstock), WQED, Pittsburgh Post Gazette, Pittsburgh Magazine.
            </cite>
        </p>
    </footer>
</body>

</html>