-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (29 loc) · 1.18 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>5.P Starter Code </title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css2?family=Oswald&display=swap" rel="stylesheet">
</head>
<body>
<div class="title">
<h1>What type of Blue Emoji are you?</h1>
</div>
<div class="questions">
<img src="https://uploads-ssl.webflow.com/646218c67da47160c64a84d5/6463452f75a28f1b15fd9756_47.png" alt="a picture of a blue emoji smiling and waving.">
<h4>Hello! How are you feeling today on a scale of 1-10?</h4>
<input class:"first-answer" placeholder="enter a number between 1-10">
<P> </P>
<img src="https://uploads-ssl.webflow.com/646218c67da47160c64a84d5/6463496f1042b2ca82b2d857_81.png" alt="a picture of a blue emoji confused and thinking with his hand on his face.">
<h4>Cool! Do you enjoy being outside or staying inside?</h4>
<input class: "second-answer" placeholder="ex. outside">
</div>
<div class="result">
<P></P>
this is where the user will see their quiz result!
</div>
<script src="script.js"></script>
</body>
</html>