<!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="main.css" type="text/css">
<link rel="stylesheet" href="C.css" type="text/css">
</head>
<body>
<!-- ヘッダー -->
<header class="site-header">
<div class="header-list">
<img src="image/view_cloud01_01.png" alt="site-logo" class="header-logo">
<ul>
<li class="menu"><a class="menu1-url menu1" href ="#">ホーム</a></li>
<li class="menu"><a class="menu2-url menu2" href ="#">メニュー</a></li>
<li class="menu"><a class="menu3-url menu3" href ="#">メニュー</a></li>
<li class="menu"><a class="menu4-url menu4" href ="#">メニュー</a></li>
</ul>
</div>
</header>
<!-- //ヘッダー -->
<!-- メインコンテンツ -->
<div class="main">
<div class="top-image">
<img src="image/sample3.jpg" alt="top-image" class="top-img">
<h2 class="img-text top-image-text">サンプルテキストサンプル</h2>
</div>
<div class="about">
<h1 class="about-title1">サンプルタイトル</h1>
<p class="about-text1">サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト
サンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
</div>
</div>
<!-- //メインコンテンツ -->
<!-- フッター -->
<footer class="footer">
<p>Copyright (C) 2018-2021 SKIP - Shonai Koeki Information Project - . All Rights Reserved.</p>
</footer>
<!-- //フッター -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/textchange.js"></script>
</body>
</html>
