Spaces:
Runtime error
Runtime error
File size: 1,872 Bytes
2ff702d |
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 |
<!DOCTYPE html>
<html>
<head>
<title>Stu-Studios Clown_Town_app</title>
<style>
body {
background-image: url('img_underground_clown.jpg.png');
background-size: cover;
}
.container {
text-align: center;
color: dark slate-blue;
background-color: white;
border: 2px solid dark slate-blue;
margin: 50px auto;
padding: 20px;
width: 50%;
}
.options {
background-color: white;
border: 2px solid dark slate-blue;
margin: 10px;
padding: 10px;
width: 20%;
display: inline-block;
cursor: pointer;
}
.options:hover {
background-color: dark slate-blue;
color: white;
}
</style>
</head>
<body>
<div class="container">
<h1>Stu-Studios</h1>
<h2>Clown_Town_app</h2>
<p>Welcome to the app that will scare you senseless or have you in stitches!</p>
<h3>Select a genre:</h3>
<div class="options" id="option1">Funny</div>
<div class="options" id="option2">Freaky</div>
<div class="options" id="option3">Scary</div>
<div class="options" id="option4">Insane</div>
<h3>Select a story teller:</h3>
<div class="options" id="option5">Male</div>
<div class="options" id="option6">Female</div>
<h3>Select a story telling style:</h3>
<div class="options" id="option7">Relaxed</div>
<div class="options" id="option8">Tense</div>
<div class="options" id="option9">Scared</div>
<div class="options" id="option10">Funny</div>
<h3>Select creativity level:</h3>
<div class="options" id="option11">Low</div>
<div class="options" id="option12">Medium</div>
<div class="options" id="option13">High</div>
<br><br>
<div id="story"></div>
</div>
</body>
</html>
|