<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>庄内オンラインツアー</title>
<link rel="stylesheet" href="main.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Sawarabi+Mincho" rel="stylesheet">
</head>
<body>
<header>
<video muted playinline autoplay loop width="100%">
<source src="intern_sample.mp4">
</video>
</header>
<div class="guide">
<h1 class="title">どさいても、庄内</h1>
<p class="guide_p"><span class="guide_span">「観光に行きたくても行けない...」</span></p>
<p class="guide_p"><span class="guide_span">「大人数で観光するのは少し不安...」</span></p>
<p class="guide_p">そんな時はオンラインツアーや少人数観光ツアーを！</p>
<p class="guide_p">どこにいても庄内の名所を巡る観光気分が味わえます。</p>
<p class="guide_p"></p>
<a href="入力フォームへのリンク" target="_blank"><img src="form.PNG" alt="申し込みフォームへ" width="500px"></a>
</div>
<div class="side">
<div class="tour">
<h2 class="title">酒田なんちゃらツアー紹介</h2>
<div class="tour_p">
<p>酒田のツアーについてーーーーーーーーーーーーーーーーー</p>
<video src="sakata.mp4" poster="sakata.jpg" controls width="90%" class="tour_video"></video>
</div>
</div>
<div class="tour">
<h2 class="title">鶴岡なんちゃらツアー紹介</h2>
<div class="tour_p">
<p>鶴岡のツアーについてーーーーーーーーーーーーーーーーー</p>
<video src="turuoka.mp4" poster="turuoka.jpg" controls width="90%" class="tour_video"></video>
</div>
</div>
</div>
<h3>ご案内</h3>
<p>あとがき的なーーーーーーーーーーー</p>
<footer>
</footer>
</body>
</html>
