簡単におしゃれなポートフォリオサイトを作成できるHTMLテンプレート10選


はじめに

今回は見た目が美しく、無料で利用することができるポートフォリオサイトのテンプレートをご紹介します。

就職活動など、自身の作品を掲載するサイトを簡単におしゃれなサイトとして作成したい方におすすめです。

おすすめポートフォリオテンプレート10選

Stimulus – Web Developer Portfolio Template Free

メトロスタイルのWebサイトレイアウトとなっています。
1ページでほぼ完結していて、配色パターンに合わせて色合いを変更しやすいポートフォリオテンプレートとなっています。

Demo

Download

Profile – Free One Page Portfolio Bootstrap Template

このテンプレートはBootstrap3.3.5とHTML5/CSS3で作成されており、得意分野を伝えることに特化しているようなテンプレートサイトです。

Demo

Download

Jackson – Free Bootstrap Portfolio Website Template

少し編集には知識が必要となりますが、とてもおしゃれなテンプレートです。emailなどの送信も可能となっているので問い合わせフォームなどが必要な場合にも利用できます。

Demo

Download

Folio Bootstrap Portfolio Template

Folioのテンプレートはポートフォリオやプロフィールを紹介する上でとてもシンプルなサイトテンプレートです。
Bootstrap4で作成されたレスポンシブ対応済みサイトであり、ソースコードもとてもシンプルで編集しやすくなっています。

Demo

Download

Personal – Free HTML Template

Personalはグリッドベースで作成されており、スクロールするごとにアニメーションやトランザクションが詰め込まれたテンプレートとなっています。

Demo

Download

Personal — Free Portfolio Bootstrap Template

先ほどとは異なるPersonalテンプレートです。
このテンプレートでは独自のスタイルで履歴書をサイトに作成することができます。ダークベースでカッコいいだけでなく、必要な機能が備わったテンプレートサイトです

Demo

Download

MyResume – Bootstrap Resume and Portfolio Template

MyResumeテンプレートも先ほど紹介したPersonalと同様に履歴書を作成することができるテンプレートです。
このテンプレートはおもに自分の作品を展示したい方におすすめです。

Demo

Download

Ethereal — Creative Portfolio Template Free

Ethereal は、すべて横スクロールで表現されたポートフォリオテンプレートとなります。HTML5とCSS3
で作成されており、レスポンシブに最適化されています。
奇抜でおしゃれなサイトです。

Demo

Download

Kross — Web Design Portfolio Template

Krossは「スキル」や「経験」、「教育」のセクションが個別に用意されており、持っている資格などを確認するのに大いに役立つテンプレートとなっています。

Demo

Download

Ultra Profile Template

Ultra Profile TemplateはオンラインのHTMLレジェメに適したテンプレートです。Bootstrap3.3.4で作成され、レスポンシブにも対応しています。

Demo

Download

最後に

ポートフォリオサイトを一からおしゃれなものを作成するのも時間がかかります。
そういう時はテンプレートを利用して作成するのも一つの手ですね。