-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
64 lines (60 loc) · 3.82 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<title>Document</title>
</head>
<body>
<div class="container">
<div class="sticky-navbar">
<button id="search-button"><i class="fas fa-search"></i></button>
<div id="header">
<h1>Order</h1>
</div>
<div >
<nav id="navigation-bar">
<a class="active" href="#menu">Menu</a>
<a href="#featured">Featured</a>
<a href="#previous">Previous</a>
<a href="#favorites">Favorites</a>
</nav>
</div>
</div>
<div class="product-menu">
<div id="drinks-menu">
<div class="header-container">
<h2 class="menu-header">Drinks</h2>
<h4 class="menu-count-header">See all 61</h4>
</div>
<ul>
<li><img src="https://globalassets.starbucks.com/assets/d668acbc691b47249548a3eeac449916.jpg?impolicy=1by1_tight_288" alt="picture-of-hot-coffee"> <span>Hot Coffes</span></li>
<li><img src="https://globalassets.starbucks.com/assets/f3ecda7d7510434c9ed2b3167dcb4466.jpg?impolicy=1by1_tight_288" alt="picture-of-hot-tea"><span>Hot Teas</span></li>
<li><img src="https://globalassets.starbucks.com/assets/677d276173ec4bc192c2b9a21776339f.jpg?impolicy=1by1_tight_288" alt="picture-of-hot-drink"><span>Hot Drinks</span></li>
<li><img src="https://globalassets.starbucks.com/assets/82d66c1a8db740cea6908f72625a3f6f.jpg?impolicy=1by1_tight_288" alt="picture-of-frappuccino"><span>Frappuccino® Blended <br>Beverages</span></li>
<li><img src="https://globalassets.starbucks.com/assets/103b2b745f4848f884b793696a4573b6.jpg?impolicy=1by1_tight_288" alt="picture-of-cold-coffee"><span>Cold Coffees</span></li>
<li><img src="https://globalassets.starbucks.com/assets/f56f2f6798504d72812581fbd3c326b8.jpg?impolicy=1by1_tight_288" alt="picture-of-iced-tea"><span>Iced Teas</span></li>
<li><img src="https://globalassets.starbucks.com/assets/3a62ac7842934f4991ddca2b9bb4c029.jpg?impolicy=1by1_tight_288" alt="picture-of-cold-drink"><span>Cold Drinks</span></li>
</ul>
</div>
<div id="food-menu">
<div class="header-container">
<h2 class="menu-header">Food</h2>
<h4 class="menu-count-header">See all 8</h4>
</div>
<ul>
<li><img src="https://globalassets.starbucks.com/assets/a37c3ec673fa42f98f3b123a7d7ebbfe.jpg?impolicy=1by1_tight_288" alt="picture-of-hot-breakfast-item"> <span>Hot Breakfast</span></li>
<li><img src="https://globalassets.starbucks.com/assets/7d4665b4af2541e387336966c6e3f1fb.jpg?impolicy=1by1_tight_288" alt="picture-of-bakery-item"><span>Bakery</span></li>
<li><img src="https://globalassets.starbucks.com/assets/345cb5f77b0a4a2f9f732a9c1b7e4d5f.jpg?impolicy=1by1_tight_288" alt="picture-of-lunch-item"><span>Lunch</span></li>
<li><img src="https://globalassets.starbucks.com/assets/ed3836b9b1584f258435b8fd2751b2fc.jpg?impolicy=1by1_tight_288" alt="picture-of-snack-item"><span>Snack & Sweets</span></li>
<li><img src="https://globalassets.starbucks.com/assets/bb65a9c21ce34ad5b9f99f58615b8211.jpg?impolicy=1by1_tight_288" alt="picture-of-yogurt-item"><span>Oatmeal & Yogurt</span></li>
</ul>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>