【見出し確認用】

見出し

<p class="blogh1">見出し</p> 

見出し

 <p class="blogh2">見出し</p>

見出し

<p class="blogh3">見出し</p> 

見出し

 <p class="blogh4">見出し</p>

見出し

<p class="blogh5">見出し</p>

見出し

 <p class="marker7">見出し</p>

 <div class="acbox"><input id="ac-1" type="checkbox" /> <label for="ac-1">見出し</label>
<div class="acbox-under">内容</div>
</div>

<div class="acbox"><input id="ac-1" type="checkbox" /> <label for="ac-1">見出し</label>
<div class="acbox-under">内容</div>
</div> 

アイコン類はFontAwesomeから参照、好きなアイコンを選んでクリック

画像赤枠の情報をHTMLに記載することで、ページ上に表示ができる

例 <i class="far fa-check-circle"></i>

結果→

【記事プロフィール】

この記事を書いた人

Yuta Matsumura

PHOTOPRI代表

• PHOTOPRIの代表
• フード＆人物カメラマンとして活動
• 実家が印刷業
• 靴のデザイナーとしても活動
• PHOTOPRIサイト作成も担当