プログラミングスクールのデザイナーさんが作成したPhotoshopのデザインカンプをもとに、
架空の工務店のホームページをコーディングしました。

アニメーションの指定がなかったので、
各コンテンツが可視領域に入るとフェードインで表示されるよう追加実装しています。

また、ハンバーガーメニューのデザインについても指定がなかったので、
サイトの雰囲気に合わせてシンプルなフルスクリーンメニューを使用しています。

メニューをクリックするとコンテンツへスムーススクロールします。

タブレット、スマートフォン共にレスポンシブにも対応しています。
フォントをremで指定して、レスポンシブをデザインしやすいようコーディングしました。