無料でしかも高品質!1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ

ページのデザインだけでなく、使用されているエフェクトも面白いものが揃っているレスポンシブ対応のHTML5/CSS3のテンプレートを紹介します。

単に使うだけでなく、HTML5/CSS3の勉強、デザインの勉強にもいいですね。

デモのキャプチャ

“HALCYON DAYS” ONE PAGE WEBSITE TEMPLATE
デモページ

大きな写真画像を使った背景とそれを使ったパララックスエフェクトが美しいポートフォリオやランディングページ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Twenty
デモページ

フラットなスタイルに半透明のパネルや幾何学やソリッドを取り入れた美しいデザインのテンプレート。
個人・商用利用無料。

デモのキャプチャ

Big Picture
デモページ

大きい写真画像を使ったテンプレート、単に画像を配置するだけでなく、いろいろな使い方があります。
個人・商用利用無料。

デモのキャプチャ

Drifolio
デモページ

繊細なスクロールエフェクトを取り入れたBootstrapベースのポートフォリオ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Pluton
デモページ

多目的のランディングページ用のテンプレート、区切り線をアニメーションで表示する面白いエフェクトを備えています。
個人・商用利用無料。

デモのキャプチャ

Cuda
デモページ

ポートフォリオやギャラリー、ビジネスサイトやランディングページなど多目的用のテンプレート。各要素に注目を集めるようアニメーションが使われています。
個人・商用利用無料。

デモのキャプチャ

Strata
デモページ

デスクトップ・タブレット・スマホとそれぞれで、非常にかっこいいレイアウトを提供したテンプレート。デモページの表示切り替えが楽ちん。
個人・商用利用無料。

デモのキャプチャ

Read Only
デモページ

テキストを読ませることを重点にデザインされたレスポンシブ対応のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Alpha
デモページ

スマホやタブレットのアプリ紹介ページ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Directive
デモページ

斜めのラインやソリッドなラインなど、幾何学なデザインが美しいテンプレート。
個人・商用利用無料。

デモのキャプチャ

Aerial
デモページ

斜めのラインと優雅なアニメーションが美しいランディングページ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Tessellate
デモページ

シンプルながら随所にこだわった美しいデザインのテンプレート。
個人・商用利用無料。

デモのキャプチャ

Overflow
デモページ

ぼかした写真画像を背景にコンテンツを表示したポートフォリオ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Prologue
デモページ

オフキャンバスのナビゲーションを備えたポートフォリオ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Parallelism
デモページ

水平にデザインされたポートフォリオ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Sublime
デモページ

代理店のポートフォリオやスタートアップ用のテンプレート。
個人・商用利用無料。

デモのキャプチャ

Starnight
デモページ

繊細なCSS3アニメーションを随所に使ったテンプレート。
個人・商用利用無料。

デモのキャプチャ

Infusion
デモページ

縦長ページの各コンテンツを水平スライダーで見せるテンプレート。
個人・商用利用無料。

デモのキャプチャ

Phantasos
デモページ

ミニマルにデザインされたポートフォリオやギャラリー用のテンプレート。
個人・商用利用無料。

sponsors

top of page

©2018 coliss