『ブログタイトル』とは</h2> <p style="text-align: center;"><strong><span class="re" />

【Cocoonトップページ】固定ページテンプレ

<h2 style="text-align: center;">『ブログタイトル』とは</h2> 
<p style="text-align: center;"><strong><span class="red">(ブログに合った画像)</span></strong></p> 
ブログの説明欄〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 
<p style="text-align: center;"><a class="btn btn-light-blue btn-m">●●をチェック</a></p>
<br>
<h2 style="text-align: center;">カテゴリ別の最新記事</h2> 
<div class="column-wrap column-2">
<div class="column-left">
<h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ①</h3> 
<p style="text-align: center;"><strong><span class="red">(カテゴリに合った画像)</span></strong></p> 
<p style="text-align: center;"><strong>キャッチフレーズ</strong></p> 
<strong><span class="marker-under">新着記事or人気記事</span></strong> <p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p> </div> <div class="column-right"> <h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ②</h3> <p style="text-align: center;"><strong><span class="red">(カテゴリに合った画像)</span></strong></p> <p style="text-align: center;"><strong>キャッチフレーズ</strong></p> <strong><span class="marker-under">新着記事or人気記事</span></strong> <p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p> </div> </div> <div class="column-wrap column-2"> <div class="column-left"> <h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ③</h3> <p style="text-align: center;"><strong><span class="red">(カテゴリに合った画像)</span></strong></p> <p style="text-align: center;"><strong>キャッチフレーズ</strong></p> <strong><span class="marker-under">新着記事or人気記事</span></strong> <p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p> </div> <div class="column-right"> <h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ④</h3> <p style="text-align: center;"><strong><span class="red">(カテゴリに合った画像)</span></strong></p> <p style="text-align: center;"><strong>キャッチフレーズ</strong></p> <strong><span class="marker-under">新着記事or人気記事</span></strong> <p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p> </div> </div> <div class="column-wrap column-2"> <div class="column-left"> <h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ⑤</h3> <p style="text-align: center;"><strong><span class="red">(カテゴリに合った画像)</span></strong></p> <p style="text-align: center;"><strong>キャッチフレーズ</strong></p> <strong><span class="marker-under">新着記事or人気記事</span></strong> <p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p> </div> <div class="column-right"> <h3 style="text-align: center;"><i class="fa fa-thumbs-up fa-fw my-gray"></i>カテゴリ⑥</h3> <p style="text-align: center;"><strong><span class="red">(カテゴリに合った画像)</span></strong></p> <p style="text-align: center;"><strong>キャッチフレーズ</strong></p> <strong><span class="marker-under">新着記事or人気記事</span></strong> <p style="text-align: center;"><a class="btn btn-light-blue btn-m">このカテゴリをもっと読む</a></p> </div> </div> <h2 style="text-align: center;"><strong><span style="font-size: 24px;">はまちゃんからのお知らせ</span></strong></h2> <div class="column-wrap column-2"> <div class="column-left">プロフィール</div> <div class="column-right"> <h3 style="text-align: center;">お知らせ①</h3> 内容〜〜〜〜 </div> </div> <div class="column-wrap column-2"> <div class="column-left"> <h3 style="text-align: center;">お知らせ②</h3> 内容〜〜〜〜〜 </div> <div class="column-right"> <h3 style="text-align: center;">お知らせ③</h3> 内容〜〜〜〜〜 </div> </div>