<!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>