【架空のコーポレートサイト】

制作サイト
サイトURL
https://dailytrial-corp.siroto-portfolio.com

コーディング / XD / HTML / CSS / jQuery

制作期間:1週間

オンラインスクールデイトラの課題で制作した架空のコーポレートサイトです。XDのデザインカンプを元に、HTML CSSコーディングを行いました。
スライダーはjQueryを使用し、自動再生ループするスライダーを実装しました。アコーディオンメニュー、ページ上部へ戻る矢印はCSSで実装を行い、ページ上部への矢印はTOPから少しスクロールすると表示される仕様になっています。
また、Googleマップの埋め込みも行っています。

実装機能のご紹介

  • アコーディオンメニュー

    CSSで実装しています。

  • スライダー

    jQueryプラグイン「slick」で実装しています。

  • バリデーションチェック

    CONTACTフォームの必須項目を全て入力しないと送信ボタンが押せない仕様となっています。