Bootstrapを採用しているhtmlテンプレート＆テーマ

CSS

2015.02.252015.09.24

Bootstrapは世界中で一番使われているとも言われているCSSフレームワークです。

そのBootstrapを採用したフリーのHTMLテンプレート＆テーマを紹介していきます。

Scoop thmes

Scoop themesではBootStrapを採用したフリーのｈｔｍｌテンプレートを数種類公開しています。

Scoop themesのテンプレート集
Scoop thmes – All Templates&Themes

その中でも目を引いた2種類を紹介します。

OleoseはBootStrap３の安定バージョンで構成されていて、アイキャッチやセクションアニメーションを採用しているHTMLテンプレートです。
Berry,Freeze,Ecoと３つのカラータイプを採用しています。
ソースコードのドキュメントも充実しています。

Oleoseのプレビュー・ダウンロード
Oleose-Eye Catching Mobile App Landing Page

SevenAPPはスマホアプリのランディングページ用のテンプレート。かわいらしいイメージが印象的です。

HTML5 TEMPLATESはBootStrapを採用したthemes＆templatesをいくつか公開しています。

HTML5 TEMPLATESではフリーテンプレートと有料のPremiumテンプレートが混在しています。
ここではフリーのテンプレートを2種類紹介します。

devAidはモバイルファースト・モバイルフレンドリーを目的に作られているテンプレート。色合いが鮮やかです。

Developerは落ち着いたイメージのテンプレート。ブログ用に使えそうです。

Developerのプレビュー・ダウンロード
Web App Developer

HTMLCoderはフリーテーマと有料テーマを公開しているサイト。

ここではフリーのWorthyテーマを紹介します。

Worthyは縦長スクロールでAbout,Services,Portfolio,Clients,Contactが全て入っているテンプレート。
分けても使えるし、1つにまとめても使える便利なテンプレートです。

Worthyのプレビュー
We are Worthy
Worthyのダウンロード
Worthy – Free Bootstrap Template

lonelyは縦長ページでPC用のランディングなどに使えそうなテンプレート。1ページにいろんな要素を詰め込んで使うタイプのテンプレートです。

今回は全部で6種類のテンプレートを紹介しました。

どれも実用性が高いものだと思います。

Bootstrapは多くのサイトで使われており、使いやすいhtmlテンプレートしても評判が高いフレームワークです。

レスポンシブサイトにも対応していて、これからも普及度が上がってくると思うので、一度使ってみて内容を理解しておけば今後のサイト作成に役立つと思います。