WordPressを使わない案件で、ランディングページのHTML+CSSテンプレートを探していたのでそのメモ。
Bootstrap4使用(一部3のものもあります)、MITライセンス、初心者(わたし)でも使えるものを厳選しました。
MITライセンスとは
- このソフトウェアを誰でも無償で無制限に扱って良い。ただし、著作権表示および本許諾表示をソフトウェアのすべての複製または重要な部分に記載しなければならない。
- 作者または著作権者は、ソフトウェアに関してなんら責任を負わない。
ソースの中にライセンス表記があり、こちらを消さなければほぼ何をしても大丈夫、でも責任は負わないよ、ということですね。
MITライセンスについてはこちらの記事が詳しいです。
基本的には商用で無料でほぼ制限なく使えるものばかりです。
この記事を書いた時点とライセンスが変わっている事もあり得ますので、ご使用の際は各サイトで確認して下さいね。
Start Bootstrap
とってもお世話になっているStart Bootstrap。
シンプルで使いやすいテンプレートがたくさんあります。
いくつかご紹介したいと思います。
Agency
代理店や中小企業向けのスタイリッシュな1ページのテンプレート。
タイムラインがいいですよね。
Freelancer
フラットでポップなデザイン。
ギャラリーのホバーが可愛い…!
LandingPage
ザ・基本といった感じのランディングページテンプレート。
何にでも使えそう。
New Age
アプリのランディングページのテンプレート。カラフルでインパクト大!
日本語にするとちょっとイメージが変わるので、フォントとサイズは要注意かもです…!
Material Design for Bootstrap
Material Design for Bootstrapはその名の通りマテリアルデザインのテンプレート。
チュートリアルが充実(英語ですが)しているのと、沢山の構成要素(コンポーネント)が使えるのが特徴です。
コンポーネントのコードはhttps://mdbootstrap.com/の左サイドバーから見ることができます。
Landing Page Template
背景フルスクリーンとハーフスクリーンの2バージョンがあります。
Full Page Video Carousel
背景はフルスクリーンの動画、しかもカルーセル。
Designstub
こちらもシンプルなテンプレートが揃ったDesignstub。
現在、無料で使用できるものはBootstrap3のようです。
でも使いやすいので紹介させていただきます!
Bino
ビジネスにぴったりのテンプレート。
ローディングのアニメーションもポイントに使われている朱色もハートもかわいい。
Startr
これもビジネスにぴったりのテンプレート。デモは音が出ます。
動画を効果的に使えるようになっています。
Bootstrap3なので、モバイル用のメニュー周りはちょっとカスタムした方がいいかもしれないですね。
Ranger
アプリ用のテンプレート。
メインビジュアルはカルーセルになっています。
アニメーションがちょっと派手かな?
Rooky
Rangerよりシンプルなアプリ用のテンプレート。
かちっとした印象です。
カスタマイズしやすいんですよねこれ。
Bootstrap4テンプレートまとめ
「なるべくカスタムしやすく、ライセンスの制限があまりないBootstrap4無料テンプレート」を紹介しました。
何かのお役にたてれば幸いです。
コメント