cresta

cresta

• ・上記リンククリック後　ID：cresta　PASS：0035　を入力ください
• ・模写した上記のページは検索エンジンに引っかからない設定をしています。

PENGIN BLOGさんで公開されている架空の会社ページの模写コーディング。

※尚、画像については一部元のページとは違うものを使っています。

デザインカンプ

本模写コーディングは下記のデザインカンプをもとに行いました。
https://pengi-n.co.jp/blog/coding-practice3/からダウンロード可能です。

※表示されるまで数秒かかります。

公開にあたって

サイト運営者様によってコチラのページで下記のようにポートフォリオとして公開する場合はbasic認証とmetaタグにnoindexを設定するよう指示があります。

※basic認証及びnoindexのmetaタグ設定済です。

今作のポイント

・HOME、ABOUT US（会社概要）、CONTACTの3ページ構成。
・スクロールするとヘッダーがついてくる、及び一定量のスクロールでヘッダーのロゴとメニューの色が白⇔黒に変わる
・Google Maps埋め込み
・お問い合わせフォームのマークアップ（WordPress環境下ではお問い合わせ機能実装可能です）