オーダースーツ店の架空サイト

OVERVIEW

コーディング教材の課題です!デザインカンプから静的コーディングを行いました!

YEAR 2023

サイトURL

https://sakamaki.site/mck04/

※閲覧の際は下記のユーザー名とパスワードを入力してください。

Basic認証

ユーザー名、パスワードともに
user-1150

実装概要

  • ファーストビューのスライダーアニメーション
    • ナビゲーション
    • ページネーション
  • スムーススクロール
  • TopページServiceセクションのタブ切り替え
  • AboutページのGoogle Mapのモーダルウィンドウ
  • スマホ画面でのハンバーガーメニュー

気を付けて制作した箇所

  • ピクセルパーフェクト
  • どの画面幅でも表示崩れがないこと
  • BEMによるCSS設計

使用している技術

HTML / CSS / SCSS / JavaScript


WEBSITE