<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cafe</title>
<link href="JOHO.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="page">
<header>
<div id="header_inner">
<div id="header_logo">
<p>情報処理特講a</p>
</div>
</div>
</header>
<section class="section-wrapper" id="about">
<h2 class="section-ttl">タカミダイ</h2>
<h3>今回は「タカミダイ」について紹介していきます。</h3>
<p>概要-----------------------------------------------------------------
-----------------------------------------------------------------
-----------------------------------------------------------------
</p>
</section>
<section id="food">
<div class="food-container">
<h2>店の紹介</h2>
<ul>
<li><figure><img src="Takamidai.JPG"></figure><h3>題名</h3><p>おいしさを語れ</p></li>
<li><figure><img src="Takamidaipasuta.jpeg"></figure><h3>題名</h3><p>おいしさを語れ</p></li>
<li><figure><img src="Takamidaipasuta2.jpeg"></figure><h3>題名</h3><p>おいしさを語れ</p></li>
</ul>
</div>
</section>
<section id="history">
<div class="history-container">
<h2>店の歴史</h2>
<div class="contents">
<div><img src="tennai.JPG"></div>
<div class="content">
<h3>小見出し(なくてもいいよ)</h3>
<p>いいところで(br)入れてください。いいところで(br)入れてください。いいところで(br)入れてください。いいところで(br)入れてください。</p>
</div>
</div>
</div>
</section>
<section id="info">
<div class="info-container">
<h2>お店情報</h2>
<div class="info">
<dl>
<dt>店名</dt>
<dd>タカミダイ</dd>
<dt>住所</dt>
<dd>酒田市</dd>
<dt>平均料金</dt>
<dd>(通常)5,000円
(ランチ)1,000円〜2,000円
(宴会)3,000円</dd>
<dt>定休日</dt>
<dd>日曜日(予約により日曜営業)</dd>
<dt>電話番号</dt>
<dd>000-0000-0000</dd>
</dl>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3104.965110576356!2d139.81842295017967!3d38.90191315418422!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8e9e2544f04109%3A0x71859b762c09ba6a!2z44K_44Kr44Of44OA44Kk!5e0!3m2!1sja!2sjp!4v1622394789824!5m2!1sja!2sjp" width="300" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</section>
<footer>
<p>footer</p>
</footer>
</body>
</html>
