ITエンジニア/デザイナ向けにオープンソースを毎日紹介

SPA(シングルページアプリケーション)が流行っています。通常のWebサイトと異なり、ランディングページやプロジェクトのトップページで使われることが多く、様々な情報を見やすく並べて表示する必要があります。

Diversityはそんなシングルページアプリケーションに最適なテンプレートです。しかもBootstrapベースとあってカスタマイズも容易そうです。

Diversityの使い方

こちらはデモページ。
こちらはデモページ。

大きな画像を使ったカルーセル。
大きな画像を使ったカルーセル。

こういう機能を並べて紹介するのもよくありますよね。
こういう機能を並べて紹介するのもよくありますよね。

制作例を紹介したりするのに使えそうです。
制作例を紹介したりするのに使えそうです。

背景に写真を使ってプロダクトを紹介。
背景に写真を使ってプロダクトを紹介。

こちらもカルーセル。
こちらもカルーセル。

プランごとの機能と価格紹介。
プランごとの機能と価格紹介。

プロジェクトメンバーの紹介。
プロジェクトメンバーの紹介。

フッター。
フッター。

DiversityはまさによくあるシングルページアプリケーションをBootstrapで表現しています。ヘッダーの各メニューをクリックするとスムーズにスクロールします。Bootstrapベースであれば自分なりの工夫もしやすいでしょう。

DiversityはHTML5/JavaScript/CSS3製、GNU Affero General Public Licenseのオープンソース・ソフトウェアです。

| Diversity

honglio/Diversity

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2