青牡丹工務店

制作課題をデザインカンプからコーディングしました。

計5ページです。

レイアウトはflexBoxで制御しました。デバイスの横幅が1080px以下では横幅が100%になり、ハンバーガーメニューが現る仕様です。

トップページの無限スライドは、軽量のsplideを使いました。

ハンバーガーメニューや、お知らせセクションのモーダルは、どこをクリックしても閉じるようにjavascriptで制御しました。

  • HTML5
  • CSS3
  • JavaScript
  • sass
  • splide
  • Figma
  • cursor
トップへ戻るボタンです。

©2024 tomoko.web