模写コーディング⑧EKO-FACTORYのデザインカンプ

模写コーディング⑧EKO-FACTORYのデザインカンプ

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

今回は廃棄物処理会社のデザインカンプです。

難易度が難しく感じるかもしれませんがこれができたら拾ってくれる制作会社は絶対にあります。

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

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

 

使った写真のリンク

写真のURLは↓になります。

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

 

スムーススクロールの設定とGoogleマップ

スマホ画面でなぜかスムーススクロールが効かないのでここで指示を出しますがPC画面でスムーススクロールを実装しているのをスマホにもそのまま使ってください。

「ACCESS」のセクションにマップがありますがデザインカンプ上では画像になっていますがこれはGoogleマップなのでコーディングの時にはGoogleマップを埋め込んで下さい。

 

ロゴのデータとデザインカンプのリンク

ロゴは私が作ったので配布します、↓からダウンロードしてください。

EKO-FACTORY (1 ダウンロード)

デザインカンプのリンクはここになります。