news.html

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>YUI公式サイト｜NEWSページ</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>

    <main>
      <div class="box1 black">
          <div class="box-title--news">NEWS</div>

          <ul class="board">
              <li><li-title>ホームページをリニューアル!</li-title><br>
                <img src="Before-After.png" width="100%">
                
                それに伴い、URLを新調しました。
                新しいURL <a href="https://nezuu2.github.io/YUI_web">https://nezuu2.github.io/YUI_web</a><br>
                古いURL <a href="https://nezuu2.github.io/Y.U.I-github.io">https://nezuu2.github.io/Y.U.I-github.io</a>
              </li>
              
              <li><li-title>COMITIA143サークル参加決定</li-title><br>
                
              </li>

              <li><li-title>対話型ARアバター秘書YUI配信開始</li-title><br>
                
              </li>
              
              <li><li-title>対話型AIアプリYUI配信開始</li-title><br>
                
              </li>

              <li><li-title>ホームページ公開</li-title><br>
                
              </li>
          </ul>

      </div>
    </main>

    <div class="footer" id="footer_content"></div>
</body>
</html>