-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (54 loc) · 1.81 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
65
<html>
<head>
<meta charset="UTF-8">
<!-- <link rel="stylesheet" type="text/css" href="styles.css"> -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
<style>
body,
html {
min-height: 100vh;
min-width: 100vw;
max-width: 100vw;
margin:0;
padding:0;
overflow: hidden;
}
</style>
</head>
<body>
<nav class="shadow p-2 text-center bg-secondary text-light">
<h1>Coder Cliff's Ice Cream Shop</h1>
</nav>
<main class="container mt-4">
<section>
<h2>Order a Ice-cream</h2>
<hr>
</hr>
<h3>Pick your ice cream flavour:</h3>
<form>
<!-- FLAVOUR SELECTOR -->
<select id="iceCreamFlavour">
<option hidden value="select flavour">--- select flavour ---</option>
<option value="chocolate">Chocolate</option>
<option value="strawberry">Strawberry</option>
<option value="vanilla">Vanilla</option>
<option value="caramel">Caramel</option>
</select>
<!-- CASE METHOD SELECTOR -->
<span>using Case method</span>
<!-- CASE METHOD SELECTOR -->
<select id="methodSelector" name="case-method">
<option value="methodOne">1</option>
<option value="methodTwo">2</option>
</select>
</form>
<!-- DISPLAY ICE CREAM -->
<div id="selectedOptionDisplay"></div>
</section>
</main>
<script src="script.js"></script>
<script src="startup.js"></script>
</body>
</html>