<!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>D</title> <link rel="stylesheet" href="main.css" type="text/css"> <link rel="stylesheet" href="D.css" type="text/css"> </head> <body> <!-- ヘッダー --> <header class="site-header"> <div class="header-list"> <ul class="menu-1"> <li class="menu"><a class="menu1-url menu1" href ="#">ホーム</a></li> <li class="menu"><a class="menu2-url menu2" href ="#">メニュー</a></li> </ul> <img src="image/view_cloud01_01.png" alt="site-logo" class="header-logo"> <ul class="menu-2"> <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> <div class="about-texts"> <p class="about-text1">サンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p> <img src="image/sample3.jpg" alt="about-image" class="about-img1"> </div> </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>