単一ファイル
CSSとJavaScriptをすべてHTML内に記述。ファイルを分けず、そのままブラウザで開けます。
必要なものだけを、過不足なく。
構成はヘッダー、ヒーロー、特徴カード、概要、簡易フォーム。1ページサイトの骨格として扱いやすい形です。
レスポンシブ
PCでもスマートフォンでも読みやすいように、幅に応じてレイアウトが自然に変化します。
編集しやすい
配色はCSS変数、文章は本文内にまとまっています。目的に合わせた差し替えが容易です。
このページについて
静的な告知ページや小さなプロフィールページに向いた構成です。サーバー処理は不要で、GitHub PagesやCloudflare Pagesなどの静的ホスティングにもそのまま置けます。
- 外部フォントや外部画像なし
- ページ内リンクによる簡単なナビゲーション
- フォーム送信はデモとして画面内で完結
- アクセシビリティを意識した見出しとラベル
問い合わせ欄
このフォームは送信先を持たないデモです。実運用時は任意のフォームサービスやAPIに接続してください。