Portfolio Template 01｜シンプルなHTML / CSSポートフォリオ

HTML / CSSで作られた、シンプルなポートフォリオサイトテンプレートです。

文章や画像を差し替えて、自分の作品や活動を紹介するポートフォリオサイトとして使用できます。

BLUE / PINK / WHITEの3種類のカラーテーマを収録。

好きなテーマのカラー設定をコピー＆ペーストすることで、サイト全体の配色をまとめて変更できます。

HTML / CSS初心者でも編集箇所を見つけやすいよう、コード内のコメントとREADMEに編集方法をまとめています。

■ このテンプレートでできること

・名前やプロフィール、紹介文の変更

・プロフィール画像の差し替え

・制作した作品の画像・タイトル・説明の掲載

・作品の追加

・スキルや活動内容の紹介

・作品ページやSNSなどへのリンク設定

・BLUE / PINK / WHITEの3種類からカラーテーマを選択

・カラーコードを編集して、自分好みの配色にカスタマイズ

・PC / スマートフォンに対応したポートフォリオサイトの作成

HTML / CSSで構成されたシンプルなテンプレートなので、文章や画像を自分の内容に置き換えながらポートフォリオを作成できます。

■ 収録内容

・ポートフォリオサイト本体（HTML / CSS）

・サンプル画像

・README（編集方法・使い方ガイド）

・利用規約

・カラーテーマ 3種類（BLUE / PINK / WHITE）

ダウンロードデータはZIP形式です。

ZIPファイルを展開し、index.html や style.css を編集してご利用いただけます。

■ カラーテーマについて

すぐに使える3種類のカラーテーマを収録しています。

・BLUE — やわらかなブルーグレーを基調としたカラー

・PINK — 淡いローズカラーを基調としたカラー

・WHITE — ホワイトとシルバーグレーを基調としたカラー

使用したいテーマのカラー設定を style.css にコピー＆ペーストすることで、サイト全体の配色をまとめて変更できます。

また、カラーコードを編集することで、お好みの配色へのカスタマイズも可能です。

※オリジナルカラーへの変更には、CSSの基本的な編集が必要です。

■ ご利用方法

1.ダウンロードしたZIPファイルを展開します。

2.index.html をブラウザで開くと、サイトを確認できます。

3.VS Codeなどのテキストエディタで index.html / style.css を編集します。

4.名前・文章・画像・作品情報などを、ご自身の内容に変更します。

5.必要に応じてカラーテーマを変更します。

6.編集後、任意のホスティングサービスを利用してWeb上に公開できます。

詳しい編集方法は、商品に付属するREADMEをご確認ください。

※本商品にサーバー・ドメイン・ホスティングサービスは含まれていません。

※Web上への公開には、別途公開環境をご用意いただく必要があります。

■ 利用規約

本テンプレートは、購入者ご本人のWebサイトとしてご利用いただけます。

【利用できること】

・個人利用 / 商用利用

・テンプレートの改変

・文章、画像、色、レイアウト等のカスタマイズ

・購入者本人のポートフォリオサイトとしての利用

・購入者自身の活動、ブランド、事業等を紹介するWebサイトとしての利用

クレジット表記は必要ありません。

【禁止事項】

・テンプレートデータそのものの再配布 / 再販売

・改変したテンプレートの再配布 / 再販売

・第三者が利用するためのテンプレートとして提供すること

・本テンプレートを使用して第三者のWebサイトを制作・納品すること

・購入者以外へのテンプレートファイルの共有

テンプレートの著作権は制作者に帰属します。

詳細については、商品データに付属する利用規約をご確認ください。

■ ご購入前にご確認ください

・本商品はHTML / CSSで制作されたWebサイトテンプレートです。

・ご利用には、HTML / CSSファイルの基本的な編集が必要です。

・VS Codeなどのテキストエディタをご用意ください。

・サーバー、ドメイン、ホスティングサービス等は商品に含まれていません。

・Web上への公開作業や、個別のカスタマイズ・制作代行は商品内容に含まれていません。

・ご利用の環境やブラウザによって、表示が多少異なる場合があります。

・サンプルとして掲載している文章・画像は、ご自身の内容に差し替えてご利用ください。

編集方法については、付属のREADMEおよびHTML内のコメントをご確認ください。

ご購入前に、商品内容・利用規約をご確認のうえご利用ください。