お知らせ
<!--▼▼▼▼▼ここから「お知らせ」-->
<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。