materials-used.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>YUI公式サイト｜使用した素材ページ</title>
    <link rel="stylesheet" href="stylesheet.css">
    <link rel="icon" type="image/png" href="YUI-icon.png">

    <!-- 使用しているフレームワーク -->
    <script
      src="https://code.jquery.com/jquery-3.5.1.js"
      integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc="
      crossorigin="anonymous"></script>

    <script src="header&footer.js"></script>
    
    <link href="library/fontawesome-free-5.15.3-web/css/all.min.css" rel="stylesheet">
</head>
    
<body>
    <!-- 
    <div class="header">
      <div class="header-logo"><img src="YUI-icon.png" width="50px">YUI育成ポータルサイト</div>
      <div class="header-sub">対話による勇気づけで人々を幸せに</div>
      <a href="contact-us.html">お問い合わせ</a>
    </div>
    -->
    <nav class="navbar navbar-light bg-light fixed-top">
      <ul>
         <!-- タイトル -->
        <li><a href="index.html" class="menu-active tabs-button" style="font-size:5rem;display:-moz-inline-grid;justify-content:center;">
          <img src="yui_単体.png" style="width:6.3rem;height:6.3rem;">YUI育成ポータルサイト</a>
        </li>
        
        <span id="header" style="white-space:nowrap;display:inline-flex;justify-content:center;">
          <!-- header&footer.jsで記載：一括編集の為 -->
        </span>
      </ul>
  </nav>

    <div class="main">
      <div class="box1 black">
          <div class="box-title--blue">使用させていただいている素材</div>

          <ul class="left-and-right-handed-drawing">
            <li>
            <p>木目模様2（茶色）　作者：雨合羽様<br><a href="https://commons.nicovideo.jp/material/nc215640" class="link">https://commons.nicovideo.jp/material/nc215640</a></p>
            <img src="木目模様2（茶色）.jpg" alt="木目模様2（茶色）" width="300"></img>
            </li>
          </ul>
      </div>
    </div>

    <div class="footer" id="footer_content"></div>
  </div>
</body>
</html>