<!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>どさいても、庄内</h1> <p class="guide_p">ここに色々案内の文を入れまーーーーーーーーーーーーーす。<br> コロナで観光がどーのこーの<br> オンラインで観光地に行こーーーーーーー </p> <a href="入力フォームへのリンク" target="_blank"><img src="form.PNG" alt="申し込みフォームへ" width="500px"></a> </div> <div class="side"> <div class="tour"> <h2 class="tour_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="tour_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>