<!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"></iframe></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>
<script type="text/javascript" src="setsumei-template.js"></script>
<div class ="slide-pic">
<div id ="slide" class="slideshow"> <!-- 背景に画像を設定 -->
<a class ="arrow next" id ="right" href =""></a>
<a class ="arrow back" id ="left" href =""></a>
</div>
</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>
<div class="go">
<p>mapなのですよ</p>
<p>gooooooo</p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6996.119952020165!2d139.83077283112002!3d38.735097316737146!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8c1be48192c263%3A0x433dfd0abd512ade!2zRU4vTUUgKOOCqOODs-ODoSk!5e0!3m2!1sja!2sjp!4v1657607992311!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</body>
</html>
みのさんじょー