Tablet View

features_018

features_018a

features_018b
SP View

features_018

features_018a

features_018b
リクエストの多かったカラム全体にリンク設定したBlockDesign
最近よく見るパターンで、このようにしたいという希望をいただくことが多かったカラム全体にリンクを設定するブロック。マウスオーバーでカラム全体の背景色を変える設定にしています。
リスト:ニュース式を使いアイコンと文字を横並びにしています。
fontawesomeを使ったパターン。DRESSで角丸にしています。
カラムの右下にafter要素にborderで作ったアクセントを入れたパターン