js-data/index.html at gh-pages · imdjsarge/js-data · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>Moonflower's Coffee Shop</title>
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
<main>
    <header>
        <h1>Moonflower's Coffee Shop</h1>
    </header>
	<aside class="hide" >
		<img id="aside-image" src="" alt="">
        <section id="featured" >
            <h2>Featured this week</h2>
            <div id="featured-items">
            </div>
        </section>
	</aside>
	<section id="menu">
		<h2>Menu</h2>
		<h3 id="espresso">Espresso</h3>
		<div>
			<ul>
	    		<li><span class="menu-item">Cappuccino</span></li>
	    		<li><span class="menu-item">Latte</span></li>
	    		<li><span class="menu-item">Mocha</span></li>
	    		<li><span class="menu-item">Breve</span></li>
	    		<li><span class="menu-item">Americano</span></li>
	    	</ul>
		</div>
		<h3 id="bakery">Bakery Goods</h3>
		<div>
			<ul>
	    		<li><span class="menu-item">Assorted Scones</span></li>
	    		<li><span class="menu-item">Assorted Muffins</span></li>
	    		<li><span class="menu-item">Brownies</span></li>
                <li><span class="menu-item">Chocolate Cake</span></li>
                <li><span class="menu-item">Strawberry Cream Cake</span></li>
	    	</ul>
		</div>
	</section>

</main>

<!-- javascript -->
<script src="js/script.js"></script>

</body>
</html>