コーディングの練習8、作るのが難しくない運送会社のサイト
HOME > 模写の練習 > コーディングの練習8、作るのが難しくない運送会社のサイト
最終更新日:2022.07.26

コーディングの練習8、作るのが難しくない運送会社のサイト

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

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

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

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

https://www.photo-ac.com/main/detail/3293936?title=%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%92%E6%89%8B%E3%81%AB%E6%8C%81%E3%81%A4%E5%A5%B3%E6%80%A7

https://www.photo-ac.com/main/detail/2042016?title=%E3%82%B3%E3%83%BC%E3%83%AB%E3%82%BB%E3%83%B3%E3%82%BF%E3%83%BC%E3%81%AE%E5%A5%B3%E6%80%A7

https://www.photo-ac.com/main/detail/23111302?title=%E7%AC%91%E9%A1%94%E3%81%A6%E3%82%99%E3%83%86%E3%82%99%E3%82%A3%E3%82%B9%E3%82%AB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E3%81%99%E3%82%8B%E3%83%92%E3%82%99%E3%82%B7%E3%82%99%E3%83%8D%E3%82%B9%E3%83%8F%E3%82%9A%E3%83%BC%E3%82%BD%E3%83%B3

https://www.photo-ac.com/main/detail/22441436?title=%E8%BB%8A%E6%A4%85%E5%AD%90%E3%81%AB%E4%B9%97%E3%82%8B%E6%82%A3%E8%80%85%E3%81%A8%E5%8C%BB%E8%80%85%EF%BC%88%E8%B6%B3%EF%BC%89

https://www.photo-ac.com/main/detail/23042410?title=%E3%83%80%E3%83%B3%E3%83%9C%E3%83%BC%E3%83%AB%E3%82%92%E9%81%8B%E3%81%B6%E5%A5%B3%E6%80%A7

https://www.photo-ac.com/main/detail/1681467?title=%E5%86%B7%E8%94%B5%E3%83%88%E3%83%A9%E3%83%83%E3%82%AF

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

https://www.photo-ac.com/main/detail/22106240?title=%E5%BA%83%E5%B3%B6%E3%81%AE%E6%B5%B7%E3%81%A8%E7%94%BA%E4%B8%A6%E3%81%BF

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

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

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

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

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

運送会社のロゴのデータ (37 ダウンロード)

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