<!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"> <p>ここに色々案内の文を入れまーーーーーーーーーーーーーす。<br> コロナで観光がどーのこーの<br> オンラインで観光地に行こーーーーーーー </p> <img src="form.jpg" id="form" alt="申し込みフォームへ"> </div> <div class="side"> <div class="tour"> <h2 class="tour_title">酒田なんちゃらツアー紹介</h2> <p>酒田のツアーについてーーーーーーーーーーーーーーーーー</p> <video src="sakata.mp4" poster="sakata.jpg" controls width="60%"> <source src="sakata.ogv"> <source src="sakata.webm"> </video> </div> <div class="tour"> <h2 class="tour_title">鶴岡なんちゃらツアー紹介</h2> <p>鶴岡のツアーについてーーーーーーーーーーーーーーーーー</p> <video src="turuoka.mp4" poster="turuoka.jpg" controls width="60%"> <source src="turuoka.ogv"> <source src="turuoka.webm"> </video> </div> </div> <footer> <h3>ご案内</h3> <p>あとがき的なーーーーーーーーーーー</p> </footer> </body> </html>