模写コーディングの練習9、実務レベルの運送会社のサイト

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

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

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

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

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

https://www.photo-ac.com/main/detail/4191145?title=%E4%BD%9C%E6%A5%AD%E7%9D%80%E3%82%92%E3%81%8D%E3%81%9F%E7%94%B7%E5%A5%B3

https://www.photo-ac.com/main/detail/23054956?title=%E5%A5%B3%E6%80%A7%E3%82%AA%E3%83%9A%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC

https://www.photo-ac.com/main/detail/4274423?title=%E7%AC%91%E9%A1%94%E3%81%AE%E5%8A%B4%E5%83%8D%E8%80%85

https://www.photo-ac.com/main/detail/23138304?title=%E8%BB%BD%E8%B2%A8%E7%89%A9%E8%87%AA%E5%8B%95%E8%BB%8A%E3%82%92%E9%81%8B%E8%BB%A2%E3%81%99%E3%82%8B%E5%AE%85%E9%85%8D%E3%83%89%E3%83%A9%E3%82%A4%E3%83%90%E3%83%BC%E3%81%AE%E7%94%B7%E6%80%A7

https://www.photo-ac.com/main/detail/22161465?title=%E3%83%98%E3%83%AB%E3%83%A1%E3%83%83%E3%83%88%E3%82%92%E8%A3%85%E7%9D%80%E3%81%97%E3%81%9F%E3%83%93%E3%82%B8%E3%83%8D%E3%82%B9%E3%83%9E%E3%83%B3

https://www.photo-ac.com/main/detail/1115399?title=%E9%9D%A2%E6%8E%A5%E5%AE%98%E3%81%A8%E5%B0%B1%E6%B4%BB%E7%94%9F55

https://www.photo-ac.com/main/detail/23129566?title=%E3%83%8F%E3%82%A6%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%8B%E3%83%B3%E3%82%B0%E3%81%99%E3%82%8B%E7%94%B7%E5%A5%B3%EF%BC%88%E6%8F%9B%E6%B0%97%E6%89%87%EF%BC%89

https://www.photo-ac.com/main/detail/22869775?title=%E5%86%AC%E3%81%AE%E9%81%93%E3%81%AE%E9%A7%85%E3%81%AE%E9%A7%90%E8%BB%8A%E5%A0%B4+%28%E6%96%B0%E6%BD%9F%E7%9C%8C%29

https://www.photo-ac.com/main/detail/22043484?title=%E5%80%89%E5%BA%AB%E3%81%A7%E5%83%8D%E3%81%8F%E5%A5%B3%E6%80%A7

https://www.photo-ac.com/main/detail/5091603?title=%E4%BD%9C%E6%A5%AD%E6%9C%8D%E3%82%92%E7%9D%80%E3%81%9F%E8%A4%87%E6%95%B0%E3%81%AE%E7%94%B7%E6%80%A7%E3%81%8C%E5%BC%95%E3%81%A3%E8%B6%8A%E3%81%97%E4%BD%9C%E6%A5%AD%E3%81%A7%E3%83%86%E3%83%BC%E3%83%96%E3%83%AB%E3%82%92%E9%81%8B%E3%81%B6%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8

https://www.photo-ac.com/main/detail/1429522?title=%E5%83%8D%E3%81%8F%E4%BA%BA%E7%89%A9%E3%80%80%EF%BC%AE%EF%BD%8F.+48%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%83%95%E3%82%A9%E3%83%BC%E3%82%AF%E3%83%AA%E3%83%95%E3%83%88%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80%E3%80%80+

https://www.photo-ac.com/main/detail/4186675?title=%E7%89%A9%E6%B5%81%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8

https://www.photo-ac.com/main/detail/4141358?title=%E7%89%A9%E6%B5%81%E3%81%AE%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8

なぜかデザインカンプ上で画面をスクロールする時に固定にする事ができなかったのでここで指示をします。

↓はスクロールした時に固定にして下さい。

↓はある程度スクロールするまでは消えていてクリックすると画面の一番上に飛ぶようにして下さい。

私が作った画像は配布しますので使って下さい。

デザインカンプのリンクはここから

●いいねをつけてもらえると励みになります。