【Concept】 ポートフォリオページのデザインカンプをもとに、HTML / CSSでコーディングしました。 About・Works・Contactの各セクションを実装し、デザインカンプのレイアウトや余白、画像の配置などを確認しながら、全体の見た目を整えています。 Point デザインカンプの指示に沿って、画像の配置や各セクションのレイアウトを実装しました。 また、Worksの作品画像にはホバー時に暗くなる効果、「and more …」にはホバー時のアニメーションを実装しています。 【担当】 ・HTML / CSSコーディング ・各セクションのレイアウト実装 ・画像素材の選定・準備 ・作品画像のホバー効果の実装 ・「and more …」のホバーアニメーション実装 ・デザインカンプに沿った表示調整 【制作条件】 デザインカンプの指示に基づき、PC表示のみで実装しています。 【デモサイト】 https://masha-design.mond.jp/Sample_Portfolio/