footer_008
4分割したブロックの一番右側の幅を広めにとりバナーを並べるような提案のフッター。スマホでは2列のメニューの下にバナーとしたいためにスマホ用のフッターはブロックを別けています。
more demo
footer_007
街並みなどの横長1色のイラストをフッターの色と合わせてレイアウト。
more demo
footer_006
大きなイラストなどがあり、その一番下の色の濃い場所に白抜きのフッター表記を載せるパターン。背景指定の画像と高さ・余白の設定で位置を合わせています。
more demo
footer_005
左右に分割したブロックで左はロゴ・会社概要など、右はサブメニューと電話・フォームへのリンクというレイアウト。色を分けた次のブロックに右寄せでコピーライトを配置しています。
more demo
footer_004
3つのブロックを組み合わたフッター。メインはコンテンツを詳細で並べたメニューと、横に並べたサブメニューは上下を区切り線で挟み多少立体感をもたせたラインにしています。
more demo
footer_003
メニューBの中央配置でサブメニューをフッターに配置。1行のキャッチコピーとコピーライトのシンプルなフッターです。
more demo
footer_002
背景に濃い色を2トーンで設定。ロゴと会社概要を左右に別けてたっぷりの余白で配置し、コピーライトは色を変えた次のブロックに配置しています。
more demo
footer_001
シンプルにコピーライトを中央に配置しただけのフッター
more demo