-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
59 lines (53 loc) · 2.97 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SLOT-LAND!</title>
<link rel='icon' href="./images/Screenshots/favicon.ico">
</head>
<body>
<div class = "header">
<h1>WELCOME TO SLOT-LAND!</h1>
<div class= "siren1">
<img src="https://cdn2.iconfinder.com/data/icons/varius-20/100/sirena3-512.png" alt="red siren" class="image10">
</div>
<div class= "siren2">
<img src="https://cdn2.iconfinder.com/data/icons/security-9/83/19-512.png" alt="green siren" class="image11">
</div>
</div>
<div class = "images">
<img class ="image1" src="https://image.shutterstock.com/image-vector/poo-emoticon-holding-thumbs-up-600w-709630684.jpg" alt="pooemoji">
<img class ="image2" src="https://image.shutterstock.com/image-vector/yellow-smiley-600w-572963653.jpg" alt="smileemoji">
<img class ="image3" src="https://image.shutterstock.com/image-illustration/red-heart-button-isolated-on-600w-1308854704.jpg" alt="heartemoji">
<img class ="image7" src="https://image.shutterstock.com/image-vector/eggplant-logo-designvector-illustration-600w-1485666596.jpg" alt="eggplantemoji">
<img class ="image8" src="https://thumbs.dreamstime.com/b/biceps-vector-isolated-emoji-gesture-flat-illustration-muscle-emoticon-biceps-vector-isolated-emoji-gesture-flat-illustration-213805549.jpg" alt="flexemoji">
<img class ="image9" src="https://image.shutterstock.com/image-vector/coffee-emoji-cup-eyes-kawaii-600w-1079022455.jpg" alt="coffeeemoji">
</div>
<h2>Tokens:</h2>
<h2 class="tokens">0000</h2>
<h2 class ="youwin">YOU WIN!</h2>
<h2 class ="youlose">GAME OVER!</h2>
<div class="row">
<div id=column1 class="column"><img class = "image4" src ="https://images.emojiterra.com/google/android-nougat/512px/1f44d.png" alt="thumbsupemoji"></div>
<div id=column2 class="column"><img class = "image5" src ="https://images.emojiterra.com/google/android-nougat/512px/1f44d.png" alt="thumbsupemoji"></div>
<div id=column3 class="column"><img class = "image6" src ="https://images.emojiterra.com/google/android-nougat/512px/1f44d.png" alt="thumbsupemoji"></div>
</div>
<p>
<button class="button1">CLICK to WIN!</button>
<img class ="scoreboardimage" src ="./images/Updated_Scoreboard.png" alt ="scoreboardsign">
</p>
<div class ="slider">
<div class ="parent">
<div class ="child">Reach 2000 Tokens and You Win!</div>
</div>
</div>
<div class ="result1">JACKPOT!</div>
<div class ="result2">TRY AGAIN!</div>
<div class ="gameover">GAME OVER, YOU LOSE! HAHA LOSER!</div>
<div class ="winnermessage">CONGRATULATIONS, YOU WIN!</div>
<script src = "script.js"></script>
</body>
</html>