実在するサイトをトレースしてコーディングしたものです。

ファーストビューはスライドショーを設定しています。
スライドショー部分のサイズと位置をスマートフォンで指定して、見え方を変化させています。
メニュー部分は真ん中を1段下げています。
レスポンシブでレイアウトを変更させています。
スマートフォンではナビゲーションバーをハンバーガーボタンに変更させています。
地図部分はモノクロに加工しています。

制作時間　10時間
・素材収集・加工　1時間
・コーディング　9時間

 

72 Degrees Juicer + Café by David Myers >>

 

 

 

 

 

 

 

 

 

見本