headerパーツ化その3

Webサイトによってサイトデザインは様々ですが、header部分はある程度似通っている部分があると思います。そのため、案件を請け負った際に時間短縮をするためにheader部分においては、ある程度のテンプレートを作ってしまおうと思います。前回1パターン作っているので、今回は第3段です。

PC時のレイアウトは以下のとおりです。

サブメニューについては、クリックで表示させるようにしています。

レスポンシブでハンバーガーメニューを表示させています。

ハンバーガーメニューをクリックすると、横からサイドバーが表示されるようになっています。✕ボタンを押すと戻っていきます。

こちらもよくあるパターンのレイアウトなので、時間短縮に繋げられると思います。

ご依頼はこちらまでお願いいたします。