-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (43 loc) · 1.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" href="img/bmfavicon.png" type="image/png"/>
<link href="https://fonts.googleapis.com/css2?family=MuseoModerno:wght@200&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap" rel="stylesheet">
<title>Bus Mall</title>
</head>
<body>
<header>
<img id="header-image" src="img/bus-mall-logo.png" alt="bus mall">
<h1 id="h-one">bus mall</h1>
<h1 id="h-two"> market research</h1>
</header>
<main>
<section id="product-images">
<figure>
<img id="left" src="" alt="product picture">
<figcaption id="left-name"></figcaption>
</figure>
<figure>
<img id="middle" src="" alt="product picture">
<figcaption id="middle-name"></figcaption>
</figure>
<figure>
<img id="right" src="" alt="product picture">
<figcaption id="right-name"></figcaption>
</figure>
</section>
<section id="words">
<p>Welcome! Thank you for your participation in this market research study. Please consider the displayed products above, and click the picture of the one you prefer. You will have 25 opportunities to choose your favorite of the three. We value your input! </p>
</section>
<canvas id="myChart" width="400" height="400"></canvas>
</main>
<footer> © 2020 Millenium Market Research Company</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>