模写コーディング⑦大阪商事株式会社のデザインカンプ

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

今回は清掃会社のデザインカンプです。

私が配布しているデザインカンプは難易度が難しく感じるかもしれませんがこれができたら拾ってくれる制作会社は絶対にあります。

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

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

 

コーディングに使うサイトのロゴと他の画像

私が作成した会社のロゴと他の画像があるので配布します、↓からダウンロードしてください。

大阪商事株式会社 (1 ダウンロード)

 

写真ACの画像データのURL

リンク

リンク

リンク

リンク

リンク

リンク

リンク

リンク

 

マウスオーバー時に変化する所

マウスオーバーした時に変化する所のスクショを貼るので注意してデザインカンプを見てください。

フッターにある上向きの矢印をクリックすると画面一番上に戻るスムーススクロールになっています。

マウスオーバー時の変化はスマホには設定していませんがpcの時と同じと思って下さい。

 

デザインカンプのリンクのURL

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