GitBucket
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>店舗情報</title>
<script type="text/javascript" src="csv.min.js"></script>
<script type="text/javascript" src="mycsvload-inter.js"></script>
<link rel="stylesheet" href="test-inter.css">
</head>
<body>
<p>
<button type="button" id="left">前のページへ </button>
<button type="button" id="right"> 次のページへ </button>
</p>
<div class="hwrapper">
<div class="header">
<h1 id="__店名h1__">店名h1</h1>
<p><img id="__写真img__" src=""></img></p>
</div>
</div>
<main>
<section class="intro">
<div>
<h2 id="__紹介h2__"></h2>
<p id="__紹介__"></p>
</div>
</section>
<section class="menu">
<div>
<h2 id="__メニューh2__"></h2>
<div class="flex-container">
<div class="flex-item">
<img id="__メニュー写真1__" src=""></img>
</div>
<div class="flex-item">
<h3 id="__メニュー名1__"></h3>
<p id="__説明1__"></p>
</div>
</div>
<div class="flex-container">
<div class="flex-item">
<img id="__メニュー写真2__" src=""></img>
</div>
<div class="flex-item">
<h3 id="__メニュー名2__"></h3>
<p id="__説明2__"></p>
</div>
</div>
<div class="flex-container">
<div class="flex-item">
<img id="__メニュー写真3__" src=""></img>
</div>
<div class="flex-item">
<h3 id="__メニュー名3__"></h3>
<p id="__説明3__"></p>
</div>
</div>
</div>
</section>
<section class="interview">
<h2 id="__インタビューh2__"></h2>
<details class="qa">
<summary id="__質問1__" >質問1</summary>
<p id="__回答1__">回答1</p>
</details>
<details class="qa">
<summary id="__質問2__" >質問2</summary>
<p id="__回答2__">回答2</p>
</details><details class="qa">
<summary id="__質問3__" >質問3</summary>
<p id="__回答3__">回答3</p>
</details><details class="qa">
<summary id="__質問4__" >質問4</summary>
<p id="__回答4__">回答4</p>
</details><details class="qa">
<summary id="__質問5__" >質問5</summary>
<p id="__回答5__">回答5</p>
</details>
</section>
<section class="info">
<div>
<h2 id="__店舗情報__">店舗情報</h2>
<div class="border">
<p id="__住所__">内容</p>
<p id="__営業時間__">内容</p>
<p id="__定休日__">内容</p>
<p id="__電話番号__">内容</p>
</div>
</div>
</section>
</main>
</body>
</html>