ボックスを3種類用意したシンプルなテンプレートです。素材は空に落ちる様よりお借りしています。
ソースを見ていただければわかるかと思いますがクラス名を変えることで上部アクセント画像が変わります。これは葉っぱ。
これは貝がらのボックスです。
メニュー以外のリンクはこんなかんじ、強調(HPタイトルにも使用)はこんなかんじになります。
どんな画像も映えるようモノトーンで作っていますので、お好みで色など変えていただけたら。
これは星座のボックスです。
ボックス内の余白については画像に合わせてそれぞれ変えています。もし画像を差し替えて使う場合は、余白も変更してください。大体画像縦サイズ+25~30pxで設定しています。
自動改行しない設定で作成しています

HEAD

BODY