実際のホームページの模写コーディングを行いました。
（対象サイト：https://www.rakuten-bank.co.jp/）
対象サイトのソースコードを閲覧せずに、レイアウトやJQueryを使用した動きなど
なるべく忠実に近づけられるよう制作しました。(一部アイコンをダミーにしております。)
URL
http://rakuten-bank-copy.h-hayashi1996.com/
ID: Fj2S8YAU / PW: Fj2S8YAU
コーディングについて
対象サイトと比較しながらレイアウトを進めていき、フォントサイズや余白などを
なるべく忠実に近づけられるよう心がけました。
メガメニューやスライドなど、動きのあるコンテンツが多かったため、
JqueryやSlickを使用し、再現しました。
特にボタンなどをクリックやホバーをした際の動きを忠実にするため、
何度も調整し、正確に表示されるようにコーディングを行いました。