<!DOCTYPE html>
<html lang="ja">
<head>
<title>introduction</title>
<link rel="stylesheet" type="text/css" href="setsumei-template.css">
</head>
<body>
<header>
<h1><a href="https://www.yatex.org/gitbucket/SKIP/cafe-2022/pages/ryuei/cafe-top.html"><img src="title/little-favorite.jpg"></a></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>
<li><a href="">なんか</a></li>
<li><a href="">なんか</a></li>
</ul>
</nav>
</header>
<div class="detekuru">
<div class="botan">
<input type="checkbox" id="icon"> <!--部品の作成 チェックボックス-->
<label for="icon"><span></span></label> <!--構成部品↑を関連付ける span→囲んだ要素だけデザインを変更-->
<div class="nakami">
<p>メニュー</p>
<ul>
<li><a href="">2020</a></li>
<!-- <div class="2020"> -->
<ul>
<li>店名</li>
<li>店名</li>
<li>店名</li>
</ul>
<!-- </div> -->
<li><a href="">2021</a></li>
<!-- <div class="2021"> -->
<ul>
<li>店名</li>
<li>店名</li>
<li>店名</li>
</ul>
<!-- </div> -->
<li><a href="">2022</a></li>
<!-- <div class="2022"> -->
<ul>
<li>店名</li>
<li>店名</li>
<li>店名</li>
</ul>
<!-- </div> -->
</ul>
</div>
</div>
</div>
<h1>shopname</h1>
<div class="slide">
<ul>
<li><img src="photo/enme-sd-2022-01-15.png" alt="400x300" width="400" height="300"></li>
<li><img src="photo/hiyori-sd-2022-01-07.png" alt="284x400(211486bytes)" width="284" height="400"></li>
<li><img src="photo/enme-sd-2022-01-15.png" alt="400x300" width="400" height="300"></li>
<li><img src="photo/hiyori-sd-2022-01-07.png" alt="284x400(211486bytes)" width="284" height="400"></li>
</ul>
</div>
<p>キャッチコピー的なの</p>
<h1>基本情報</h1>
<div class="info">
<ul>
<li>--住所--</li>
<li>--電話暗号--</li>
<li>--営業時間--</li>
<li>--定休日--</li>
<li>--駐車場--</li>
<li>--SNS--</li>
</ul>
</div>
<div class="mono1">
<img src="photo/enme-sd-2022-01-15.png" alt="400x300" width="400" height="300">
<p>説明</p>
</div>
<div class="mono1">
<img src="photo/enme-sd-2022-01-15.png" alt="400x300" width="400" height="300">
<p>説明</p>
</div>
<div class="mono1">
<img src="photo/enme-sd-2022-01-15.png" alt="400x300" width="400" height="300">
<p>説明</p>
</div>
</body>
</html>
みのさんじょー