RaiseTech公式サイト模写

RaiseTech-copy-single photo
スクールの課題で、WebエンジニアリングスクールRaiseTechの公式サイトの模写を行いました。

Skill : HTML/CSS/SASS/jQuery

制作期間 : 20日

制作ポイント:

  • 公式サイトを確認しながらHTMLのマークアップを考えました。
  • SASSでコーディングを行い、CSSを管理しやすくしています。
  • アコーディオンメニューとハンバーガーメニューの動きを、jQueryで実装しました。
  • マルチデバイスに対応できるように、レスポンシブデザインを導入しています。
コメント:

模写にはなりますが、初めてのコーディングで作成したサイトでした。
最初は検索して調べながら進めていき、アコーディオンメニューとハンバーガーメニューの作成には時間を多く費やしました。
その過程で、コーディングのスキル、特にCSSの知識が深くなり、大変勉強になりました。

下記のGitHubのリンクから、ソースコードをご覧いただけます。