<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>観光1</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div class="container">
<header>
<h3 class="title">庄内観光地</h3>
<ul>
<li><a href="index.html">ホーム</a></li>
</ul>
</header>
<div class="main">
<div class="photo1 photo">
<h1 class="title1">サンプル</h1>
<img src="4803202_s.jpg">
<div class="box box1">
<div class="syokai_box">
<h2>このプログラムは</h2>
<p>あなたの目と脳に、新鮮な驚きを与える錯覚アートクイズです。</p>
<p>いろんな錯覚アートを見ながらクイズに挑戦してみてね!</p>
</div>
<div class="link_box">
<a href="http://roy.e.koeki-u.ac.jp/~c119115/cgi-bin/question2.html">
<p>< サンプル ></p>
</a>
</div>
</div>
</div>
<div class="gaiyo_box">
<h2>遊び方</h2>
<p>制限時間が15秒の4択クイズになります。</p>
<p>真ん中の「OK」ボタンを押すとだまし絵が表示され、カウントダウンが
開始されます。</p>
<p>「OK」を押す前に問題文と解答の選択肢を読んでおくことがコツだよ!</p>
<p>クイズの下には解説もあるよ! クリックしてチェックしてみよう!</p>
<h2>無保証</h2>
<p>このプログラムはプロジェクトチーム 醤油班 が著作権を保有してい
ます。このプログラムの入手・実行・改変・再配布は、いずれも自由に行うこと
が出来ます。プログラムに関する問題については著作権者はいっさいの責任を負
いません。</p>
</div>
</div>
</div>
</body>
</html
