インフォボックスとは
インフォボックスは画像やロゴ、アイコンにタイトルや説明文、リンクを追加して、情報を表示できるモジュールです。様々なデザインスタイルを持っていますので、ページの構成に合わせてお使いください。以下はアイコン・画像を上に表示したスタイルです。
画像アイコンとタイトル
アプリライクな表示です。最初にバウンスのアニメーション、マウスオーバーでもアニメーションします。
左に画像アイコンとタイトル&説明
人物紹介例
画像アイコンとタイトルの例
画像アイコンとタイトルを一行目に配列。説明を下部に表示するレイアウトです。
フォントアイコンとタイトルの例
フォントアイコン(Font Awesomeなど)とタイトルを一行目に配列。説明を下部に表示するレイアウトです。
フォントアイコンに丸枠追加
フォントアイコン(Font Awesomeなど)に丸枠などを追加して表現することもできます。
フォントアイコンをカラーリング
フォントアイコン(Font Awesomeなど)に色をつけることももちろんできます。背景とマッチしたカラーリングの例です。
フォントアイコンに枠などカスタマイズ
フォントアイコン(Font Awesomeなど)に枠を追加するなどカスタマイズもできます。