RaiseTech旧サイト模写

RaiseTech旧サイト模写_ファーストビュー
旧サイト模写

デモサイトはこちらから

見所

RaiseTech旧サイト模写_アコーディオンメニュー_PC

PCではページ上部のヘッダー右側にドロップダウンメニューを設置しています。マウスカーソルを乗せると下方向にメニューを展開します。

RaiseTech旧サイト模写_アコーディオンメニュー_モバイル

モバイル・タブレットではページ右上の三本線 [ハンバーガーボタン]をタップすると、 [閉じるボタン]に変わり二階層のアコーディオンメニューが開きます。

その他

ページを上下にスクロールさせるとメインビジュアルの背景が手前と奥でずれて動く視差効果を実装してます。

制作時間の短縮のためにBootstrap(色・サイズ・余白などを装飾に関するフレームワーク)を導入してます。

※RaiseTechの指導のもと制作し、掲載の許可をいただいております。

最後まで読んでくださりありがとうございました。シェア頂けると嬉しいです!
  • URLをコピーしました!
  • URLをコピーしました!

ABOUT ME

WEB制作者
スキル:HTML・Sass(FLOCSS)・JavaScript・jQuery・WordPress

目次