<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>庄内農園</title>
<link rel="stylesheet" href="index.css" type="text/css">
</head>
<body>
<header>
<p class="header">
<img class="header" src="header.png" alt="ヘッダー写真">
</p>
<!- メニュー用リンク->
<a href=".html">top</a><br>
<a href=".html">hoge</a><br>
<a href=".html">hogege</a><br>
<a href=".html">hogehoge</a><br>
</header>
<main>
<!- メニューなど諸々->
<div class="menu">
<h1>おすすめはここじゃい！</h1>
<a href=".html">今が旬の農作物</a>
<a href=".html">旬の食材をおいしく食べる</a>
<a href=".html">自由研究で困ったら...</a>
<a href=".html">熱中症にご注意を</a>
</div>
<!- topページの本文->
<div class="honbu">
<h1>かまくらじゃい！</h1>
<p>かまくらは雪で作られたドーム状の家のようなもので中は暖かいです。</p>
<p>かまくらはかまくらであり、かまくらであるが故にかまくらなのです。</p>
<p>農業テーマパークは農業の活性化を何チャラこんちゃらあちゃちゃちゃちゃ</p>
<p>大きなかぶがどうたらあーたらぬぬぬぬぬぬ</p>
<p class="annai">施設案内</p>
<p><img src="image2.png" alt="案内図">
</p>
</div>
</main>
<footer>
<p>お問い合わせ</p>
<p>ほげほげ県ほんげー群ほんげー村ほほほ12-15</p>
<p>電話/FAX ○○-○○○○-○○○○</p>
</footer>
</body>
</html>
