New

お知らせ

2025/03/05その他
雑貨・お取り寄せグルメサイト向け(ランディングページタイプ) 無料ホームページテンプレート tp_lp2 公開。
20XX/00/00重要
サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00サービス
サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00その他
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

お知らせ

<!--▼▼▼▼▼ここから「お知らせ」-->
<section>

<div class="news-c2">

<div class="title">
<h2>New</h2>
<p>お知らせ</p>
</div>

<div class="text">

<dl class="news">
<dt>2025/03/05<span>その他</span></dt>
<dd>雑貨・お取り寄せグルメサイト向け(ランディングページタイプ) 無料ホームページテンプレート tp_lp2 公開。</dd>
<dt>20XX/00/00<span class="icon-bg1">重要</span></dt>
<dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
<dt>20XX/00/00<span class="icon-bg2">サービス</span></dt>
<dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
<dt>20XX/00/00</dt>
<dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
<dt>20XX/00/00<span>その他</span></dt>
<dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>
</dl>

</div>

</div>
<!--/.news2-c2-->

</section>
<!--▲▲▲▲▲ここまで「お知らせ」-->

主なスタイルは

cssフォルダのstyle.cssから「.news」でテキスト検索してみて下さい。詳しい解説もあります。
2カラムにするスタイルは「.news-c2」です。

お知らせのみを1カラムで使いたい場合は

<dl class="news">

から、
</dl>

のみを使えばOK。