<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SKIP</title>
<link rel="stylesheet" href="A.css" type="text/css">
</head>
<body>
<!-- メインコンテンツ -->
<div class="translate">Translate</div>
<img src="image/sample3.jpg" class="top-img">
<div class="main-visual">
<ul class="inner">
<li><a class="menu1-url menu1 circle" href ="#">ホーム</a></li>
<li><a class="menu2-url menu2 circle" href ="#">メニュー</a></li>
<li><a class="menu3-url menu3 circle" href ="#">メニュー</a></li>
<li><a class="menu4-url menu4 circle" href ="#">メニュー</a></li>
<li><a class="menu5-url menu5 circle" href ="#">メニュー</a></li>
</ul>
</div>
<div class="about">
<h1>タイトル１</h1>
</div>
<div class="waku">
<div class="about-texts">
<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
</div>
</div>
<div class="about">
<h1>タイトル２</h1>
</div>
<div class="item-list">
<div class="item">
<p class="title">サブタイトル１</p>
<figure class="image"><img src="https://picsum.photos/id/237/960/540" alt=""></figure>
<p class="link"><a href="#">くわしくみる</a></p>
</div>
<div class="item">
<p class="title">サブタイトル２</p>
<figure class="image"><img src="https://picsum.photos/id/237/960/540" alt=""></figure>
<p class="link"><a href="#">くわしくみる</a></p>
</div>
</div>
</body>
</html>
