-
Notifications
You must be signed in to change notification settings - Fork 0
/
menu.html
163 lines (163 loc) · 8.07 KB
/
menu.html
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="en">
<head>
<!--
Author: Autumn Hancock
Date: 11-25-2020
CITC 1300-R51 Independent Project 4
-->
<meta charset="utf-8">
<meta name="viewport" content="width-device-width, initial-scale=1" />
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Staatliches&display=swap" rel="stylesheet"/>
</head>
<body>
<p class="skipnavigation"><a href="#contentstart">Skip Navigation</a></p>
<header>
<h1>Cheese Louise</h1>
<h3>It doesn't get feta than this!</h3>
</header>
<nav class="sitenavigation">
<ul>
<div class="arrow-shape-left"></div>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="about.html">About</a></li>
<li><a href="locations.html">Locations</a></li>
<li><span title="This is intentionally not a link">Order Online</span></li>
<div class="arrow-shape-right"></div>
</ul>
</nav>
<article>
<div id="contentstart">
<h2 class="page-title">Menu</h2>
<button type="button" class="collapsible">Grilled Cheese</button>
<div class="menuSection">
<p>Any of our sandwiches can be paired with a soup!</p>
<section>
<h2 id="classicGC">The Classic</h2>
<p>
The sandwich everyone knows and loves! Melted American cheese on buttered and toasted sourdough bread.
</p>
</section>
<section>
<h2 id="macNCheeseGC">Mac 'n Cheese Grilled Cheese</h2>
<p>
A grilled cheese where instead of slices of cheese,
we put four cheese mac 'n cheese in the middle of two toasted slices of sourdough bread.
It's as good as it gets with this one.
</p>
</section>
<section>
<h2 id="jalapenoPopperGC">Jalapeno Popper Grilled Cheese</h2>
<p>
If you like a bit of heat, this is the sandwich for you. Colby Jack, cream cheese, jalapenos, and green onions
on buttered and toasted sourdough bread.
</p>
</section>
<section>
<h2 id="build-your-own">Build Your Own Grilled Cheese</h2>
<p>
Build your own perfect grilled cheese from a variety of delicious ingredients.
<ol>
<li>Choose bread</li>
<li>Choose cheese</li>
<li>Choose add-ins (Optional)</li>
</ol>
</p>
<section class="breadoptions">
<h3>Bread</h3>
<ul>
<li>White</li>
<li>Sourdough</li>
<li>Texas Toast</li>
<li>Potato Bread</li>
<li>Gluten Free Bread</li>
</ul>
</section>
<section class="cheeseoptions">
<h3>Cheese</h3>
<ul>
<li>American</li>
<li>Sharp Cheddar</li>
<li>Gruyere</li>
<li>Muenster</li>
<li>Pepper Jack</li>
</ul>
</section>
<section class="addin-options">
<h3>Add-ins (Optional)</h3>
<ul>
<li>Bacon</li>
<li>Ham</li>
<li>Tomato</li>
<li>Fried Egg</li>
<li>Jalapenos</li>
</ul>
</section>
</section>
<section>
<p><span class="fan-fave">♡</span> - Fan Fave <span class="spicy">🌶</span> - Spicy</p>
</section>
<p id="topButton"><a href="#contentstart">Back to Top</a></p>
</div>
<button type="button" class="collapsible">Mac 'n Cheese</button>
<div class="menuSection">
<section>
<h2 id="classicMac">The Classic</h2>
<p>
Simple yet effective. Macaroni cooked in a creamy sharp cheddar cheese sauce.
</p>
</section>
<section>
<h2 id="fourCheeseMac">Four Cheese</h2>
<p>
Elbow macaroni cooked in a gouda, sharp cheddar, swiss, and parmesan cheese sauce. No, you're not dreaming.
</p>
</section>
<section>
<h2 id="breakfastMac">Breakfast</h2>
<p>
Skipped breakfast? We got you covered. Elbow macaroni cooked in a combination of sharp cheddar and cream cheese,
topped with bacon bits, chunks of ham, and a fried egg.
</p>
</section>
<section>
<p><span class="fan-fave">♡</span> - Fan Fave <span class="spicy">🌶</span> - Spicy</p>
</section>
<p id="topButton"><a href="#contentstart">Back to Top</a></p>
</div>
<button type="button" class="collapsible">Soup</button>
<div class="menuSection">
<section>
<h2 id="tomatoSoup">Tomato Soup</h2>
<p>
A classic that's perfect to pair with a grilled cheese.
</p>
</section>
<section>
<h2 id="brocChedSoup">Broccoli Cheddar</h2>
<p>
Broccoli and shredded carrots simmered in a creamy cheese sauce.
</p>
</section>
<section>
<p><span class="fan-fave">♡</span> - Fan Fave <span class="spicy">🌶</span> - Spicy</p>
</section>
<p id="topButton"><a href="#contentstart">Back to Top</a></p>
</div>
</div>
</article>
<footer>
<nav class="sitenavigation">
<ul>
<li><a href="contactus.html">Contact Us</a></li>
<li class="socialMedia"><span title="This is intentionally not a link"><img class="socialMedia" src="images/facebook.svg"></span></li>
<li class="socialMedia"><span title="This is intentionally not a link"><img class="socialMedia" src="images/twitter.svg"></span></li>
<li class="socialMedia"><span title="This is intentionally not a link"><img class="socialMedia" src="images/instagram.svg"></span></li>
</ul>
</nav>
</footer>
<script src="script.js"></script>
</body>
</html>