<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>検索</title>
<link rel="stylesheet" href="cafe3_1.css">
<h1>カフェサイト</h1>
<nav class="iroiro">
<ul>
<li><a href="https://www.yatex.org/gitbucket/SKIP/cafe-2022/pages/ryuei/cafe-top.html">HOME</a></li>
<li><a href="https://umap.openstreetmap.fr/en/map/cafe_719612#11/38.8676/139.9047">map</a></li>
<li><a href="https://www.yatex.org/gitbucket/SKIP/cafe-2022/pages/aoi/cafe3_1.html">検索</a></li>
</ul>
</nav>
</head>
<body>
<h1>検索する</h1>
<nav class="main_nav">
<ul>
<li><a href="#div01">店名から探す</a></li>
<li><a href="#div02">ジャンルから探す</a></li>
<li><a href="#div03">場所から探す</a></li>
</ul>
</nav>
<div id="div01">
<h2 class="shop">店名から探す</h2>
<p class="shopname">
<a href="cafe1.html">モアレ</a>
</p>
<p class="shopname">
<a href="">店2</a>
</p>
<p class="shopname">
<a href="">店3</a>
</p>
<p class="shopname">
<a href="">店4</a>
</p>
<p class="shopname">
<a href="">店5</a>
</p>
</div>
<div id="div02">
<h2 class="kinds">ジャンルから探す</h2>
<ul class="shopkinds">
<li><a href="list_cafe.html">カフェ</a></li>
<li><a href="list_kissa.html">喫茶店</a></li>
<li><a href="list_ramen.html">ラーメン</a></li>
</ul>
</div>
<div id="div03">
<h2 class="place">場所から探す</h2>
<p>
<a href="list_sakata.html">酒田市</a>
</p>
<p>
<a href="list_place2.html">場所2</a>
</p>
<p>
<a href="list_place3.html">場所3</a>
</p>
<p>
<a href="list_place4.html">場所4</a>
</p>
<p>
<a href="list_place5.html">場所5</a>
</p>
</div>
</div>
</body>
</html>
SUGAWARA Aoi