Spaces:
Sleeping
Sleeping
<html lang="ja"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>クイズアプリ</title> | |
<style> | |
body { | |
font-family: Arial, sans-serif; | |
background-color: #f0f0f0; | |
margin: 0; | |
padding: 0; | |
} | |
h1 { | |
color: #333; | |
text-align: center; | |
} | |
p { | |
color: #666; | |
text-align: center; | |
} | |
ul { | |
list-style-type: none; | |
padding: 0; | |
text-align: center; | |
} | |
li { | |
margin-bottom: 10px; | |
} | |
a { | |
text-decoration: none; | |
color: #007bff; | |
} | |
a:hover { | |
text-decoration: underline; | |
} | |
</style> | |
</head> | |
<body> | |
<h1>クイズアプリへようこそ!</h1> | |
<p>以下のクイズから選択してください:</p> | |
<ul> | |
<li><a href="/quiz_capital">国の首都当てクイズ</a></li> | |
<li><a href="/quiz_element">元素の最外殻電子数当てクイズ</a></li> | |
<li><a href="/quiz_element2num">元素記号から原子番号当てクイズ</a></li> | |
</ul> | |
</body> | |
</html> | |