模写コーディング⑩WING TRANSPORTのデザインカンプ

みなさんこんにちは、WEB制作のエンジニアのjonioです。

今回は運送会社のサイトのデザインカンプです。

写真の配布ができないので写真AC、イラストACからダウンロードするかデザインカンプのリンクでスクショを撮ってください。

使った写真のURLをつけます、コーディングの際はクリッピングマスクをしてトリミングしてください。

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

画面右下にクリックしたら画面の一番上に戻るボタンがありますが最初は非表示になっていて画面をスクロールしたらボタンが表示されるようにして下さい。(XDではこれができないので最初から表示された状態になっています)

パソコン画面でヘッダーのメニューをクリックするとスムーススクロールが効くようになっていますがスマホサイズでハンバーガーメニューの中身をクリックしてスムーススクロールになっていないのですがスムーススクロールにして下さい。(XDでこれができません)

デザインカンプのリンクはここです。

ロゴは私が作ったので配布します。

WING TRANSPORT (0 ダウンロード)