【自主制作】コーポレートサイト新規制作（コーディングのみ）

●制作期間：7日間

●制作内容：実案件をモデルにしたコーディング教材のAdobe XDデザインカンプを元に、0からフルスクラッチでコーディングを行いました。レスポンシブにも対応しております。

●使用言語：HTML, CSS, jQuery

●使用ツール：VSCode, Adobe XD
●サイトURL：WEBサイトへ

●制作物（実装したページのスクリーンショットです）

【トップページ】

【企業情報ページ】

【実績紹介ページ】

【ニュースページ】

【お問い合わせページ】

【プライバシーポリシーページ】

●制作のポイント

①ヘッダー
PC、スマホともに固定。グローバルナビの「トップ」はスマホの場合のみ表示。

②ハンバーガーメニュー
クローズ時とオープン時の表示はデザインの通りにコーディング。

③メインビジュアル
PCのみ高さ固定で、PCとスマホで画像を切り替え。

④実績紹介のスライダー
slickを利用したスライダー表示。自動再生はオフで矢印をクリックすると写真が移動。

⑤お問い合わせ
無料のツール（Googleフォーム）を使用。