HTML5テンプレート

初心者の方にも編集しやすいレスポンシブWebデザイン対応(スマートフォン・タブレット対応)のHTML5テンプレートを無料で配布しています。デザイン性が高すぎず、見やすいホームページテンプレートです。

無料HTML5/CSS3デザインテンプレート一覧

当サイトオリジナルの無料HTML5/CSS3レスポンシブデザインテンプレートです。

更新の詳細は更新履歴を見てください。不備等発見されましたら、お問い合わせいただけると幸いです。

[広告]有料HTML5/CSS3 デザインテンプレート一覧

当サイトがお勧めする、クラウドテンプレート提供の有償HTML5/CSS3デザインテンプレートです。レスポンシブテンプレートもあります。

ホームページテンプレートNo.1395

1,980円/1式

ホームページテンプレートNo.1264

1,980円/1式

ホームページテンプレートNo.1263

1,980円/1式

ホームページテンプレートNo.1260

1,980円/1式

ホームページテンプレートNo.1256

1,980円/1式

ホームページテンプレートNo.1241

1,980円/1式

※価格は変更になる場合があります。リンク先のご購入時の金額が正しいものとなります。

No.001

HTML5デザインテンプレート No.001

シンプルな1カラム(シングルページ)のレスポンシブWebデザインHTML5テンプレートです。サブメニューが不要のホームページにどうぞ。

履歴

  • 新規公開日:2015/02/24
  • 最終更新日:2016/01/03

レイアウト

  • 1カラム(シングルページ)
  • ヘッダー / メニュー / メインコンテンツ / フッター
  • インデックスページのみ

機能

適しているWebサイト

  • テキストサイト
  • 大きめの写真を掲載するサイト
  • blogタイプのサイト

No.002

HTML5デザインテンプレート No.002 HTML5デザインテンプレート No.002

女性向けの汎用性のあるレスポンシブWebデザインのHTML5テンプレートです。インデックスページにはスライドショーを配置。下層ページはサイドメニューのある2カラムです。

スマートフォンで下層ページを閲覧した際、グローバルメニューの下にサブメニューを開閉パネルで表示できるようにしています。

履歴

  • 新規公開日:2015/03/08
  • 最終更新日:2016/02/21

レイアウト

  • 2カラム
  • ヘッダー / メニュー / メインコンテンツ / サブメニュー / フットメニュー / フッター
  • インデックスページ / 下層ページ

機能

適しているWebサイト

  • 女性向け(可愛い系)のサイト
  • コンテンツ量の多いサイト

No.003

HTML5デザインテンプレート No.003 HTML5デザインテンプレート No.003

汎用性のあるレスポンシブWebデザインのHTML5テンプレートです。インデックスページにはスライドショーを配置。下層ページはサイドメニューのある2カラムです。

スマートフォンで閲覧した際、グローバルメニューが開閉パネルで表示できるようにしています。

履歴

  • 新規公開日:2015/05/22
  • 最終更新日:2017/01/18

レイアウト

  • 2カラム
  • ヘッダー / メニュー / メインコンテンツ / サブメニュー / フットメニュー / フッター
  • インデックスページ / 下層ページ

機能

適しているWebサイト

  • 店舗・ECサイト
  • コンテンツ量の多いサイト

No.004

HTML5デザインテンプレート No.004 HTML5デザインテンプレート No.004

海外のWebサイトっぽいフラットなデザインのレスポンシブWebデザインのHTML5テンプレートです。グローバルメニューが左側にあります。

スマートフォンで閲覧した際、グローバルメニューが開閉パネルで表示できるようにしています。

履歴

  • 新規公開日:2015/06/06
  • 最終更新日:2016/08/31

レイアウト

  • 2カラム
  • ヘッダー / メニュー / メインコンテンツ / フットメニュー / フッター
  • インデックスページ / 下層ページ

機能

適しているWebサイト

  • webサービスサイト
  • ポートフォリオサイト
  • 個人向けのサイト

No.005

HTML5デザインテンプレート No.005

写真多めのWebサイトに適した1カラム(シングルページ)のレスポンシブWebデザインのHTML5テンプレートです。ヘッダー部分のスライドショーが背景画像になっていて、横幅を小さくすると画像の左右が切れていくようなデザインにしています。その場合、縦のサイズは変わりません。

写真が自分で撮ったやつなので適当過ぎてイメージが掴みにくいかもしれません。おしゃれな写真に差し替えて使ってください。

履歴

  • 新規公開日:2015/06/08
  • 最終更新日:2016/02/21

レイアウト

  • 1カラム(シングルページ)
  • ヘッダー / メニュー / メインコンテンツ / フッター
  • インデックスページ

機能

適しているWebサイト

  • 旅館や美容院などビジュアルを重視するサイト
  • シンプルなタイプのECサイト

No.006

HTML5デザインテンプレート No.006 HTML5デザインテンプレート No.006

汎用性のあるレスポンシブWebデザインのHTML5テンプレートです。No.003の改造版。グローバルメニューはPCではプルダウン式、スマートフォンではハンバーガーメニューになっています。

デザインは少し堅めにしており、企業サイトなどにも利用できるようにしております。

※内部リンクを設置するには、通常のハッシュ(#)ではうまく位置を取得できないので、特殊な方法を採用しています。サンプルページに設置方法は書いておりますが、不明点などございましたら、ご連絡ください。

履歴

  • 新規公開日:2016/01/03
  • 最終更新日:2017/04/22

レイアウト

  • 2カラム
  • 1カラム
  • ヘッダー / メニュー / メインコンテンツ / サブメニュー / フットメニュー / フッター
  • インデックスページ / 下層ページ

機能

適しているWebサイト

  • 企業サイト
  • 店舗・ECサイト
  • コンテンツ量の多いサイト

ご利用規約

注1:例えば、Web制作者が第三者のWebサイトを制作して対価を得ても、当サイトに還元する必要はありません。

注2:特定のWebサイトとして制作した場合、二次的著作物となり、そのWebサイトデザインの著作権は制作者にあるものとします。

注意点

無料サポート

ホームページの作り方がわからないなどありましたら、下記メールアドレスまでお気軽にお問い合わせください。可能であれば、編集中のファイルもzip形式に圧縮して送っていただけると、より的確なアドバイスができるかと思います。

info@coolwebwindow.com

メールにファイルを添付する場合は、10MBまでお願いします。
それ以上の容量になる場合は、データ便(https://www.datadeliver.net/)などのファイル転送サービスをご利用いただければと思います。 10MB以上のファイルを送られるとメールソフトがフリーズしてしまって、その後のメールが受信できなくなってしまうのでご協力お願いいたします。

※基本的に無料サポートはアドバイスや簡単なソースコードの提示になります。Webサイト制作代行をご依頼の方は、専用サイト(CoolWebWindows.biz)のページをお読みいただいてご連絡ください。

※当サイトからクラウドテンプレートをご購入された方は、そのサポートも無料でいたします。

※3日以内に返信がない場合は、お手数ですが、再度ご連絡ください。管理人が返信を忘れてしまっているか、メールが届いていない可能性があります。

更新履歴

2017.04.22
HTML5/CSS3 デザインテンプレートNo.003を修正しました。プルダウンメニューを3階層まで表示できるようにしました。この修正により、メニュー部分のソースコードが大幅に変更になっておりますので、ご注意ください。
2017.01.18
HTML5/CSS3 デザインテンプレートNo.003、No.006を修正しました。スライドショーのJavaScriptファイルを修正しました。
2016.08.31
HTML5/CSS3 デザインテンプレートNo.004を修正しました。印刷時の不具合を修正いたしました。
2016.08.09
HTML5/CSS3 デザインテンプレートNo.004を修正しました。リサイズした際のメニュー部分の不具合を修正しました。
2016.07.10
HTML5/CSS3 デザインテンプレートNo.004を修正しました。主にブラウザをリサイズした際の不具合を修正しました。
2016.06.16
HTML5/CSS3 デザインテンプレートNo.006を修正しました。簡単ではありますが印刷対応いたしました。
2016.05.16
HTML5/CSS3 デザインテンプレートNo.006を修正しました。JavaScriptファイルを修正しました。
2016.05.10
HTML5/CSS3 デザインテンプレートNo.003、No.006を修正しました。読込み遅延によるスライドショーのレイアウト崩れを最小限に抑える処置をしました。
2016.04.30
HTML5/CSS3 デザインテンプレートNo.006を修正しました。主にブラウザをリサイズした際の不具合を修正しました。1カラムのサンプルも制作しました。
2016.02.21
スライドショー(画像バージョン)をver.2.5に修正しました。ブラウザをリサイズした際の不具合を修正しました。それに伴い、HTML5/CSS3 デザインテンプレートNo.002、No.004、No.005を修正しました。
HTML5/CSS3 デザインテンプレートNo.006を修正しました。不要なファイルが入っていたのを削除しました。
2016.01.03
HTML5/CSS3 デザインテンプレートNo.006を公開しました。
2016.01.03
HTML5/CSS3 デザインテンプレートNo.001、No.002、No.003、No.004、No.005を修正しました。ソースコードを全面的に見直しました。タブレットサイズでの不具合を修正しました。
2015.12.06
HTML5/CSS3 デザインテンプレートNo.004を修正しました。iPhoneで不具合が起こっていたのを修正しました。
2015.10.09
HTML5/CSS3 デザインテンプレートNo.001を修正しました。スマートフォンでレイアウト崩れを起こしていたのを修正しました。
2015.10.01
スムーススクロールをver.1.1に修正しました。それに伴い、HTML5/CSS3 デザインテンプレートNo.001、No.002、No.003、No.004、No.005を修正しました。
一部のテンプレートで、スマートフォンサイズで閲覧した際、右下のページトップヘ戻るボタンを非表示にしていましたが、全て表示するようにしました。
2015.09.03
HTML5/CSS3 デザインテンプレートNo.003を修正しました。CSSの記述ミスを修正しました。
2015.09.01
スライドショー(画像バージョン)をver.2.3に修正しました。ナビゲーションの不具合を修正しました。それに伴い、HTML5/CSS3 デザインテンプレートNo.002、No.004、No.005を修正しました。
2015.08.31
スライドショー(ワイドバージョン)をver.2.3に修正しました。ナビゲーションの不具合を修正と、フィルター部分でスライドさせるかどうかを選べるようにしました。それに伴い、HTML5/CSS3 デザインテンプレートNo.003を修正しました。
2015.08.17
スライドショー(ワイドバージョン)をver.2.2に修正しました。IE8での不具合を修正しました。それに伴い、HTML5/CSS3 デザインテンプレートNo.003を修正しました
2015.08.14
スライドショー(画像バージョン)をver.2.2に修正しました。ナビゲーションにサムネイル画像を使用できるようにしました。それに伴い、HTML5/CSS3 デザインテンプレートNo.002、No.004、No.005を修正しました。
スライドショー(ワイドバージョン)をver.2.1に修正しました。ナビゲーションにサムネイル画像を使用できるようにしました。それに伴い、HTML5/CSS3 デザインテンプレートNo.003を修正しました。
2015.08.10
全てのテンプレートを修正しました。「css3-mediaqueries.js」の読み込みと、スライドショー全般の修正です。
jQyeryプラグインの解説は別サイトを設けました。今後はそちらを参考にしてください。
2015.07.17
スライドショー(画像バージョン)をver.2.0にメジャーアップデートしました。オプションを一部変更しました。
スライドショーの修正に伴い、HTML5/CSS3 デザインテンプレートNo.002とNo.004も修正しました。
2015.07.09
HTML5/CSS3 デザインテンプレートNo.003を修正しました。ヘッダーのお問い合わせボタンを修正しました。
2015.06.30
HTML5/CSS3 デザインテンプレートNo.003を修正しました。スライドショーのナビゲーションのCSSを変更しました。
2015.06.28
HTML5/CSS3 デザインテンプレートNo.002およびNo.003を修正しました。リンク先を間違えたところがあったので修正しました。
2015.06.09
HTML5/CSS3 デザインテンプレートNo.005を修正しました。スライドショーにマウスオーバーしたときスライドショーが止まるように指定していたのを、止まらないように変更しました。
2015.06.08
HTML5/CSS3 デザインテンプレートNo.005を公開しました。
スライドショー(画像バージョン)をver.1.4に修正しました。背景画像化とスワイプの有無を選択できるようにしました。
スライドショーの修正に伴い、HTML5/CSS3 デザインテンプレートNo.002とNo.004も修正しました。
Copyrightのところに誤りがありましたので全てのテンプレートを修正しました。
2015.06.06
HTML5/CSS3 デザインテンプレートNo.004を公開しました。
2015.05.22
HTML5/CSS3 デザインテンプレートNo.003を公開しました。
2015.05.16
画像のロールオーバーをver.1.1に修正しました。
2015.04.22
スライドショー(画像バージョン)をver.1.3に修正しました。色々あった不具合を修正しました。
HTML5/CSS3 デザインテンプレートNo.002を修正しました。
2015.04.21
スライドショー(画像バージョン)をver.1.2に修正しました。スマートフォンでの不具合を修正しました。
HTML5/CSS3 デザインテンプレートNo.002を修正しました。
2015.03.11
HTML5/CSS3 デザインテンプレートNo.001を修正しました。
HTML5/CSS3 デザインテンプレートNo.002を修正しました。
2015.03.08
HTML5/CSS3 デザインテンプレートNo.001を修正しました。
HTML5/CSS3 デザインテンプレートNo.002を公開しました。
2015.02.24
サイトを公開しました。
HTML5/CSS3 デザインテンプレートNo.001を公開しました。
ページのトップへ戻る