お知らせ

お知らせのレイアウトについての章です。

コンテンツエリア毎のラッピング

各コンテンツエリアは「t-information」クラスを付与したタグで囲ってください。


  <div class="t-information">
    <!-- 各コンテンツが入ります -->
  </div>

基本レイアウト

基本レイアウトは「t-container」クラス内の「t-information」クラス内に下記を参考に記述してください。
（※アコーディオン用関連ファイル：jquery-3.4.1.min.js、information.js）

2020年12月31日

システム障害の復旧のお知らせ安全運転支援アラート

一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三

画像を表示

2020年12月31日

あああああああああああああああああああ

お知らせの本文が入ります。この文章はダミーです。2014年2月27日（木）はサーバメンテンナンスのため下記の時間帯にサービスが停止する時間帯があります。ご不便をお掛け致しますが、ご理解賜りますようお願い申し上げます。


  <body>
    <section class="t-container">

      <div class="t-information">
        <div class="t-information-container">
          <div class="t-information-item">
            <div class="t-information-item-header">
              <div class="t-information-item-date">2020年12月31日</div>
              <div class="t-information-item-title">システム障害の復旧のお知らせ安全運転支援アラート</div>
          </div> <!-- /.t-information-item-header -->
            <div class="t-information-item-collapse">
              <p class="t-information-item-text">一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三四伍六七八九十一二三</p>
              <div class="t-information-item-image"><img src="../apl/sp/images/information/img01.jpg" alt=""></div>
              <div class="t-information-item-image-controler">
                <div class="t-information-item-image-controler-text">画像を表示</div>
              </div><!-- .t-information-item-image-controler -->
            </div><!-- /.t-information-item-collapse -->
          </div><!-- /.t-information-item -->
          <div class="t-information-item">
            <div class="t-information-item-header">
              <div class="t-information-item-date">2020年12月31日</div>
              <div class="t-information-item-title">あああああああああああああああああああ</div>
          </div> <!-- /.t-information-item-header -->
            <div class="t-information-item-collapse">
              <p class="t-information-item-text">お知らせの本文が入ります。この文章はダミーです。2014年2月27日（木）はサーバメンテンナンスのため下記の時間帯にサービスが停止する時間帯があります。ご不便をお掛け致しますが、ご理解賜りますようお願い申し上げます。</p>
            </div><!-- /.t-information-item-collapse -->
          </div><!-- /.t-information-item -->
        </div><!-- /.t-information-container -->
      </div><!-- /.t-information -->

    </section><!-- /.t-container -->
  </body>