デザイナー・イラストレーター・フォトグラファーなど、クリエイターのためのポートフォリオ（作品集）サイトのHTML/CSSテンプレートです。 作品一覧・自己紹介・サービスと料金・制作の流れ・お問い合わせまで、お仕事の受付窓口に必要なページがそろっています。 jQueryなどのライブラリやWordPressは不要。HTMLの文章と画像を差し替えるだけで使えます。 ■ できること ・作品をカテゴリで絞り込み（Web／Graphic／Illustration／Photo など。名前と数は自由に変更できます） ・作品をクリックすると拡大表示（← → キーで前後の作品へ、Escで閉じる）。詳細ページへのリンクも表示 ・作品詳細ページのひな形付き（概要・担当範囲・課題・取り組み・結果の数値・ギャラリー・前後の作品） ・3つの配色テーマ（Paper／Ink＝ダーク／Clay）。1行の書き換えで変更でき、訪問者が選べる切替ボタン付き ・自己紹介（スキル・ツール・経歴）、サービス3種と料金の目安、制作の流れ4ステップ、お問い合わせフォーム ・スマホ・タブレット対応（スマホではメニューが全画面に切り替わります） ・スクロールでふわっと表示、ページ上部へ戻るボタン、キーボード操作・読み上げへの配慮 ・日本語版・英語版の2セット入り ■ 内容物（zip） ・index.html／work.html（日本語版：トップページ・作品詳細ページ） ・en/index.html／en/work.html（英語版） ・css/style.css（色・フォント・レイアウト） ・js/main.js（メニュー・絞り込み・拡大表示・テーマ切替など） ・images/（サンプル画像 SVG 11点） ・使い方ガイド.pdf（A4・5ページ、図解つき） ・README_使い方.txt／README_EN.txt ・LICENSE.txt（利用規約） ■ 使い方 1. zipを解凍し、index.html をブラウザで開いて確認 2. VS Code などのテキストエディタで、名前・自己紹介・作品の画像と文章を書き換え 3. フォルダごとレンタルサーバー、または Netlify・GitHub Pages などの無料ホスティングにアップロードして公開 ※ お問い合わせフォームは初期状態ではデモ表示です。Formspree などのフォームサービスのURLを設定すると、メールで受け取れるようになります（手順はガイドに記載）。 ※ HTMLの基本的な編集（文字や画像のパスの書き換え）ができる方向けです。 ■ 動作環境 Chrome／Safari／Edge／Firefox の最新版、iPhone・Android のブラウザ ■ 利用規約（概要） ・1ライセンスで1サイトに使用できます（ご自身のサイト、または制作を請け負ったクライアント1件） ・商用利用OK、デザイン・コード・文章の改変OK、クレジット表記は不要です ・テンプレート（改変したものを含む）の再配布・再販売、テンプレートや素材集としての販売は禁止です 詳しくは同梱の LICENSE.txt をご覧ください。 ■ フォント Zen Kaku Gothic New／DM Serif Display／DM Sans（Google Fonts・SIL Open Font License 1.1、商用利用可）を Google Fonts から読み込んでいます（フォントファイルは同梱していません）。 ※ 掲載している名前・経歴・作品・料金・実績の数値はすべて架空のサンプルです。 ※ 紹介画像はテンプレートの表示例です（作品画像はサンプルのSVGイラスト）。 haconiwa design