<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="test.css">
<title>テストページ</title>
</head>
<body>
<!-- header -->
<header id="header">
<h1 class="site-title">
<a href="#">test page</a>
</h1>
<nav>
<ul>
<li><a href="#first">first</a></li>
<li><a href="#second">second</a></li>
<li><a href="#third">third</a></li>
</ul>
</nav>
</header>
<!-- Map -->
<section class="wrapper">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3104.400535073274!2d139.83408797643438!3d38.91482174567504!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5f8e9e432cf7edc7%3A0x984cb504b9992ce1!2z6YWS55Sw5biC5b255omA!5e0!3m2!1sja!2sjp!4v1689587953968!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<!-- first -->
<section id="first" class="wrapper">
<h2 class="sec-title">小見出し1</h2>
<div class="flexbox">
<div><img src="hiking.jpg" alt=""></div>
<ul>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>
</div>
</section>
<!-- second -->
<section id="second" class="wrapper">
<h2 class="sec-title">小見出し2</h2>
<div class="flexbox">
<div><img src="hiking.jpg" alt=""></div>
<ul>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>
</div>
</section>
<!-- third -->
<section id="third" class="wrapper">
<h2 class="sec-title">小見出し3</h2>
<div class="flexbox">
<div><img src="hiking.jpg" alt=""></div>
<ul>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
<li>テキストテキストテキストテキストテキストテキストテキストテキスト</li>
</ul>
</div>
</section>
</body>
</html>
