diff --git a/build/unused-files.js b/build/unused-files.js
new file mode 100644
index 0000000000000000000000000000000000000000..f4884e930a2c94995bc4a4381f82f2bf2a1eebf7
--- /dev/null
+++ b/build/unused-files.js
@@ -0,0 +1,27 @@
+const glob = require("glob"),
+  fs = require("fs");
+
+let foundFiles = [];
+
+glob.sync("pages/**/*.{html,md}").forEach(function (file) {
+  let fileContent = fs.readFileSync(file);
+
+  fileContent.toString().replace(/\{% include(_cached)? ([a-z0-9\/_-]+\.html)/g, function(f, c, filename){
+    filename = 'pages/_includes/' + filename;
+
+    if(!foundFiles.includes(filename)) {
+      foundFiles.push(filename);
+    }
+  });
+});
+
+let includeFiles = glob.sync("pages/_includes/**/*.html");
+
+includeFiles.forEach(function(file){
+  if(! foundFiles.includes(file)) {
+    console.log('file', file);
+  }
+});
+
+// console.log('foundFiles', foundFiles);
+// console.log('includeFiles', includeFiles);
diff --git a/package.json b/package.json
index 2b96dcb33bd5efac1c0c9b95ff896fd9a83d1889..f3d92bd7be25c452da1807efae943cabd29c4415 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,8 @@
     "js-compile": "npm-run-all --sequential js-compile-*",
     "js-compile-standalone": "rollup --environment BUNDLE:false --config build/rollup.config.js --sourcemap",
     "js-compile-bundle": "rollup --environment BUNDLE:true --config build/rollup.config.js --sourcemap",
-    "svg-svgo": "svgo -f svg/fe --pretty && svgo -f svg/brand --pretty"
+    "svg-svgo": "svgo -f svg/fe --pretty && svgo -f svg/brand --pretty",
+    "unused-files": "node build/unused-files.js"
   },
   "repository": {
     "type": "git",
@@ -69,6 +70,7 @@
     "eslint-config-xo": "0.27.2",
     "eslint-plugin-import": "2.18.2",
     "eslint-plugin-unicorn": "13.0.0",
+    "glob": "^7.1.6",
     "http-server": "0.11.1",
     "icon-font-generator": "2.1.10",
     "node-sass": "4.13.0",
diff --git a/pages/_data/commits.yml b/pages/_data/commits.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e2e7ed22e6690509b847bd7155ba32a6cc3f74bc
--- /dev/null
+++ b/pages/_data/commits.yml
@@ -0,0 +1,803 @@
+- hash: 0964a88ac83d01395476695dd6a1307878543c13
+  short_hash: 0964a88
+  author: Martijn Cuppens
+  date: Thu Nov 28 08:48:33 2019 +0100
+  description: Fix dart Sass compatibility (#29755)
+
+- hash: 4de4874e722ad934bd3bf21f20a19475096c889a
+  short_hash: 4de4874
+  author: Matthieu Vignolle
+  date: Wed Nov 27 07:43:49 2019 +0100
+  description: Change deprecated html tags to text decoration classes (#29604)
+
+- hash: 1977a661e64572576f63acfd70f6b62b1beb382e
+  short_hash: 1977a66
+  author: cccabinet
+  date: Tue Nov 26 16:11:07 2019 +0900
+  description: justify-content:between ⇒ justify-content:space-between (#29734)
+
+- hash: 82d8dae7e738167ea1820c960f25f07fc9721297
+  short_hash: 82d8dae
+  author: XhmikosR
+  date: Tue Nov 26 09:00:21 2019 +0200
+  description: Update change-version.js (#29736)
+
+- hash: a84f7233eab6e5713a6cfcb1ab22fafd79422a81
+  short_hash: a84f723
+  author: XhmikosR
+  date: Mon Nov 25 16:30:53 2019 +0200
+  description: Regenerate package-lock.json (#29730)
+
+- hash: 2180daa6f53fb9a93e4760baec7f2bd4123e6a3e
+  short_hash: 2180daa
+  author: Mark Otto
+  date: Sun Nov 24 10:40:16 2019 -0800
+  description: Some minor text tweaks
+
+- hash: d5c212bbcbcf2efe97540b3b890b4b8bdf6820f2
+  short_hash: d5c212b
+  author: Martijn Cuppens
+  date: Fri Nov 1 11:22:29 2019 +0100
+  description: Link to versioned docs
+
+- hash: ff256ca23c78471dfdc732b7262bece2dad59dff
+  short_hash: ff256ca
+  author: Mark Otto
+  date: Mon Oct 28 09:08:19 2019 +0200
+  description: Copywriting edits
+
+- hash: cd077cd599e55a8a126ce765d8f9adeb595ca3e2
+  short_hash: cd077cd
+  author: Martijn Cuppens
+  date: Sun Oct 27 11:01:30 2019 +0100
+  description: Enable RFS for font resizing
+
+- hash: 787256cae401f9ebd8bea1391343a58140d0f235
+  short_hash: 787256c
+  author: Martijn Cuppens
+  date: Sun Nov 24 20:20:03 2019 +0100
+  description: Compressed Sass output support (#29702)
+
+- hash: 0caed940a578cb920a750dc0ce287c7d71e59a3e
+  short_hash: 0caed94
+  author: Jonathan Hefner
+  date: Sun Nov 24 13:15:35 2019 -0600
+  description: Set vertical-align on .form-check-input (#29521)
+
+- hash: 460ba061cb470df7aca18b32854079a0caf335dd
+  short_hash: 460ba06
+  author: Martijn Cuppens
+  date: Sun Nov 24 20:01:02 2019 +0100
+  description: Keep themed appearance for print (#29714)
+
+- hash: a65d066530c463a973414e894924fd46bd34ee91
+  short_hash: a65d066
+  author: Martijn Cuppens
+  date: Fri Nov 22 10:00:25 2019 +0100
+  description: Use double quotes in `.stylelintrc` (#29709)
+
+- hash: db87297afbc6a6458912d490a2398801ea7108bb
+  short_hash: db87297
+  author: XhmikosR
+  date: Thu Nov 21 16:35:21 2019 +0200
+  description: Regenerate package-lock.json (#29695)
+
+- hash: 099860d727f0ed2ab039ccac48e2ead61083427c
+  short_hash: 099860d
+  author: XhmikosR
+  date: Mon Nov 18 21:03:43 2019 +0200
+  description: Switch to the Coveralls Action (#29478)
+
+- hash: 47b1bc71af5bedab27df115a23237ea30e1ac30e
+  short_hash: 47b1bc7
+  author: XhmikosR
+  date: Fri Nov 15 15:52:50 2019 +0200
+  description: Fix npm audit vulnerability (#29677)
+
+- hash: bca5b6ab9ca7277b03562e175e6914e81e27ddd7
+  short_hash: bca5b6a
+  author: XhmikosR
+  date: Tue Nov 12 09:40:29 2019 +0200
+  description: "config.yml: update popper.js to v1.16.0 (#29624)"
+
+- hash: 2a4d526ce81093c1dd26e37d94b9371e89085f52
+  short_hash: 2a4d526
+  author: XhmikosR
+  date: Tue Nov 12 09:34:16 2019 +0200
+  description: Update anchor.js to v4.2.1 (#29662)
+
+- hash: cc6f66f72a180af1910bb5f520f2067ad705f1b8
+  short_hash: cc6f66f
+  author: XhmikosR
+  date: Fri Nov 8 10:11:23 2019 +0200
+  description: Dist (#29638)
+
+- hash: eb849d73cda18a660d13c22b25a9e7ebbf42faca
+  short_hash: eb849d7
+  author: Martijn Cuppens
+  date: Thu Nov 7 20:03:52 2019 +0100
+  description: Make check label cursor customizable (#29654)
+
+- hash: dbeb85cb085c6231bd747f5fe597b91ef99ab2ae
+  short_hash: dbeb85c
+  author: Sam Duvall
+  date: Thu Nov 7 13:34:54 2019 -0500
+  description: Fixed input-height-sm and input-height-lg calculations (#29653)
+
+- hash: 67015b4aa2c075726aae7e2a2e014c87827f6d20
+  short_hash: 67015b4
+  author: Martijn Cuppens
+  date: Thu Nov 7 19:28:51 2019 +0100
+  description: "package.json: Add funding property (#29646)"
+
+- hash: c9ae98ee38f1c9108b079a0a48a1b21cdbd55001
+  short_hash: c9ae98e
+  author: XhmikosR
+  date: Thu Nov 7 11:33:10 2019 +0200
+  description: Remove shx. (#29636)
+
+- hash: c3fa502d32d78f580760500fe1b91bd0f04b845c
+  short_hash: c3fa502
+  author: XhmikosR
+  date: Thu Nov 7 11:20:12 2019 +0200
+  description: "dashboard/index.html: update feather-icons to v4.24.1 (#29651)"
+
+- hash: 1d30e05cafd986b1ca067edd20570899b0ad9e94
+  short_hash: 1d30e05
+  author: XhmikosR
+  date: Thu Nov 7 10:41:40 2019 +0200
+  description: Regenerate package-lock.json.
+
+- hash: 258a56b473edea843eb20e80bbc7bf49eb040a32
+  short_hash: 258a56b
+  author: XhmikosR
+  date: Mon Nov 4 15:42:09 2019 +0200
+  description: "site/assets/js/search.js: ignore the LGTM alert (#29634)"
+
+- hash: 972369c997e4113607aaa002edd532e3d256f316
+  short_hash: 972369c
+  author: XhmikosR
+  date: Thu Oct 24 16:47:38 2019 +0300
+  description: Tighten regex a bit. If we need to make this more robust in the future, we can revert this as needed.
+
+- hash: e40b3355f09d444337eb0081877d02329fbf52c9
+  short_hash: e40b335
+  author: XhmikosR
+  date: Tue Sep 17 14:22:56 2019 +0300
+  description: "example.html: use double quotes"
+
+- hash: 04acb679ab4282b50e2c6214c3ce7db634f9c2e1
+  short_hash: 04acb67
+  author: Christopher Morrissey
+  date: Fri Sep 6 18:35:43 2019 +0300
+  description: "Example shortcode: use a regex and simplify logic."
+
+- hash: a28adc76663b00b72abee1ae326b53cc9c9d6b9c
+  short_hash: a28adc7
+  author: XhmikosR
+  date: Mon Nov 4 14:44:07 2019 +0200
+  description: Move docs JS one folder up. (#29632)
+
+- hash: 504098d66466488927acd43369b6f0dd40daa1f7
+  short_hash: 504098d
+  author: Martijn Cuppens
+  date: Mon Nov 4 13:37:13 2019 +0100
+  description: "progress: Fix IE overflow (#29629)"
+
+- hash: 6b3ee0e5fde816ff3aaad28f55282d5a11328bcc
+  short_hash: 6b3ee0e
+  author: Johann-S
+  date: Mon Nov 4 10:50:07 2019 +0100
+  description: removing last occurences of _fixTitle in our docs (#29631)
+
+- hash: 8805122f73dc580aab449f6f680eb01b83cafeed
+  short_hash: 8805122
+  author: XhmikosR
+  date: Fri Nov 1 13:18:28 2019 +0200
+  description: Update modal.md (#29621) Fix typo
+
+- hash: f2483febb61f6397fd855efe92d2c1e536262c26
+  short_hash: f2483fe
+  author: Martijn Cuppens
+  date: Thu Oct 31 09:56:10 2019 +0100
+  description: Update stylelint-config-twbs-bootstrap to 0.9.0 (#29612)
+
+- hash: 08ba61e276a6393e8e2b97d56d2feb70a24fe22c
+  short_hash: 08ba61e
+  author: Martijn Cuppens
+  date: Wed Oct 30 09:03:53 2019 +0100
+  description: Remove calc function from docs
+
+- hash: ca9731692ecbff4e3415a77ff28612ed1fc96ac6
+  short_hash: ca97316
+  author: Martijn Cuppens
+  date: Wed Oct 30 08:57:09 2019 +0100
+  description: Add calc() to function blacklist
+
+- hash: 9e54d8e1208fbb292d48b879b66d19a404bba538
+  short_hash: 9e54d8e
+  author: Mark Otto
+  date: Sat Oct 19 08:32:29 2019 +0300
+  description: Doc tweaks.
+
+- hash: 32b932c959818a2d7a6651ecc57ad88bc8e0d0ea
+  short_hash: 32b932c
+  author: Martijn Cuppens
+  date: Sat Oct 12 16:03:17 2019 +0200
+  description: Revert complex calculation
+
+- hash: d6ebc60d3d98d48959e6e1bd4eeea4d6e8be4366
+  short_hash: d6ebc60
+  author: ysds
+  date: Tue Sep 3 20:18:44 2019 +0300
+  description: Add add and subtract function
+
+- hash: c62efc3ef69d7dd6e784928b707f52884fab87de
+  short_hash: c62efc3
+  author: Steffen Roßkamp
+  date: Thu Oct 31 06:58:09 2019 +0100
+  description: Update normalizeDataKey to match the spec (#29609)
+
+- hash: 639c405c6510a286a3cfcfd6d733d28d0e7baf92
+  short_hash: 639c405
+  author: Matias Puhakka
+  date: Mon Oct 28 16:19:03 2019 +0200
+  description: Remove redundant "Navbar divider" from "Contents" (#29601)
+
+- hash: b81a23a60d1a0c137dfeff17ce9f85c80ca9fe5c
+  short_hash: b81a23a
+  author: Mark Otto
+  date: Mon Oct 28 00:12:07 2019 -0700
+  description: Update .form-check to properly support gradients when enabled (#29338)
+
+- hash: 9c7bc1a1111940158050db8aaf66340e8ce4d558
+  short_hash: 9c7bc1a
+  author: Mark Otto
+  date: Sun Oct 27 20:26:52 2019 -0700
+  description: "v5: Simplify navbars by requiring containers (#29339)"
+
+- hash: 23c3cdbd432947e30c755c56aace15218aafc99a
+  short_hash: 23c3cdb
+  author: XhmikosR
+  date: Sun Oct 27 16:39:54 2019 +0200
+  description: Remove unneeded ESLint suppression and regenerate lock file (#29593)
+
+- hash: 819f922276de18cbddb8f5d484b34e4a1a132886
+  short_hash: 819f922
+  author: midzer
+  date: Sat Oct 26 18:47:55 2019 +0200
+  description: remove superflous transition parameter (#29595)
+
+- hash: 46912797b24f12817c24d84a1a80a72d224d1b3a
+  short_hash: 4691279
+  author: Higor Araújo dos Anjos
+  date: Fri Oct 25 15:12:09 2019 -0300
+  description: Added animation when modal backdrop is static (#29516)
+
+- hash: 9ee9b8a1e8f6b2c9d1cbec6cf5c04ac5b8a2b378
+  short_hash: 9ee9b8a
+  author: Martijn Cuppens
+  date: Fri Oct 25 11:37:52 2019 +0200
+  description: Add configurable button text wrapping (#29554)
+
+- hash: b3dfcdc7ed066469074e96d9ca80b0684d185d82
+  short_hash: b3dfcdc
+  author: Pawel Wolak
+  date: Fri Oct 25 11:25:30 2019 +0200
+  description: Enable eslint no-console rule except for build directory (#29585)
+
+- hash: e298e42e29022f275c42273e07cda7618b5d96c3
+  short_hash: e298e42
+  author: XhmikosR
+  date: Tue Oct 22 20:56:19 2019 +0300
+  description: Regenerate package-lock.json (#29571)
+
+- hash: 6c0e75d6cf6f4a37eede6f221b4be83d29d31742
+  short_hash: 6c0e75d
+  author: XhmikosR
+  date: Tue Oct 22 12:22:27 2019 +0300
+  description: Fix one dev npm vulnerability. (#29568)
+
+- hash: b91ce0940573dba21c574927e16ea092e3d50df5
+  short_hash: b91ce09
+  author: XhmikosR
+  date: Tue Oct 22 07:49:06 2019 +0300
+  description: Update hugo-bin to v0.47.0 (Hugo 0.59.0) (#29562)
+
+- hash: 3b876be65273eb4e1096a7420f4b73767607fe59
+  short_hash: 3b876be
+  author: Shohei Yoshida
+  date: Tue Oct 22 11:27:43 2019 +0900
+  description: Rename close icon to close button (#29387)
+
+- hash: 3251de8d57b8e11b9dda0984298028cc977642eb
+  short_hash: 3251de8
+  author: XhmikosR
+  date: Tue Oct 22 05:11:22 2019 +0300
+  description: Get rid of unneeded `div`s. (#29563)
+
+- hash: f3e84e026863e6a4bbc471a8e6c84e9a3b254c55
+  short_hash: f3e84e0
+  author: XhmikosR
+  date: Sun Oct 20 18:57:15 2019 +0300
+  description: Update popper.js to v1.16.0. (#29537)
+
+- hash: 8d56c19b5509ef5b6358ee4b646a80bdffbe7396
+  short_hash: 8d56c19
+  author: Mark Otto
+  date: Fri Oct 18 11:06:12 2019 -0700
+  description: "v5: Icons docs cleanup (#29450)"
+
+- hash: 943bef258d661e0d752f2c4f129952fe2a9de47e
+  short_hash: 943bef2
+  author: Mark Otto
+  date: Fri Oct 18 11:04:27 2019 -0700
+  description: "v5: Update colors to add shades and tints (#29348)"
+
+- hash: 1fa337cc201a5c55f699af03595821b9c06273df
+  short_hash: 1fa337c
+  author: Mark Otto
+  date: Fri Oct 18 00:28:17 2019 -0700
+  description: Add link to Icons site in our docs (#29544)
+
+- hash: c1ee395f80c05de8317588b07f34a65c5b95c42c
+  short_hash: c1ee395
+  author: Jeremy Jackson
+  date: Thu Oct 17 15:01:44 2019 +0000
+  description: Skip hidden dropdowns while focusing (#29523)
+
+- hash: 104385c508a4c77761b04a9842e978bab6f359f6
+  short_hash: 104385c
+  author: Mark Otto
+  date: Wed Oct 16 23:46:34 2019 -0700
+  description: Add make-col-auto mixin (#29367)
+
+- hash: b483f80b9ea79318273299c7b365c3abff3bfeea
+  short_hash: b483f80
+  author: XhmikosR
+  date: Wed Oct 16 18:06:26 2019 +0300
+  description: Update dependabot config (#29536)
+
+- hash: 2a8486962ef0260553432ce1a0401cabba81b968
+  short_hash: 2a84869
+  author: XhmikosR
+  date: Wed Oct 16 14:48:28 2019 +0300
+  description: Add dependabot config (#29526)
+
+- hash: b4e957d360899c2555cb29a3ae4589405883bba9
+  short_hash: b4e957d
+  author: XhmikosR
+  date: Mon Oct 14 10:54:39 2019 +0300
+  description: Update devDependencies. (#29508)
+
+- hash: 7327e38b1c767051658e68171994042649a4203a
+  short_hash: 7327e38
+  author: Martijn Cuppens
+  date: Sat Oct 12 15:07:22 2019 +0200
+  description: Fix top level ampersand (#29518)
+
+- hash: 64e22b42842b2d216f328a94ff9105da744bccbe
+  short_hash: 64e22b4
+  author: leshasmp
+  date: Sat Oct 12 17:09:04 2019 +0500
+  description: Carousel variables (#29493)
+
+- hash: 09e6af48d7f44900e38d5676fb01ad7bb9ddd24b
+  short_hash: 09e6af4
+  author: astrahov
+  date: Sat Oct 12 16:56:29 2019 +0500
+  description: Group line-height variables (#29466)
+
+- hash: 4e37fc3ab4b9441ec749ab91edff66b7fc192456
+  short_hash: 4e37fc3
+  author: Jeremy Jackson
+  date: Sat Oct 12 08:21:22 2019 +0000
+  description: Add color argument to button mixins (#29444)
+
+- hash: b3451ff258fad12e0803d3c4c0331230748720b8
+  short_hash: b3451ff
+  author: Mark Otto
+  date: Thu Oct 10 11:18:19 2019 -0700
+  description: Add new .bg-body utility class (#29511)
+
+- hash: 133e0c8c9a7fdb7bd4d5ebd82ce6d8dc944e0a4f
+  short_hash: 133e0c8
+  author: XhmikosR
+  date: Wed Oct 9 11:11:37 2019 +0300
+  description: Drop support for Node.js 8. (#29496)
+
+- hash: 577bf8b14d76a864a8d69dbfb03b757fbeb6e241
+  short_hash: 577bf8b
+  author: XhmikosR
+  date: Wed Oct 9 01:27:43 2019 +0300
+  description: Rename "js/tests/units" to "js/tests/unit". (#29503)
+
+- hash: 1770691b339bdbf17de5e8824158b358dc0284a9
+  short_hash: 1770691
+  author: XhmikosR
+  date: Tue Oct 8 09:39:10 2019 +0300
+  description: Dist (#29484)
+
+- hash: 9c54d3579757aa1e4027ff8fb434a18c656d840c
+  short_hash: 9c54d35
+  author: XhmikosR
+  date: Tue Oct 8 08:47:40 2019 +0300
+  description: "CI: move `CI` env variable to the root of the workflow. (#29499)"
+
+- hash: 622c914a3acc1ab933b3e89d8abfdd63feeb4016
+  short_hash: 622c914
+  author: XhmikosR
+  date: Mon Oct 7 09:31:12 2019 +0300
+  description: Update devDependencies. (#29447)
+
+- hash: 60559d44a2166708a4dc2f6ccb835052da08ab65
+  short_hash: 60559d4
+  author: astrahov
+  date: Thu Oct 3 20:54:34 2019 +0500
+  description: Add variable for `$breadcrumb-font-size` (#29467)
+
+- hash: e1b82f51e21b6329d783406cfbc9c847c798ef23
+  short_hash: e1b82f5
+  author: Johann-S
+  date: Wed Oct 2 14:32:29 2019 +0200
+  description: add modularity integration test
+
+- hash: 3d12b541c488ea09efced2fb987fcbf384c656bb
+  short_hash: 3d12b54
+  author: Johann-S
+  date: Wed Oct 2 11:43:54 2019 +0200
+  description: return to the original file structure to avoid breaking modularity
+
+- hash: 393ddae09b0578c8d381540bdbb4e68cdec1b45b
+  short_hash: 393ddae
+  author: Martijn Cuppens
+  date: Thu Oct 3 09:43:45 2019 +0200
+  description: Fix border for single card in accordion (#29453)
+
+- hash: 03c9788f7a0293beef328c004b124f4433c3c64d
+  short_hash: 03c9788
+  author: Martijn Cuppens
+  date: Thu Oct 3 09:21:40 2019 +0200
+  description: Variable card height (#29462)
+
+- hash: f6a1e2fc8990f2c8975b0f27fc14027a6f7e9fae
+  short_hash: f6a1e2f
+  author: Paweł Kuna
+  date: Thu Oct 3 08:52:25 2019 +0200
+  description: Better radio input (#29441)
+
+- hash: 494713b55a40d5b1216acd8b44fe0e463224f73d
+  short_hash: 494713b
+  author: Martijn Cuppens
+  date: Wed Oct 2 21:48:15 2019 +0200
+  description: Trim trailing whitespace from markdown files (#29460)
+
+- hash: de8c65158be3bbf150b9352a3985762c7e094933
+  short_hash: de8c651
+  author: Martijn Cuppens
+  date: Wed Oct 2 21:37:24 2019 +0200
+  description: Remove appearance from textarea (#29455)
+
+- hash: 707973ebdd2ea058b297456ee6c7b0a27b725089
+  short_hash: 707973e
+  author: Mark Otto
+  date: Wed Oct 2 12:19:45 2019 -0700
+  description: "v5: .form-check layout changes (#29322)"
+
+- hash: c306e963e8f75cf4e2b5b7b656266b6df01c8b83
+  short_hash: c306e96
+  author: Andreas Schroth
+  date: Wed Oct 2 21:10:31 2019 +0200
+  description: Remove "extra" section from composer.json (#29420)
+
+- hash: e41342b4c1be70ff8d6074f37ecc49dec632d80c
+  short_hash: e41342b
+  author: XhmikosR
+  date: Wed Oct 2 22:05:15 2019 +0300
+  description: "coveralls: Add `COVERALLS_GIT_BRANCH` (#29458)"
+
+- hash: b1a4b0ecc42e5d2359f18d6430b9386defdb9ddb
+  short_hash: b1a4b0e
+  author: XhmikosR
+  date: Wed Oct 2 21:56:39 2019 +0300
+  description: "workflows/test.yml: specify `CI=true` (#29440)"
+
+- hash: adfd3fbd4689b8d373d55df56bead6d09c728fcd
+  short_hash: adfd3fb
+  author: XhmikosR
+  date: Wed Oct 2 21:49:34 2019 +0300
+  description: "README.md: link to the Actions page for Tests (#29480)"
+
+- hash: 46e8f1a34fe00468209f46b12aac6323b5322eee
+  short_hash: 46e8f1a
+  author: astrahov
+  date: Tue Oct 1 18:14:43 2019 +0500
+  description: Variable carousel indicator opacity (#29468)
+
+- hash: 0a3aa08b89031a835e73b53b161ba6c6d1cab848
+  short_hash: 0a3aa08
+  author: Paweł Kuna
+  date: Fri Sep 27 17:58:53 2019 +0200
+  description: Remove outline from select box in FF (#29445)
+
+- hash: f2dff864aa09140dd7edc6b5e27ecf590f2f7fa5
+  short_hash: f2dff86
+  author: wojtask9
+  date: Fri Sep 27 14:22:31 2019 +0200
+  description: Remove duplicated td selector (#29454)
+
+- hash: 6b150855df836210188b0cec5e989468ca5e9611
+  short_hash: 6b15085
+  author: XhmikosR
+  date: Fri Sep 27 09:01:36 2019 +0300
+  description: Change blue and pink colors to be accessible. (#29198)
+
+- hash: de3a3731bd8034536654053130663d12ff1ec811
+  short_hash: de3a373
+  author: XhmikosR
+  date: Thu Sep 26 21:50:14 2019 +0300
+  description: "Sass: remove redundant stylelint inline suppressions. (#29427)"
+
+- hash: 7e0901779043aa0357fa39e7544b60c2054cce01
+  short_hash: 7e09017
+  author: XhmikosR
+  date: Tue Sep 24 21:32:49 2019 +0300
+  description: "`update-deps`: remove moot `cross-env` call. (#29419)"
+
+- hash: d2a24e09ecfd453618f7bd6c07bc0546e38fb261
+  short_hash: d2a24e0
+  author: Shohei Yoshida
+  date: Tue Sep 24 19:48:45 2019 +0900
+  description: Grid card example tweaks (#29409)
+
+- hash: 84861ceadbb09ada3598a632fd0f5e1cc80b0e7a
+  short_hash: 84861ce
+  author: XhmikosR
+  date: Tue Sep 17 21:34:53 2019 +0300
+  description: ".eslintrc.json: Remove a couple of default rules."
+
+- hash: 90c5de151be15815469a07b2c7aa4ab0c01f2a86
+  short_hash: 90c5de1
+  author: XhmikosR
+  date: Tue Sep 24 12:53:50 2019 +0300
+  description: GH Actions updates. (#29429)
+
+- hash: 129bb08fc4d2c850ae71250371adf82a4441dc70
+  short_hash: 129bb08
+  author: XhmikosR
+  date: Tue Sep 17 00:22:49 2019 +0300
+  description: Use Hugo for our docs Sass and JS. (#29280)
+
+- hash: a9c05ab798df7b1a40af41c25dd92faa84b13f99
+  short_hash: a9c05ab
+  author: XhmikosR
+  date: Wed Aug 28 17:31:45 2019 +0300
+  description: "examples: darken gray a little bit."
+
+- hash: 758ee5f0f8c31f0140cd3df62cd3dd0eef33eecd
+  short_hash: 758ee5f
+  author: XhmikosR
+  date: Mon Aug 5 16:11:51 2019 +0300
+  description: "card.md: use `text-dark` for warning card."
+
+- hash: 1edba8072db996d72a9b774953c9137eb2159432
+  short_hash: 1edba80
+  author: XhmikosR
+  date: Sat Aug 3 18:47:13 2019 +0300
+  description: "badge.md: use `text-dark` for warning."
+
+- hash: fbeed6f1d9a89d2fbe97312dfb94b6b8f85c195b
+  short_hash: fbeed6f
+  author: XhmikosR
+  date: Sat Aug 3 18:27:11 2019 +0300
+  description: Darken footer color.
+
+- hash: 943a074a2ba9dc753cb4e27075246b7e82eeb306
+  short_hash: 943a074
+  author: XhmikosR
+  date: Sat Aug 3 18:20:45 2019 +0300
+  description: Tweak syntax highlighting colors to be WCAG2AA valid.
+
+- hash: 0126d9832b03fbb584066cc5f1eeadd283665ed6
+  short_hash: 0126d98
+  author: XhmikosR
+  date: Mon Sep 16 15:28:25 2019 +0300
+  description: "workflows/test.yml: switch to `setup-node@v1`. (#29410)"
+
+- hash: e2a93ec094d6ec1283c10a220b26a2acb4b7417c
+  short_hash: e2a93ec
+  author: ysds
+  date: Thu Sep 12 23:30:47 2019 +0900
+  description: Fix incorrect aspect ratio on IE11
+
+- hash: 6e638685002e8d5f5c42b274ce87ae3d044d52f2
+  short_hash: 6e63868
+  author: Martijn Cuppens
+  date: Thu Apr 25 21:10:55 2019 +0200
+  description: Remove redundant properties
+
+- hash: d99ff902f8c7b849ccb283af69d6a8ac15356450
+  short_hash: d99ff90
+  author: jahanzaibsuleman07
+  date: Fri Sep 13 23:15:20 2019 +0500
+  description: Responsive sticky top (#29158)
+
+- hash: 49469ca0dc383626b201d91b66bd4aaed8dceb0f
+  short_hash: 49469ca
+  author: XhmikosR
+  date: Fri Sep 13 12:13:08 2019 +0300
+  description: Update devDependencies. (#29381)
+
+- hash: 2f549ecda8b154ac9203056786e77c8271e78f30
+  short_hash: 2f549ec
+  author: Martijn Cuppens
+  date: Sat Sep 7 21:16:48 2019 +0200
+  description: Typo fix (#29382)
+
+- hash: 713dd824038aba59185b05e4c87bce8e5452e893
+  short_hash: 713dd82
+  author: ysds
+  date: Fri Sep 6 23:57:29 2019 +0900
+  description: Remove unnecessary z-index
+
+- hash: 9066f9495cb41459574ab181fc3d435c1b4e358a
+  short_hash: 9066f94
+  author: Martijn Cuppens
+  date: Fri Sep 6 09:24:08 2019 +0200
+  description: Make sure the content doesn't cover the navbar dropdown
+
+- hash: c5e80ff2afe056fc959cd14b2ffda88016e0b81d
+  short_hash: c5e80ff
+  author: XhmikosR
+  date: Sat Aug 31 14:41:15 2019 +0300
+  description: "about/brand.md: Remove unused class."
+
+- hash: c6ac6365e57efeff86b2b099703c907c3d57b261
+  short_hash: c6ac636
+  author: XhmikosR
+  date: Sat Aug 31 14:30:29 2019 +0300
+  description: Use the `$white` variable.
+
+- hash: b6b96c174bff4b27800fb9ddec75328d1ef30322
+  short_hash: b6b96c1
+  author: Martijn Cuppens
+  date: Fri Aug 30 23:32:12 2019 +0300
+  description: Docs tweaks
+
+- hash: d6945d5e8fa66a84cf363d9ff710684971bdea85
+  short_hash: d6945d5
+  author: XhmikosR
+  date: Sun Sep 1 13:37:24 2019 +0300
+  description: Move shortcodes used only once where they are needed.
+
+- hash: 2c9e22ef889b1b88df7b956d705a1069c10d5e68
+  short_hash: 2c9e22e
+  author: XhmikosR
+  date: Sun Sep 1 13:23:58 2019 +0300
+  description: "getting-started/theming.md: throw an error if the regex doesn't succeed."
+
+- hash: cf4ae75eff7d432962cc67d56d4ede3b9e3ac42c
+  short_hash: cf4ae75
+  author: XhmikosR
+  date: Sun Sep 1 13:23:31 2019 +0300
+  description: Break a couple of long lines.
+
+- hash: f7fe5d5bca78354c1ff27340702593ca5f81a3a3
+  short_hash: f7fe5d5
+  author: XhmikosR
+  date: Fri Sep 6 08:51:46 2019 +0300
+  description: "homepage: remove redundant class (#29357)"
+
+- hash: eb49bd11c9e5f2705d4efa78c029a1de3a2fb832
+  short_hash: eb49bd1
+  author: Mark Otto
+  date: Thu Sep 5 11:43:31 2019 -0700
+  description: Update subnav to remove breadcrumb and just keep versions and search (#29368)
+
+- hash: c6a82fcc6f46cc8679df45142dfd2de3312b85e6
+  short_hash: c6a82fc
+  author: XhmikosR
+  date: Thu Sep 5 11:23:34 2019 +0300
+  description: Update devDependencies. (#29349)
+
+- hash: db002902da3a56db6d4d65ea8ae78212c91ea3a1
+  short_hash: db00290
+  author: XhmikosR
+  date: Tue Sep 3 18:04:11 2019 +0300
+  description: Tweak form validation snippet. (#29359)
+
+- hash: d0affaa2eccdd0ab697bc3eee57b6c22f4bc24f9
+  short_hash: d0affaa
+  author: XhmikosR
+  date: Mon Sep 2 19:19:25 2019 +0300
+  description: "Examples: use our utilities more. (#29358)"
+
+- hash: 88d7d8b8223911726d8a0aeed9a16010dca04287
+  short_hash: 88d7d8b
+  author: XhmikosR
+  date: Mon Sep 2 12:52:26 2019 +0300
+  description: Use the example shortcode in more places. (#29346)
+
+- hash: 6cb4ebc04870df30d5b6ec528ffcb84a07ab48c5
+  short_hash: 6cb4ebc
+  author: XhmikosR
+  date: Mon Sep 2 12:44:19 2019 +0300
+  description: "ESLint: specify `--report-unused-disable-directives` (#29350)"
+
+- hash: 6f1eb110e7c39dc2fb7e2126248b320519ae037a
+  short_hash: 6f1eb11
+  author: XhmikosR
+  date: Mon Sep 2 12:31:02 2019 +0300
+  description: "Docs: simplify a few Hugo `range`s. (#29333)"
+
+- hash: edf7923c8f04b436291c0c2b8e405be7ae3f6ab1
+  short_hash: edf7923
+  author: XhmikosR
+  date: Mon Sep 2 12:21:42 2019 +0300
+  description: Fix a few redirected links. (#29352)
+
+- hash: 919b526f17a08cefba51c42b831c922adecb4a9f
+  short_hash: 919b526
+  author: XhmikosR
+  date: Sat Aug 31 08:11:16 2019 +0300
+  description: Fix shortcodes/example.html class bug. (#29344)
+
+- hash: b1f49092877c83bf2007cc363fc5c6925cc0dc8c
+  short_hash: b1f4909
+  author: ysds
+  date: Thu Aug 29 22:12:26 2019 +0900
+  description: Add responsive example
+
+- hash: ebfeaa4ad18aa67c8ff91ff483f1f3634b2afc85
+  short_hash: ebfeaa4
+  author: ysds
+  date: Wed Aug 28 23:37:39 2019 +0900
+  description: Allow override default col width
+
+- hash: cc248791b0f260aa6e0505a0aa7c3faeb1cbc797
+  short_hash: cc24879
+  author: Mark Otto
+  date: Tue Jul 23 23:00:29 2019 -0700
+  description: Cleanup
+
+- hash: db692d02d555a66219283d5e2150a681fafee1e6
+  short_hash: db692d0
+  author: Mark Otto
+  date: Thu Jul 18 02:48:43 2019 +0300
+  description: Move margins, and equal height via utility example
+
+- hash: e2252e023096daa7e852835a69c360484765c42b
+  short_hash: e2252e0
+  author: Mark Otto
+  date: Thu Jul 18 02:27:53 2019 +0300
+  description: First pass at .row-cols classes
+
+- hash: 4041d70eb5462fe8fdd08040f68fcb0ccf67935e
+  short_hash: 4041d70
+  author: XhmikosR
+  date: Fri Aug 30 17:35:12 2019 +0300
+  description: card.md remove empty `class` placeholder argument (#29345)
+
+- hash: aa3b4c41a4d98e054b0e18c0193efcce0db39d71
+  short_hash: aa3b4c4
+  author: XhmikosR
+  date: Fri Aug 30 17:21:47 2019 +0300
+  description: "carousel.md: Remove duplicate bd-example div. (#29341)"
+
+- hash: a6460d972743ecf4cf1fc382dafd06af945fff0a
+  short_hash: a6460d9
+  author: XhmikosR
+  date: Fri Aug 30 11:52:22 2019 +0300
+  description: Merge lint scripts (#29329)
+
+- hash: 007ea0d8d043a788383109e1883717875fa5530d
+  short_hash: 007ea0d
+  author: Martijn Cuppens
+  date: Fri Aug 30 09:42:41 2019 +0200
+  description: Clean up line heights & add line height utilities (#29271)
+
+- hash: ae249e8f559b88f9db78ed96a39f680aea43c051
+  short_hash: ae249e8
+  author: XhmikosR
+  date: Fri Aug 30 08:01:21 2019 +0300
+  description: "docs-sidebar.html: reindent. (#29337)"
diff --git a/pages/_data/menu.yml b/pages/_data/menu.yml
index 7a8051b4e65343d348c01ec2861e4714f83b9502..caf702b87c508f2db891dcc756cdad6f9189d854 100644
--- a/pages/_data/menu.yml
+++ b/pages/_data/menu.yml
@@ -49,7 +49,7 @@ docs:
 #  icon: file-plus
 #  label: v1.0
 
-components:
-  url: components.html
-  title: Components
-  icon: truck
+#components:
+#  url: components.html
+#  title: Components
+#  icon: truck
diff --git a/pages/_data/people.json b/pages/_data/people.json
index 0a5f375323aad86e75a7bdfe8afc2d0f4696db04..81bbd8a79a18c578fbdd93175fe5bf2b2d1ac1d4 100644
--- a/pages/_data/people.json
+++ b/pages/_data/people.json
@@ -48,8 +48,7 @@
     "credit_card_type": "bankcard",
     "bitcoin_address": "1NvUquhGpiEqpedb4H2HCHawrPaG8i4zap",
     "birth_date": "20/04/1999",
-    "ip_address": "207.39.45.122",
-    "photo": "img/avatars/001m.jpg"
+    "ip_address": "207.39.45.122"
   },
   {
     "id": 3,
@@ -178,8 +177,7 @@
     "credit_card_type": "maestro",
     "bitcoin_address": "1B4Z2mefCpudYsixuC1gZKzfXyp8224XwD",
     "birth_date": "01/05/1978",
-    "ip_address": "18.191.234.41",
-    "photo": "img/avatars/004m.jpg"
+    "ip_address": "18.191.234.41"
   },
   {
     "id": 8,
@@ -256,8 +254,7 @@
     "credit_card_type": "bankcard",
     "bitcoin_address": "1MAkh5f9Em7A8Af8K4kpebxDWgq5mRreiR",
     "birth_date": "31/05/1959",
-    "ip_address": "239.192.13.146",
-    "photo": "img/avatars/005m.jpg"
+    "ip_address": "239.192.13.146"
   },
   {
     "id": 11,
@@ -360,8 +357,7 @@
     "credit_card_type": "bankcard",
     "bitcoin_address": "14DNMF4e5A7TAfHW1YrU786kTA7F6HhJxd",
     "birth_date": "11/05/1989",
-    "ip_address": "103.33.220.252",
-    "photo": "img/avatars/008m.jpg"
+    "ip_address": "103.33.220.252"
   },
   {
     "id": 15,
@@ -490,8 +486,7 @@
     "credit_card_type": "mastercard",
     "bitcoin_address": "1DZzgRGCNCfBBNQt6SVsf9m3y8a5oKfkeo",
     "birth_date": "18/04/1998",
-    "ip_address": "236.25.68.167",
-    "photo": "img/avatars/007f.jpg"
+    "ip_address": "236.25.68.167"
   },
   {
     "id": 20,
@@ -750,8 +745,7 @@
     "credit_card_type": "solo",
     "bitcoin_address": "1DqT7amUSs2cj4zqickvh9EeENCLdpVxhV",
     "birth_date": "04/04/1978",
-    "ip_address": "0.216.229.213",
-    "photo": "img/avatars/014f.jpg"
+    "ip_address": "0.216.229.213"
   },
   {
     "id": 30,
@@ -802,8 +796,7 @@
     "credit_card_type": "instapayment",
     "bitcoin_address": "18w22JWzFW3zqehHWMhtEQiRWnJ4XypvXC",
     "birth_date": "31/07/1977",
-    "ip_address": "50.4.71.163",
-    "photo": "img/avatars/014m.jpg"
+    "ip_address": "50.4.71.163"
   },
   {
     "id": 32,
diff --git a/pages/_docs/flags.md b/pages/_docs/flags.md
index dc591d5cc623159365a67998c4d4b9cdb91654e2..09e4fbd79480c5c80e3be535c482af3f94708380 100644
--- a/pages/_docs/flags.md
+++ b/pages/_docs/flags.md
@@ -8,18 +8,18 @@ done: true
 ### Flag
 
 {% example html %}
-{% include ui/flag.html name="tg" class="mr-1" %}
-{% include ui/flag.html name="br" class="mr-1" %}
-{% include ui/flag.html name="pt" %}
+{% include ui/flag.html flag="tg" class="mr-1" %}
+{% include ui/flag.html flag="br" class="mr-1" %}
+{% include ui/flag.html flag="pt" %}
 {% endexample %}
 
 ### Flag sizes
 
 {% example html %}
-{% include ui/flag.html name="pl" class="flag-size-xl mr-1" %}
-{% include ui/flag.html name="pl" class="flag-size-lg mr-1" %}
-{% include ui/flag.html name="pl" class="flag-size-md" %}
-{% include ui/flag.html name="pl" class="mr-1" %}
+{% include ui/flag.html flag="pl" class="flag-size-xl mr-1" %}
+{% include ui/flag.html flag="pl" class="flag-size-lg mr-1" %}
+{% include ui/flag.html flag="pl" class="flag-size-md" %}
+{% include ui/flag.html flag="pl" class="mr-1" %}
 {% endexample %}
 
 ### Types
@@ -27,7 +27,7 @@ done: true
 <table>
 {% for flag in site.data.flags %}
 <tr>
-<td>{% include ui/flag.html name=flag.flag %}</td>
+<td>{% include ui/flag.html flag=flag.flag %}</td>
 <td><code>{{ flag.flag }}</code></td>
 <td>{{ flag.name }}</td>
 </tr>
diff --git a/pages/_includes/cards/_full-2.html b/pages/_includes/cards/_full-2.html
deleted file mode 100644
index 4b0724b7480c3c4b021230c82a543fd73a1007bd..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/_full-2.html
+++ /dev/null
@@ -1,93 +0,0 @@
-<div class="card">
-	<div class="card-status bg-primary"></div>
-	<div class="card-header">
-		<ul class="nav nav-tabs card-header-tabs">
-			<li class="nav-item">
-				<a class="nav-link active" href="#">Active</a>
-			</li>
-			<li class="nav-item">
-				<a class="nav-link" href="#">Link</a>
-			</li>
-			<li class="nav-item">
-				<a class="nav-link disabled" href="#">Disabled</a>
-			</li>
-		</ul>
-	</div>
-	<div class="card-body">
-		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, beatae, cumque dolor, eveniet in maiores nihil
-		pariatur placeat quibusdam suscipit ullam ut. Aliquam eum eveniet praesentium quidem quod repellendus sit?
-	</div>
-	<div class="card-body d-flex align-items-center border-top">
-		{% include ui/avatar.html person-id=17 class="mr-3 rounded" %}
-		<div class="mr-3">
-			<div>
-				<strong>1,700</strong>
-			</div>
-			<div class="text-muted">Users</div>
-		</div>
-		<div class="ml-auto">
-			<div class="sparkline" data-spark="20,40,30,40,60,80,100" data-spark-type="line" data-spark-color="yellow">
-			</div>
-		</div>
-	</div>
-	<div class="card-body text-center border-top p-0">
-		<div class="d-flex">
-			<div class="flex-fill py-3">
-				<div>$6,000</div>
-				<small class="text-muted">Target</small>
-			</div>
-			<div class="flex-fill py-3 border-left">
-				<div>$2,500</div>
-				<small class="text-muted">Last Month</small>
-			</div>
-			<div class="flex-fill py-3 border-left">
-				<div>5,235</div>
-				<small class="text-muted">Likes</small>
-			</div>
-		</div>
-	</div>
-	<table class="table card-table table-vcenter border-top">
-		<tbody>
-		<tr>
-			<th>Network</th>
-			<th colspan="2">Visitors</th>
-		</tr>
-		<tr>
-			<td>Instagram</td>
-			<td>3,550</td>
-			<td class="w-50">
-				<div class="progress progress-xs">
-					<div class="progress-bar bg-primary" style="width: 76%"></div>
-				</div>
-			</td>
-		</tr>
-		<tr>
-			<td>Twitter</td>
-			<td>1,789</td>
-			<td class="w-50">
-				<div class="progress progress-xs">
-					<div class="progress-bar bg-primary" style="width: 62%"></div>
-				</div>
-			</td>
-		</tr>
-		<tr>
-			<td>Facebook</td>
-			<td>1,245</td>
-			<td class="w-50">
-				<div class="progress progress-xs">
-					<div class="progress-bar bg-primary" style="width: 46%"></div>
-				</div>
-			</td>
-		</tr>
-		<tr>
-			<td>Pinterest</td>
-			<td>95</td>
-			<td class="w-50">
-				<div class="progress progress-xs">
-					<div class="progress-bar bg-primary" style="width: 6%"></div>
-				</div>
-			</td>
-		</tr>
-		</tbody>
-	</table>
-</div>
diff --git a/pages/_includes/cards/_full.html b/pages/_includes/cards/_full.html
deleted file mode 100644
index 2e4a728e5fc1bfd647ac28a2ca18b322aa57e8e8..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/_full.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<div class="card">
-	<img class="card-img-top" src="{{ site.base }}/img/photos/{{ site.data.photos[14].file }}" alt="">
-
-	<div class="card-header">
-		<h5 class="card-title">Card title</h5>
-		<div class="card-options">
-			<a href="#" class="btn btn-secondary btn-sm">Button</a>
-			<a href="#" class="btn btn-primary btn-sm">Button</a>
-		</div>
-	</div>
-
-	<div class="card-body">
-		<p>Aliquam autem, culpa dolore doloremque eius error fugiat hic id illum nemo porro quia quos reiciendis, reprehenderit saepe sed, sequi similique vero.</p>
-	</div>
-
-	<ul class="list-group list-group-flush">
-		<li class="list-group-item">Cras justo odio</li>
-		<li class="list-group-item">Dapibus ac facilisis in</li>
-		<li class="list-group-item">Vestibulum at eros</li>
-	</ul>
-
-	<div class="card-body">
-		<a href="#" class="card-link">Card link</a>
-		<a href="#" class="card-link">Another link</a>
-	</div>
-
-	<div class="progress card-progress">
-		<div class="progress-bar bg-green" style="width: 20%"></div>
-	</div>
-</div>
diff --git a/pages/_includes/cards/activity.html b/pages/_includes/cards/activity.html
deleted file mode 100644
index 98505b37d1c848933e4e4ceb09796e69f9a75af4..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/activity.html
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-<div class="card">
-	<div class="card-body d-flex flex-column">
-		<div class="d-flex align-items-center border-bottom pb-3 mb-3">
-			<div>
-				{% include ui/avatar.html person-id="3" class="mr-3"%}
-			</div>
-			<div class="text-muted">
-				<strong class="text-body">Martin</strong> completed the task <a href="#">Set up client chat channel</a>
-				<div class="font-weight-light">Just now</div>
-			</div>
-		</div>
-
-		<div class="d-flex align-items-center border-bottom pb-3 mb-3">
-			<div>
-				{% include ui/avatar.html person-id="31" class="mr-3"%}
-			</div>
-			<div class="text-muted">
-				<strong class="text-body">Pablo</strong> left the project
-				<div class="font-weight-light">Just now</div>
-			</div>
-		</div>
-
-		<div class="d-flex align-items-center">
-			<div>
-				{% include ui/avatar.html person-id="10" class="mr-3"%}
-			</div>
-			<div class="text-muted">
-				<strong class="text-body">Kate</strong> added the task <a href="#">Let's make Tabler awesome!</a>
-				<div class="font-weight-light">Just now</div>
-			</div>
-		</div>
-	</div>
-</div>
diff --git a/pages/_includes/cards/blog-single.html b/pages/_includes/cards/blog-single.html
index 0c51ac8b091770732b9836078b21cebd700a3a56..77e3d37c9b7bc9cd9a1b46151b5ddf1edcc5736b 100644
--- a/pages/_includes/cards/blog-single.html
+++ b/pages/_includes/cards/blog-single.html
@@ -5,33 +5,48 @@
 {% assign truncate = include.truncate | default: 100 %}
 {% assign avatar = article.author %}
 
-<div class="card{% if type == 'aside' %} card-aside{% endif %}">
-   {% if type == 'image' %}
-   <a href="#"><img class="card-img-top" src="{{ site.base }}/img/photos//{{ site.data.photos[article.image].file }}" alt="{{ article.title | escape}}"></a>
-   {% endif %}
-
-   {% if type == 'aside' %}
-   <a href="#" class="card-aside-column{% if include.aside-class %} {{ include.aside-class }}{% endif %}" style="background-image: url({{ site.base }}/img/photos//{{ site.data.photos[article.image].file }})"></a>
-   {% endif %}
+{% capture card-content %}
+   <h3><a href="#">{{ article.title }}</a></h3>
 
+   <div class="text-muted">{{ article.description | truncate: truncate }}</div>
 
+   <div class="d-flex align-items-center pt-5 mt-auto">
+      {% include ui/avatar.html person-id=avatar size="md" %}
+      <div class="ml-3">
+         <a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
+         <small class="d-block text-muted">3 days ago</small>
+      </div>
+      <div class="ml-auto">
+         <a href="#" class="icon d-none d-md-inline-block ml-3 {% if liked %}text-red{% else %}text-muted{% endif %}">
+            {% include ui/icon.html icon="heart" use-svg=true  %}
+         </a>
+      </div>
+   </div>
+{% endcapture %}
 
-   <div class="card-body d-flex flex-column">
-      <h4><a href="#">{{ article.title }}</a></h4>
-
-      <div class="text-muted">{{ article.description | truncate: truncate }}</div>
+<div class="card d-flex flex-column">
 
-      <div class="d-flex align-items-center pt-5 mt-auto">
-         {% include ui/avatar.html person-id=avatar size="md" %}
-         <div class="ml-3">
-            <a href="{{ site.base }}/profile.html" class="text-body">{{ author.first_name }} {{ author.last_name }}</a>
-            <small class="d-block text-muted">3 days ago</small>
-         </div>
-         <div class="ml-auto">
-            <a href="#" class="icon d-none d-md-inline-block ml-3 {% if liked %}text-red{% else %}text-muted{% endif %}">
-               {% include ui/icon.html icon="heart" use-svg=true  %}
-            </a>
+   {% if type == 'aside' %}
+   <div class="row row-0 flex-fill">
+      <div class="col-md-3">
+         <a href="#">
+            <img src="{{ site.base }}/img/photos//{{ site.data.photos[article.image].file }}" class="w-100 h-100 object-cover" alt="Card side image">
+         </a>
+      </div>
+      <div class="col">
+         <div class="card-body">
+            {{ card-content }}
          </div>
       </div>
    </div>
+   {% else %}
+      {% if type == 'image' %}
+      <a href="#">
+         <img class="card-img-top" src="{{ site.base }}/img/photos//{{ site.data.photos[article.image].file }}" alt="{{ article.title | escape}}">
+      </a>
+      {% endif %}
+      <div class="card-body d-flex flex-column">
+         {{ card-content }}
+      </div>
+   {% endif %}
 </div>
diff --git a/pages/_includes/cards/book-hotel.html b/pages/_includes/cards/book-hotel.html
deleted file mode 100644
index 181a6551747e24cc34d4cecfcad922e7a3416599..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/book-hotel.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<div class="card">
-    <div class="card-header">
-        <h4>Book Hotel</h4>
-    </div>
-    <div class="card-body">
-        <form>
-            <div class="mb-2">
-                <label class="form-label">Check-in</label>
-                <div class="input-group">
-                    <input type="text" class="form-control" placeholder="Pick a date">
-                    <div class="input-group-append">
-                    <span class="input-group-text">
-                        {% include ui/icon.html icon='calendar' %}
-                    </span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="mb-2">
-                <label class="form-label">Check-out</label>
-                <div class="input-group">
-                    <input type="text" class="form-control" placeholder="Pick a date">
-                    <div class="input-group-append">
-                    <span class="input-group-text">
-                        {% include ui/icon.html icon='calendar' %}
-                    </span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="row">
-                <div class="col-6">
-                    <div class="mb-2">
-                        <label class="form-label">Adults</label>
-                        <div class="input-group">
-                            <div class="input-group-prepend">
-                    <span class="input-group-text">
-                        {% include ui/icon.html icon='user' %}
-                    </span>
-                            </div>
-                            <input type="text" class="form-control" placeholder="1">
-                        </div>
-                    </div>
-                </div>
-                <div class="col-6">
-                    <div class="mb-2">
-                        <label class="form-label">Children</label>
-                        <div class="input-group">
-                            <div class="input-group-prepend">
-                    <span class="input-group-text">
-                        {% include ui/icon.html icon='user' %}
-                    </span>
-                            </div>
-                            <input type="text" class="form-control" placeholder="2">
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <label class="custom-control custom-checkbox mb-3">
-                <input type="checkbox" class="custom-control-input"/>
-                <span class="custom-control-label">
-            I need to rent a car as well
-            </span>
-
-            </label>
-            <button type="submit" class="btn btn-primary btn-block">Book Hotel now</button>
-        </form>
-    </div>
-</div>
diff --git a/pages/_includes/cards/code.html b/pages/_includes/cards/code.html
index 73124d4a3fc16ebcfdc3eceb81a825b2b581245f..c3abfecb48fcf01316658c272084173b1d796ab0 100644
--- a/pages/_includes/cards/code.html
+++ b/pages/_includes/cards/code.html
@@ -2,10 +2,7 @@
 	<div class="card-header">
 		<h3 class="card-title">Code block</h3>
 	</div>
-	<div class="card-body">
-		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis tempora architecto, sit a repellat dignissimos consequatur mollitia qui consequuntur recusandae numquam voluptate maiores, non cumque illo laboriosam sint dolores. Nostrum.
-	</div>
-	<div class="card-footer card-code">
+	<div class="card-code">
 {% highlight scss %}
 .card-footer {
 	background: transparent;
@@ -16,4 +13,4 @@
 }
 {% endhighlight %}
 	</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/pages/_includes/cards/icons-brands.html b/pages/_includes/cards/icons-brands.html
deleted file mode 100644
index 4c905b51c47118827949907ffc3db2df2c086523..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/icons-brands.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<div class="card">
-    <div class="card-header">
-        <div class="card-title">{{ include.title }}</div>
-    </div>
-    <div class="card-body">
-
-        <div class="row">
-            <div class="col-3">
-                <p>{{ include.description }} For more info <a href="{{ include.url }}" target="_blank">click here</a>.</p>
-                <p><code>&lt;i class="{{ include.icon_class }} {{ include.icon_class }}-ICON_NAME"&gt;&lt;/i&gt;</code></p>
-            </div>
-            <div class="col-9">
-                <div class="icons-list-wrap">
-                    <ul class="icons-list">
-                        {% for icon in include.icons %}
-                        <li class="icons-list-item">
-                            {% include ui/icon-brand.html icon=icon class="icon-md" %}
-                        </li>
-                        {% endfor %}
-                        {% for icon in (0..20) %}
-                        <li></li>
-                        {% endfor %}
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/pages/_includes/cards/image-box.html b/pages/_includes/cards/image-box.html
deleted file mode 100644
index 0f9d0638a449ff0cfff17160571ab90704a9a2cb..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/image-box.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<div class="card">
-    <a href="#">
-        <img class="card-img-top" src="{{ site.base }}/img/photos/{{ site.data.photos[0].file }}"/>
-    </a>
-    <div class="card-body">
-        <h4>Awesome Breakfast</h4>
-        <div class="toolbar mb-3">
-            <a href="#" class="text-muted">
-                {% include ui/icon.html icon="clock" %}
-                May 23rd, 2018
-            </a>
-            <a href="#feed-form-1" class="text-muted">
-                {% include ui/icon.html icon="message-square" %}
-                24
-            </a>
-        </div>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aspernatur consequatur dolor dolore, earum enim
-            error, nemo neque nulla quasi rerum, </p>
-        <a href="#" class="btn btn-primary">See more</a>
-    </div>
-</div>
diff --git a/pages/_includes/cards/invoices.html b/pages/_includes/cards/invoices.html
index c6cbf2be91e93bc8c33924c439114b526445e8d5..689040b24b00368f7b5aa9c7ad1b34db3828e897 100644
--- a/pages/_includes/cards/invoices.html
+++ b/pages/_includes/cards/invoices.html
@@ -25,7 +25,7 @@
             <td><span class="text-muted">00{{ forloop.index | plus: 1400 }}</span></td>
             <td><a href="invoice.html" class="text-reset">{{ invoice.name }}</a></td>
             <td>
-               {% include ui/flag.html name=invoice.country %}
+               {% include ui/flag.html flag=invoice.country %}
                {{ invoice.client }}
             </td>
             <td>
diff --git a/pages/_includes/cards/notification-box.html b/pages/_includes/cards/notification-box.html
deleted file mode 100644
index 73c8f93b07111d6f9cbcff7e8bcb45439786ee30..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/notification-box.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{% assign icon = include.icon | default: 'twitter' %}
-<div class="card">
-	<div class="card-body text-center">
-		<div class="avatar avatar-lg bg-{{ icon }} mt-2 mb-4">
-			{% include ui/icon-brand.html icon=icon class="avatar-icon" %}
-		</div>
-		<h3>3 notifications</h3>
-		<p class="text-muted">Waiting for you!</p>
-	</div>
-</div>
diff --git a/pages/_includes/cards/place-box.html b/pages/_includes/cards/place-box.html
deleted file mode 100644
index 3141ceb6c124fef31a2b5ad055dca446565d14cf..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/place-box.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<div class="card">
-    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
-        <ol class="carousel-indicators">
-            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
-            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
-            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
-        </ol>
-        <div class="carousel-inner">
-            <div class="carousel-item active">
-                <img class="d-block w-100" src="{{ site.base }}/img/photos/{{ site.data.photos[22].file }}" alt="First slide">
-            </div>
-            <div class="carousel-item">
-                <img class="d-block w-100" src="{{ site.base }}/img/photos/{{ site.data.photos[10].file }}" alt="Second slide">
-            </div>
-            <div class="carousel-item">
-                <img class="d-block w-100" src="{{ site.base }}/img/photos/{{ site.data.photos[15].file }}" alt="Third slide">
-            </div>
-        </div>
-        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
-            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-            <span class="sr-only">Previous</span>
-        </a>
-        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
-            <span class="carousel-control-next-icon" aria-hidden="true"></span>
-            <span class="sr-only">Next</span>
-        </a>
-    </div>
-
-    <div class="card-body">
-        <h4>Sunny Place Apartment</h4>
-        <div class="toolbar mb-5">
-            <a href="#" class="text-muted">
-                {% include ui/icon.html icon="map-pin" %}
-	            Veiga, PT
-            </a>
-            <a href="#" class="text-muted">
-                {% include ui/icon.html icon="users" %}
-                51
-            </a>
-        </div>
-        <div class="d-flex justify-content-between">
-            <div>
-                {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                {% include ui/icon.html icon="star" %}
-            </div>
-
-            <span>
-                <strong>65 </strong>
-                Reviews</span>
-        </div>
-    </div>
-</div>
diff --git a/pages/_includes/cards/progress-multi.html b/pages/_includes/cards/progress-multi.html
deleted file mode 100644
index bd700c544e37c6422063b13a25a2adb7bde8b426..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/progress-multi.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="card">
-    <div class="card-body">
-        {% include ui/progress.html color="yellow" class="mb-2" value=10 %}
-        {% include ui/progress.html color="red" class="mb-2" value=30 %}
-        {% include ui/progress.html color="green" class="mb-2" value=80 %}
-        {% include ui/progress.html size="xs" color="blue" value=70 %}
-    </div>
-</div>
diff --git a/pages/_includes/cards/project-box.html b/pages/_includes/cards/project-box.html
deleted file mode 100644
index d9a43c1dff8f3794f5f543eac8b3723146191220..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/project-box.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div class="card">
-    <div class="card-body">
-        <h4>System redesign</h4>
-        <div class="toolbar mb-3">
-            <a href="#" class="text-muted">
-                {% include ui/icon.html icon="file" %}
-                24 Files
-            </a>
-            <a href="#" class="text-muted">
-                {% include ui/icon.html icon="bar-chart-2" %}
-                12 Reports
-            </a>
-        </div>
-        <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam corporis dolorem earum et, fugiat illum
-            incidunt modi ne&hellip; </p>
-        {% include ui/avatar-list.html text="+5" %}
-    </div>
-</div>
diff --git a/pages/_includes/cards/quote-box.html b/pages/_includes/cards/quote-box.html
deleted file mode 100644
index 09d9c0939ca0c6ae7e5454c97d9e2d790f9d860c..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/quote-box.html
+++ /dev/null
@@ -1,29 +0,0 @@
-{% assign person-id = include.person-id | default: 43 %}
-{% assign person = site.data.people | where: "id", person-id %}
-{% assign p = person[0] %}
-
-<div class="card">
-    <div class="card-body">
-        <svg class="icon float-left">
-            <use xlink:href="#svg-map-pin"></use>
-        </svg>
-        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus aliquid aperiam dolorem explicabo hic,
-            illo inventore molestiae!</p>
-
-        <div class="d-flex align-items-center">
-            <a href="#">
-                {% include ui/avatar.html person=p size="lg" %}
-            </a>
-            <div class="mx-3">
-                <h4>{{ p.full_name }}</h4>
-                <div>
-                    {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                    {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                    {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                    {% include ui/icon.html icon="star" class="icon-filled text-warning" %}
-                    {% include ui/icon.html icon="star" %}
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/pages/_includes/cards/recent-news.html b/pages/_includes/cards/recent-news.html
deleted file mode 100644
index 8e64680f84eceee73bff8e1a0bddaf013b1b4d00..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/recent-news.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<div class="card">
-	<div class="card-body">
-		<ul class="list-unstyled mb-0">
-			{% for person in site.data.people limit: 5 offset: 50 %}
-			<li class="d-flex align-items-center pb-3 mb-3 border-bottom">
-				<img src="http://placehold.it/64x64" class="mr-3" alt="">
-				<div class="media-body">
-					<h5 class="mb-1">Naglowek lalala</h5>
-					<span class="text-muted">May 24th, 2018</span>
-				</div>
-			</li>
-			{% endfor %}
-		</ul>
-	</div>
-</div>
\ No newline at end of file
diff --git a/pages/_includes/cards/recommended-users.html b/pages/_includes/cards/recommended-users.html
deleted file mode 100644
index f526fe22b8af5f12109aa4684c07ea4f6e6f187d..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/recommended-users.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<div class="card">
-    <div class="card-header">
-        <div class="card-title">Recommended Users</div>
-    </div>
-    <div class="card-body">
-	    {% for person in site.data.people limit: 5 offset: 50 %}
-        <div class="mb-3">
-            <a href="#" class="d-flex align-items-center text-reset">
-                {% include ui/avatar.html person=person size="sm" class="mr-2"%}
-                {{ person.full_name }}
-            </a>
-        </div>
-	    {% endfor %}
-    </div>
-</div>
diff --git a/pages/_includes/cards/simple.html b/pages/_includes/cards/simple.html
deleted file mode 100644
index f0f9534ec41f34b1234cb9054af218d98769fe2a..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/simple.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="card">
-	<div class="card-header">
-		<h4 class="card-title">Card title</h4>
-	</div>
-	<div class="card-body">
-		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aperiam dolorem exercitationem
-		id illo iste maiores, nihil omnis perferendis possimus quis quos reiciendis tenetur unde vitae voluptas
-		voluptatum? Officia, quia!
-	</div>
-</div>
diff --git a/pages/_includes/cards/small-stats-2.html b/pages/_includes/cards/small-stats-2.html
index bf644fd7980fabd18c44986fafd0ee34dff506da..26bd605c3d92e5a966c58b6bfc58af6106a1f8bc 100644
--- a/pages/_includes/cards/small-stats-2.html
+++ b/pages/_includes/cards/small-stats-2.html
@@ -19,7 +19,7 @@
 		<div class="text-muted font-weight-normal mt-0">{{ include.title | default: 'Customers' }}</div>
 		<h3 class="h2 mt-2 mb-3">{{ include.count | default: "1,850" }}</h3>
 		<p class="mb-0 text-muted">
-			<span class="text-{{ color }} mr-2">{% include ui/icon.html icon=arrow %} {{ include.growth }}%</span>
+			{% include ui/trending.html value=include.growth %}
 			<span class="text-nowrap">{{ include.description | default: 'Since last month' }}</span>
 		</p>
 	</div>
diff --git a/pages/_includes/cards/small-stats-3.html b/pages/_includes/cards/small-stats-3.html
index 440ca32bcdf5287358b06f24eee3ef7501619e55..6470b1def134f8f310e2be77364fb5cb96cbc2c5 100644
--- a/pages/_includes/cards/small-stats-3.html
+++ b/pages/_includes/cards/small-stats-3.html
@@ -1,13 +1,7 @@
 <div class="card">
    <div class="card-body p-2 text-center">
       <div class="text-right {% if include.percentage > 0 %}text-green{% elsif include.percentage < 0 %}text-red{% endif %}">
-         {{ include.percentage }}%
-
-         {% if include.percentage > 0 %}
-            {% include ui/icon.html icon="arrow-up-right" class="icon-thin" %}
-         {% elsif include.percentage < 0 %}
-            {% include ui/icon.html icon="arrow-down-right" class="icon-thin" %}
-         {% endif %}
+         {% include ui/trending.html value=include.percentage %}
       </div>
       <div class="h1 m-0">{{ include.number }}</div>
       <div class="text-muted mb-4">{{ include.title }}</div>
diff --git a/pages/_includes/cards/text-box.html b/pages/_includes/cards/text-box.html
deleted file mode 100644
index 571154f78af71a5f63e850a977398ae578d833c5..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/text-box.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="card">
-    <div class="card-body">
-        <h4>Text Widget</h4>
-        <p>
-            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium asperiores aspernatur dolor fugit id,
-            illo iste molestiae nam nesciunt veniam?
-        </p>
-        <a href="#" class="btn btn-primary">Find out more</a>
-    </div>
-</div>
diff --git a/pages/_includes/cards/top-users.html b/pages/_includes/cards/top-users.html
deleted file mode 100644
index f75b975c9e86a12201c3862dc868a3075a366935..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/top-users.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<div class="card">
-	<div class="card-header">
-		<h4 class="card-title">Top users</h4>
-	</div>
-	<div class="card-body">
-		<div class="row">
-			{% for person in site.data.people limit: 12 offset: 40 %}
-			<div class="col-sm-6" data-id="8">
-				<div class="media">
-					<a href="#">
-						{% include ui/avatar.html src=person.photo size="md" %}
-					</a>
-				</div>
-				<div class="d-flex flex-column">
-					<a href="#" class="text-body">{{ person.full_name }}</a>
-					<a href="#" class="text-muted leading-none">
-						{{ person.company }}
-					</a>
-				</div>
-			</div>
-			{% endfor %}
-		</div>
-	</div>
-</div>
diff --git a/pages/_includes/cards/typography.html b/pages/_includes/cards/typography.html
deleted file mode 100644
index 28c33c018d8c7ac4370afe396439846671005022..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/typography.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<div class="card">
-	<div class="card-header">
-		<div class="card-title">Typography</div>
-	</div>
-	<div class="card-body">
-
-
-		<div class="markdown">
-			<h1>Hello World</h1>
-			<p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus
-				ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate
-				semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub>
-				works as well!</p>
-			<h2>Second level</h2>
-			<p>Curabitur accumsan turpis pharetra <strong>augue tincidunt</strong> blandit. Quisque condimentum maximus
-				mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam
-				mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.</p>
-			<ul>
-				<li>In fermentum leo eu lectus mollis, quis dictum mi aliquet.</li>
-				<li>Morbi eu nulla lobortis, lobortis est in, fringilla felis.</li>
-				<li>Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.</li>
-				<li>Ut non enim metus.</li>
-			</ul>
-		</div>
-
-	</div>
-</div>
diff --git a/pages/_includes/cards/user-follow.html b/pages/_includes/cards/user-follow.html
deleted file mode 100644
index 24b0e42453b65b59858b866e35c51d0ff626753d..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/user-follow.html
+++ /dev/null
@@ -1,32 +0,0 @@
-{% assign photos = site.data.photos | where: "horizontal", true %}
-{% assign person-id = include.person-id | default: 9 %}
-{% assign person = site.data.people | where: "id", person-id %}
-{% assign p = person[0] %}
-
-<div class="card">
-	<div class="card-body d-flex align-items-center justify-content-between">
-		<div class="d-flex align-items-center flex-row pr-1">
-			<div>
-				{% include ui/avatar.html person=p size="md" class="mr-3" %}
-			</div>
-			<div>
-				<p class="mb-0">{{ p.full_name }}</p>
-				<p class="mb-0 text-muted">{{ p.job_title }}</p>
-			</div>
-		</div>
-		{% include ui/button.html text="Follow" pill="true" outline="true" color="primary"%}
-	</div>
-
-	<div class="card-footer">
-		<div class="row row-xs">
-			{% for photo in photos limit: 9 %}
-			<div class="col-4 mb-2">
-				<div class="media media-1x1 rounded">
-					<a class="media-content"
-					   style="background-image: url({{ site.base }}/img/photos/{{ photo.file }})"></a>
-				</div>
-			</div>
-			{% endfor %}
-		</div>
-	</div>
-</div>
diff --git a/pages/_includes/cards/user-info.html b/pages/_includes/cards/user-info.html
index a937497f880d1a3e8749eb1cd348a96f70c42296..7f5f1c2e1552e3dd8da2c7340f429563e9c673ea 100644
--- a/pages/_includes/cards/user-info.html
+++ b/pages/_includes/cards/user-info.html
@@ -1,29 +1,33 @@
-{% assign person-id = include.person-id | default: 22 %}
+{% assign person-id = include.person-id | default: 25 %}
 {% assign person = site.data.people | where: "id", person-id %}
 {% assign p = person[0] %}
 
 <div class="card">
     <div class="card-body">
-        <div class="card-title font-weight-bold mb-4">Basic info</div>
-        <div class="mb-3">
-            {% include ui/icon.html icon="calendar" class="mr-2" %}
-            <span class="mr-2">Went to:</span>
-            <strong>{{ p.university }}</strong>
+        <div class="card-title">{{ include.title | default: 'Basic info' }}</div>
+        <div class="mb-2">
+            {% include ui/icon.html icon="book" class="mr-2 text-muted" %}
+            Went to: <strong>{{ p.university }}</strong>
         </div>
-        <div class="mb-3">
-            {% include ui/icon.html icon="briefcase" class="mr-2" %}
-            <span class="mr-2">Worked at:</span>
-            <strong>{{ p.company }}</strong>
+        <div class="mb-2">
+            {% include ui/icon.html icon="briefcase" class="mr-2 text-muted" %}
+            Worked at: <strong>{{ p.company }}</strong>
         </div>
-        <div class="mb-3">
-            {% include ui/icon.html icon="home" class="mr-2" %}
-            <span class="mr-2">Lives in:</span>
-            <strong>{{ p.city }}, {{ p.country }}</strong>
-        </div>
-        <div class="">
-            {% include ui/icon.html icon="map-pin" class="mr-2" %}
-            <span class="mr-2">From:</span>
-            <strong>{{ p.country }}</strong>
+        <div class="mb-2">
+            {% include ui/icon.html icon="home" class="mr-2 text-muted" %}
+            Lives in: <strong>{{ p.city }}, {{ p.country }}</strong>
         </div>
+       <div class="mb-2">
+          {% include ui/icon.html icon="map-pin" class="mr-2 text-muted" %}
+          From: <strong>{% include ui/flag.html flag=p.country_code %} {{ p.country }}</strong>
+       </div>
+       <div class="mb-2">
+          {% include ui/icon.html icon="calendar" class="mr-2 text-muted" %}
+          Birth date: <strong>{{ p.birth_date }}</strong>
+       </div>
+       <div>
+          {% include ui/icon.html icon="clock" class="mr-2 text-muted" %}
+          Time zone: <strong>{{ p.time_zone }}</strong>
+       </div>
     </div>
 </div>
diff --git a/pages/_includes/cards/user-portfolio.html b/pages/_includes/cards/user-portfolio.html
deleted file mode 100644
index 5c24bf02f5b49cbc13aca58ab7028b179db3c85c..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/user-portfolio.html
+++ /dev/null
@@ -1,47 +0,0 @@
-{% assign person-id = include.person-id | default: 25 %}
-{% assign person = site.data.people | where: "id", person-id %}
-{% assign p = person[0] %}
-
-<div class="card">
-    <div class="card-body text-center">
-        <div class="row row-xs mb-4">
-            <div class="col-6 d-flex">
-                <div class="media flex-fill rounded">
-                    <a class="media-content" style="background-image: url({{ site.base }}/img/photos/6d35d9a2bd6c63c2.jpg)"></a>
-                </div>
-            </div>
-            <div class="col-6">
-                <div class="media media-2x1 mb-2 rounded">
-                    <a class="media-content" style="background-image: url({{ site.base }}/img/phcarouselExampleIndicatorsotos/6f6e2ef709fef97a.jpg)"></a>
-                </div>
-                <div class="row row-xs">
-                    <div class="col-6">
-                        <div class="media rounded">
-                            <a class="media-content" style="background-image: url({{ site.base }}/img/photos/6fe407b4b13bbcde.jpg)"></a>
-                        </div>
-                    </div>
-                    <div class="col-6">
-                        <div class="media rounded">
-                            <a class="media-content" style="background-image: url({{ site.base }}/img/photos/7ce612d952e536b2.jpg)"></a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <h4 class="mb-1">Landscape Photos</h4>
-        <p class="mb-3 text-muted">Photos by {{ p.full_name }}</p>
-
-        <div class="d-flex justify-content-around align-items-center">
-            <div>
-                {% include ui/icon.html icon="eye" class="mr-2" %}
-                16K
-            </div>
-            {% include ui/avatar.html person=p size="md" %}
-            <div>
-                {% include ui/icon.html icon="image" class="mr-2" %}
-                69
-            </div>
-        </div>
-    </div>
-</div>
diff --git a/pages/_includes/cards/user-profile-2.html b/pages/_includes/cards/user-profile-2.html
deleted file mode 100644
index fa79f5a41ed9ebc45f96989c95f640d2bdde3fb9..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/user-profile-2.html
+++ /dev/null
@@ -1,32 +0,0 @@
-{% assign person-id = include.person-id | default: 10 %}
-{% assign person = site.data.people | where: "id", person-id %}
-{% assign p = person[0] %}
-
-<div class="card">
-	<div class="card-body text-center">
-		<a href="#">
-			{% include ui/avatar.html person=p size="lg" class="mb-3" %}
-		</a>
-		<h4>{{p.full_name}}</h4>
-		<div class="toolbar justify-content-center">
-			<a href="#" class="text-muted">
-				{% include ui/icon.html icon="map-pin" %}
-				{{ p.city }}, {{ p.country }}
-			</a>
-			<a href="#" class="text-muted">
-				{% include ui/icon.html icon="briefcase" %}
-				{{ p.job_title }}
-			</a>
-		</div>
-	</div>
-	<div class="row no-gutters border-top text-center">
-		<div class="col border-right py-3">
-			<p class="font-weight-bold mb-0">246</p>
-			<p class="text-muted mb-0">Followers</p>
-		</div>
-		<div class="col py-3">
-			<p class="font-weight-bold mb-0">1,205</p>
-			<p class="text-muted mb-0">Posts</p>
-		</div>
-	</div>
-</div>
diff --git a/pages/_includes/cards/user-profile-3.html b/pages/_includes/cards/user-profile-3.html
deleted file mode 100644
index 951a6ff703f1db8b0e1830599122a67b20c42bc8..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/user-profile-3.html
+++ /dev/null
@@ -1,24 +0,0 @@
-{% assign person-id = include.person-id | default: 20 %}
-{% assign person = site.data.people | where: "id", person-id %}
-{% assign p = person[0] %}
-
-<div class="card">
-    <div class="card-body">
-        {% include ui/avatar.html person=p size="xl" status="success" class="mb-3"%}
-        <h4 class="mb-0">{{ p.full_name }}</h4>
-        <p class="text-muted mb-3">{{ p.job_title }}</p>
-        <div class="text-muted">
-            {% include ui/icon.html icon="mail" class="mr-1" %}
-            <span>{{ p.email }}</span>
-        </div>
-        <div class="text-muted mb-4">
-            {% include ui/icon.html icon="mic" class="mr-1" %}
-            <span>{{ p.ssn }}</span>
-        </div>
-        <div class="d-flex">
-            {% include ui/icon.html icon="facebook" class="mr-4" %}
-            {% include ui/icon.html icon="twitter" class="mx-4" %}
-            {% include ui/icon.html icon="mic" class="mx-4" %}
-        </div>
-    </div>
-</div>
diff --git a/pages/_includes/cards/user-profile-4.html b/pages/_includes/cards/user-profile-4.html
deleted file mode 100644
index 0a52e1c150fd90f88337b2184b6a008485ee68cb..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/user-profile-4.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{% assign person-id = include.person-id | default: 19 %}
-{% assign person = site.data.people | where: "id", person-id %}
-{% assign p = person[0] %}
-
-<div class="card">
-    <div class="card-body text-center">
-        {% include ui/avatar.html person=p size="xl" status="success" class="mb-3"%}
-        <h4 class="mb-0">{{ p.full_name }}</h4>
-        <p class="text-muted mb-3">{{ p.job_title }}</p>
-        <div class="text-muted mb-1">{{ p.email }}</div>
-        <div class="text-muted mb-4">{{ p.ssn }}</div>
-        <div class="d-flex justify-content-center">
-            {% include ui/icon.html icon="brand/facebook" class="mr-2 text-facebook" %}
-            {% include ui/icon.html icon="brand/twitter" class="text-twitter mx-2" %}
-            {% include ui/icon.html icon="brand/youtube" class="text-youtube mx-2" %}
-        </div>
-    </div>
-</div>
diff --git a/pages/_includes/cards/user-profile.html b/pages/_includes/cards/user-profile.html
deleted file mode 100644
index 7763538f92d633f39dc9508acb1b629d208099e1..0000000000000000000000000000000000000000
--- a/pages/_includes/cards/user-profile.html
+++ /dev/null
@@ -1,30 +0,0 @@
-{% assign person-id = include.person-id | default: 13 %}
-{% assign person = site.data.people[person-id] %}
-{% assign p = person[0] %}
-
-<div class="card">
-	<div class="card-body">
-		<div class="d-flex align-items-center mb-3">
-			<a href="#">
-				{% include ui/avatar.html person=p size="lg" %}
-			</a>
-			<div class="mx-3">
-				<h4>{{ p.full_name }}</h4>
-				<div class="text-muted">
-					{% include ui/icon.html icon="map-pin" %}
-					{{ p.city }}, {{ p.country }}
-				</div>
-			</div>
-		</div>
-
-		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis consectetur dolore earum magnam
-			officiis.</p>
-
-		<div class="d-flex">
-			<a href="#" class="btn btn-block btn-primary">View profile</a>
-			<a href="#" class="btn btn-secondary btn-icon ml-3">
-				{% include ui/icon.html icon="user" %}
-			</a>
-		</div>
-	</div>
-</div>
diff --git a/pages/_includes/cards/users-list-2.html b/pages/_includes/cards/users-list-2.html
new file mode 100644
index 0000000000000000000000000000000000000000..b53c8ef583882de7cf8fbe10cab1b8e03a8fb89b
--- /dev/null
+++ b/pages/_includes/cards/users-list-2.html
@@ -0,0 +1,24 @@
+{% assign limit = include.limit | default: 10 %}
+{% assign offset = include.offset | default: 0 %}
+<div class="card">
+   <div class="card-header">
+      <h3 class="card-title">{{ include.title | default: 'Top users' }}</h3>
+   </div>
+   <div class="card-body">
+      <div class="row mb-n3">
+         {% assign colors = 'green,red,yellow,x,x' | split: ',' %}
+         {% for person in site.data.people limit: limit offset: offset %}
+         {% assign color = forloop.index | plus: 5 | random_item: colors %}
+         <div class="col-6 row row-sm mb-3 align-items-center">
+            <a href="#" class="col-auto">
+               {% include ui/avatar.html person=person status=color %}
+            </a>
+            <div class="col text-truncate">
+               <a href="#" class="text-body d-block text-truncate">{{ person.full_name }}</a>
+               <small class="d-block text-muted text-truncate mt-n1">{{ forloop.index | random_date_ago: 6 | timeago }}</small>
+            </div>
+         </div>
+         {% endfor %}
+      </div>
+   </div>
+</div>
diff --git a/pages/_includes/cards/users-list.html b/pages/_includes/cards/users-list.html
new file mode 100644
index 0000000000000000000000000000000000000000..9e98ee91da45f24e7404ea6b610d78c05f42ca37
--- /dev/null
+++ b/pages/_includes/cards/users-list.html
@@ -0,0 +1,38 @@
+{% assign limit = include.limit | default: 8 %}
+{% assign offset = include.offset | default: 0 %}
+{% assign hoverable = include.hoverable | default: false %}
+{% assign checked-ids = include.checked-ids | default: '3,5,6' | extract: ',' %}
+<div class="card">
+   <div class="card-header">
+      <h3 class="card-title">{{ include.title | default: 'Last commits' }}</h3>
+   </div>
+   <div class="list list-row{% if hoverable %} list-hoverable{% endif %}">
+      {% assign colors = 'green,red,yellow,x,x' | split: ',' %}
+      {% for person in site.data.people limit: limit offset: offset %}
+         {% assign color = forloop.index | plus: 5 | random_item: colors %}
+         <div class="list-item">
+            {% if include.checkbox %}
+               <div><input type="checkbox" class="form-check-input"{% if checked-ids contains forloop.index %} checked{% endif %}></div>
+            {% else %}
+               <div><span class="badge{% if color != 'x' %} bg-{{ color }}{% endif %}"></span></div>
+            {% endif %}
+            <a href="#">
+               {% include ui/avatar.html person=person %}
+            </a>
+            <div class="text-truncate">
+               <a href="#" class="text-body d-block">{{ person.full_name }}</a>
+               {% assign i = forloop.index | plus: offset %}
+               <small class="d-block text-muted text-truncate mt-n1">{{ site.data.commits[i].description }}</small>
+            </div>
+            {% if hoverable %}
+               {% if checked-ids contains forloop.index %}
+                  {% assign star-color = 'text-yellow' %}
+               {% else %}
+                  {% assign star-color = 'text-muted' %}
+               {% endif %}
+               <a href="#" class="list-item-actions{% if checked-ids contains forloop.index %} show{% endif %}">{% include ui/icon.html icon="star" class=star-color %}</a>
+            {% endif %}
+         </div>
+      {% endfor %}
+   </div>
+</div>
diff --git a/pages/_includes/js/maps.html b/pages/_includes/js/maps.html
deleted file mode 100644
index 6feb3ef77d89eb247a09c98f9c43fd28c624da4d..0000000000000000000000000000000000000000
--- a/pages/_includes/js/maps.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<script>
-	$(document).ready(function () {
-		$('#{{ include.id }}').each(function () {
-			$(this).vectorMap({
-				map: '{{ include.data[1].map }}'
-			});
-		});
-	})
-</script>
diff --git a/pages/_includes/layout/homepage.html b/pages/_includes/layout/homepage.html
index be62dbe1157dfeafeba0ecfe6b1844774a3e7fba..36980b2ba015bb8a800ee2f7f1ca4ab829ebd5e2 100644
--- a/pages/_includes/layout/homepage.html
+++ b/pages/_includes/layout/homepage.html
@@ -23,13 +23,13 @@
          </div>
 
          <div class="col-6 col-sm-4">
-            {% include cards/small-stats-3.html number=43 title="New Tickets" value=6 %}
+            {% include cards/small-stats-3.html number=43 title="New Tickets" percentage=6 %}
          </div>
          <div class="col-6 col-sm-4">
-            {% include cards/small-stats-3.html number="$95" title="Daily Earnings" value=-2 %}
+            {% include cards/small-stats-3.html number=95 number-prefix="$" title="Daily Earnings" percentage=-2 %}
          </div>
          <div class="col-6 col-sm-4">
-            {% include cards/small-stats-3.html number=7 title="New Replies" value=9 %}
+            {% include cards/small-stats-3.html number=7 title="New Replies" percentage=9 %}
          </div>
       </div>
    </div>
@@ -55,26 +55,6 @@
    <div class="col-md-4">
       {% include cards/order-statistics.html %}
    </div>
-
-
-   <div class="col-md-6">
-      <div class="alert alert-primary">Are you in trouble? <a href="{{ site.base }}/docs/index.html" class="alert-link">Read our documentation</a> with code samples.</div>
-
-      <div class="row">
-         <div class="col-sm-6">
-            {% include cards/chart.html height=12 title="Chart title" id="chart-donut" data="donut" %}
-         </div>
-         <div class="col-sm-6">
-            {% include cards/chart.html height=12 title="Chart title" id="chart-pie" data="pie" %}
-         </div>
-         <div class="col-sm-6">
-            {% include cards/digit.html color="red" title="New feedback" digit="62" width="28%" %}
-         </div>
-         <div class="col-sm-6">
-            {% include cards/digit.html color="green" title="Today profit" digit="$652" width="84%" %}
-         </div>
-      </div>
-   </div>
    {% endcomment %}
 
    <div class="col-sm-6 col-xl-3">
@@ -91,51 +71,12 @@
    </div>
 </div>
 
-{% comment %}
 <div class="row row-deck">
-   {% for article in site.data.articles limit: 2 %}
-   <div class="col-lg-6">
-      {% include cards/blog-single.html article=article type="aside" %}
+   {% for article in site.data.articles limit: 3 offset: 4 %}
+   <div class="col-lg">
+      {% include cards/blog-single.html article=article type="image" %}
    </div>
    {% endfor %}
-</div>
-{% endcomment %}
-
-<div class="row row-deck">
-
-   {% comment %}
-   <div class="col-12">
-      {% include cards/table-users.html %}
-   </div>
-
-   <div class="col-sm-6 col-lg-4">
-      {% include cards/browsers.html %}
-   </div>
-   <div class="col-sm-6 col-lg-4">
-      {% include cards/projects-list.html %}
-   </div>
-   <div class="col-md-6 col-lg-4">
-      {% include cards/members.html %}
-   </div>
-
-   <div class="col-md-6 col-lg-12">
-      <div class="row">
-         <div class="col-sm-6 col-lg-3">
-            {% include cards/chart-bg.html id="chart-bg-users-1" %}
-         </div>
-         <div class="col-sm-6 col-lg-3">
-            {% include cards/chart-bg.html id="chart-bg-users-2" offset=60 aggregate=true color="red" rate="-3%" %}
-         </div>
-         <div class="col-sm-6 col-lg-3">
-            {% include cards/chart-bg.html id="chart-bg-users-3" offset=50 color="green" rate="-3%" %}
-         </div>
-         <div class="col-sm-6 col-lg-3">
-            {% include cards/chart-bg.html id="chart-bg-users-4" offset=40 color="yellow" rate="9%" %}
-         </div>
-      </div>
-   </div>
-
-   {% endcomment %}
 
    <div class="col-12">
       {% include cards/invoices.html %}
diff --git a/pages/_includes/layout/sidenav-content.html b/pages/_includes/layout/sidenav-content.html
deleted file mode 100644
index ee703fc3e306c7e03edf4e0e9cd418e3b8f35240..0000000000000000000000000000000000000000
--- a/pages/_includes/layout/sidenav-content.html
+++ /dev/null
@@ -1,23 +0,0 @@
-{% assign id = 0 | random_id %}
-<a href="{{ site.base }}" class="navbar-brand">
-   <img src="{{ site.base }}/img/logo{% if include.dark %}-white{% endif %}.svg" alt="" class="hide-navbar-folded navbar-brand-logo">
-   <img src="{{ site.base }}/img/logo-small{% if include.dark %}-white{% endif %}.svg" alt="" class="hide-navbar-expanded navbar-brand-logo">
-</a>
-
-<div class="flex-fill">
-   <h6 class="navbar-heading">Docs</h6>
-
-   {% include layout/menu.html menu=include.menu class="mb-md-4" %}
-
-   <h6 class="navbar-heading">Other</h6>
-
-</div>
-
-<ul class="navbar-nav">
-   <li class="nav-item">
-      <a href="#" class="nav-link">
-         <span class="nav-icon">{% include ui/icon.html icon="power" %}</span>
-         <span class="nav-text">Logout</span>
-      </a>
-   </li>
-</ul>
diff --git a/pages/_includes/layout/sidenav.html b/pages/_includes/layout/sidenav.html
deleted file mode 100644
index 59496c0f50fdd7e5a5e871e47221a1fd5f964231..0000000000000000000000000000000000000000
--- a/pages/_includes/layout/sidenav.html
+++ /dev/null
@@ -1,6 +0,0 @@
-{% assign menu = page.menu | default: layout.menu %}
-<aside class="layout-menubar {% if include.class %} {{ include.class }}{% endif %} {% if include.dark %}sidenav-dark bg-dark text-white{% else %}sidenav-light{% endif %}{% if include.fixed %} sidenav-fixed{% endif %}{% if include.right %} sidenav-right{% endif %}{% if include.folded %} sidenav-folded{% endif %} js-sidebar" id="sidebar">
-   <div class="container">
-      {% include layout/sidenav-content.html menu=menu dark=include.dark %}
-   </div>
-</aside>
diff --git a/pages/_includes/ui/flag.html b/pages/_includes/ui/flag.html
index 00e3f5268722208e3f779e9889acb24ecc37bbb9..3aae12bfc1b92cba4bbc4eb5f17d3675d9ffb640 100644
--- a/pages/_includes/ui/flag.html
+++ b/pages/_includes/ui/flag.html
@@ -1 +1 @@
-<span class="flag flag-{{ include.name }}{% if include.class %} {{ include.class }}{% endif %}"></span>
+<span class="flag flag-{{ include.flag | default: 'uk' | downcase }}{% if include.class %} {{ include.class }}{% endif %}"></span>
diff --git a/pages/_includes/ui/stars.html b/pages/_includes/ui/stars.html
new file mode 100644
index 0000000000000000000000000000000000000000..63f95e7a4c4f64067ad747a2a5dd96a9762346c5
--- /dev/null
+++ b/pages/_includes/ui/stars.html
@@ -0,0 +1,18 @@
+{% removeemptylines %}
+{% assign count = include.count | default: 5 %}
+{% assign rate = include.rate | default: 4 %}
+{% assign icon = include.icon | default: 'star' %}
+{% assign class = include.color | default: 'yellow' | prepend: 'text-' %}
+{% assign filled = include.filled | default: false %}
+<div class="stars">
+   {% for i in (1..5) %}
+   <span class="star {% if forloop.index <= rate %}{{ class }}{% endif %}">
+      {% if forloop.index <= rate and filled %}
+         {% include ui/icon.html icon=icon class="icon-filled" %}
+      {% else %}
+         {% include ui/icon.html icon=icon %}
+      {% endif %}
+   </span>
+   {% endfor %}
+</div>
+{% endremoveemptylines %}
diff --git a/pages/_includes/ui/switch.html b/pages/_includes/ui/switch.html
deleted file mode 100644
index d0ec85dc9320e19be8e47693853aeb4865d1f041..0000000000000000000000000000000000000000
--- a/pages/_includes/ui/switch.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<label class="custom-switch m-0">
-   <input type="checkbox" value="1" class="custom-switch-input"{% if include.checked %} checked{% endif %}>
-   <span class="custom-switch-indicator"></span>
-</label>
diff --git a/pages/_includes/ui/trending.html b/pages/_includes/ui/trending.html
index 3ca0b75c5a9c7ff77d7c20cd0cb9b587a8134e4a..b85ddc05a60cf75584b673f955e95dc0a5789977 100644
--- a/pages/_includes/ui/trending.html
+++ b/pages/_includes/ui/trending.html
@@ -10,6 +10,6 @@
    {% assign icon = 'trending-down' %}
 {% endif %}
 
-<span class="text-{{ color }}{% if include.class %} {{ include.class }}{% endif %}">
+<span class="text-{{ color }} d-inline-flex align-items-center leading-none{% if include.class %} {{ include.class }}{% endif %}">
    {{ value }}% {% include ui/icon.html icon=icon class="icon-thin" %}
 </span>
diff --git a/pages/flags.html b/pages/flags.html
index bb1daab223393432279c62998f9d882240eae842..70a1cfc2c4d2638f89c53925ef45aae85312cb5a 100644
--- a/pages/flags.html
+++ b/pages/flags.html
@@ -7,7 +7,7 @@ done: true
    {% for flag in site.data.flags %}
    <div class="d-flex flex-column text-center m-3">
       <p class="d-inline-block">{{flag.name}}</p>
-      {% include ui/flag.html name=flag.flag class="my-3 mx-auto" %}
+      {% include ui/flag.html flag=flag.flag class="my-3 mx-auto" %}
       <code>.flag .flag-{{flag.flag}}</code>
    </div>
    {% endfor %}
diff --git a/pages/snippets.html b/pages/snippets.html
index bfd5c0856495571b3b9bf6c1de1184ceea4cd4f6..c8ea225b5564a68e630bebc04b278a108646cd69 100644
--- a/pages/snippets.html
+++ b/pages/snippets.html
@@ -53,11 +53,10 @@ page-title-right: date
 		{% include cards/small-stats-2.html title="Customers" count="1,950" growth=5.2 color="yellow" %}
 		{% include cards/small-stats-2.html title="Orders" count="8256" growth=0 color="green" %}
 		{% include cards/small-stats-2.html title="Revenue" count="$58,924" growth=-3.1 color="red" light=true %}
-		{% include cards/_full.html %}
 	</div>
 	<div class="col-md-6 col-lg-4">
 		{% include cards/project-kanban.html title="Tabler UI" badge="v1.0" value=30 percentage-color="red" limit=4 offset=0 due="72 days" %}
 		{% include cards/project-kanban.html title="Tabler React" value=80 offset=20 %}
-		{% include cards/_full-2.html %}
+      {% include cards/user-info.html %}
 	</div>
 </div>
diff --git a/pages/tmp.html b/pages/tmp.html
new file mode 100644
index 0000000000000000000000000000000000000000..b436148d24bad79038f01efecbf1541107e0d5d5
--- /dev/null
+++ b/pages/tmp.html
@@ -0,0 +1,25 @@
+---
+---
+
+<div class="row">
+   <div class="col-md-6">
+      {% include cards/user-info.html %}
+      {% include cards/users-list-2.html %}
+
+      <div class="card">
+         <div class="card-body">
+            <div>{% include ui/stars.html %}</div>
+            <div>{% include ui/stars.html count=3 %}</div>
+            <div>{% include ui/stars.html color="red" %}</div>
+            <div>{% include ui/stars.html filled=true %}</div>
+            <div>{% include ui/stars.html icon="heart" color="red" rate=2 %}</div>
+            <div>{% include ui/stars.html icon="circle" color="blue" %}</div>
+         </div>
+      </div>
+   </div>
+   <div class="col-md-6">
+      {% include cards/users-list.html hoverable=true checked-ids="2,5,8" %}
+      {% include cards/users-list.html offset=8 checkbox=true title="Contacts" %}
+   </div>
+</div>
+
diff --git a/scss/tabler.scss b/scss/tabler.scss
index d81894701ae30f72722f7c4c4991c60fff1fb42f..b2db286e4697a992ffae7f4aa6d8d73f433fcdc5 100644
--- a/scss/tabler.scss
+++ b/scss/tabler.scss
@@ -39,6 +39,7 @@
 @import "ui/login";
 @import "ui/modals";
 @import "ui/nav";
+@import "ui/stars";
 @import "ui/pagination";
 @import "ui/progress";
 @import "ui/ribbons";
diff --git a/scss/ui/_cards.scss b/scss/ui/_cards.scss
index 44ae47c0ce1c15e50b1894eca7e8e25d6d293d6d..4ad672a649cea55a3889d96a33cffbebcb416ba4 100644
--- a/scss/ui/_cards.scss
+++ b/scss/ui/_cards.scss
@@ -266,14 +266,15 @@ Card table
 Card code
  */
 .card-code {
-  background: $dark;
+  padding: 0;
 
   .highlight {
+    @extend .highlight-dark;
     margin: 0;
+    border: 0;
   }
 
   pre {
-    padding: 0;
     margin: 0;
     color: #fff;
     text-shadow: none;
diff --git a/scss/ui/_flags.scss b/scss/ui/_flags.scss
index 487c2206a861af48b844d6e0cc9c42f00836a887..4235e727583b008c0b4d593e2dc992456df244be 100644
--- a/scss/ui/_flags.scss
+++ b/scss/ui/_flags.scss
@@ -19,8 +19,8 @@
   .flag {
     position: relative;
     display: inline-block;
-    width: 1.125rem * 1.33333;
-    height: 1.125rem;
+    width: 1em * 1.33333;
+    height: 1em;
     vertical-align: -3px;
     background-repeat: no-repeat;
     background-position: center;
diff --git a/scss/ui/_icons.scss b/scss/ui/_icons.scss
index 8f5a5835c48eb689118fcb77477d9f37f1202fb9..384cf2022645885d0c5e751615782df6e453d746 100644
--- a/scss/ui/_icons.scss
+++ b/scss/ui/_icons.scss
@@ -2,6 +2,7 @@
   width: 1em;
   height: 1em;
   font-size: 1em;
+  vertical-align: -0.2em;
 
   &:hover {
     text-decoration: none;
diff --git a/scss/ui/_lists.scss b/scss/ui/_lists.scss
index 963a2e2b4cd56f07b9e36ad8449e50537ea62aed..cfc870e94912548c72e5bcea4d025144c834f61a 100644
--- a/scss/ui/_lists.scss
+++ b/scss/ui/_lists.scss
@@ -1,16 +1,67 @@
+.list-item {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+}
+
+.list-item-actions {
+  margin-left: auto;
+}
+
+.list-bordered {
+  .list-item {
+    border-top: 1px solid $border-color-alpha;
+    margin-top: -1px;
+
+    &:first-child {
+      border-top: none;
+    }
+  }
+}
+
+.list-hoverable {
+  .list-item-actions {
+    opacity: 0;
+    transition: .3s opacity;
+  }
+
+  .list-item:hover .list-item-actions,
+  .list-item-actions.show {
+    opacity: 1;
+  }
+}
+
+.list-row {
+  @extend .list-bordered;
+
+  .list-item {
+    flex-direction: row;
+    align-items: center;
+    padding: .5rem ($card-spacer-x / 2);
+
+    > * {
+      padding-left: ($card-spacer-x / 2);
+      padding-right: ($card-spacer-x / 2);
+    }
+  }
+}
+
+
 .list-timeline {
   position: relative;
   padding: 0;
   margin: 0;
   list-style: none;
-}
 
-.list-timeline > li {
-  position: relative;
-  margin-bottom: 1.5rem;
+  > li {
+    position: relative;
+    margin-bottom: 1.5rem;
 
-  &:last-child {
-    margin-bottom: 0;
+    &:last-child {
+      margin-bottom: 0;
+    }
   }
 }
 
@@ -29,7 +80,7 @@
   justify-content: center;
   width: 2.5rem;
   height: 2.5rem;
-  color: #fff;
+  color: #ffffff;
   text-align: center;
   background: $text-muted;
   border-radius: 50%;
diff --git a/scss/ui/_nav.scss b/scss/ui/_nav.scss
index 1c6eb393af9eb3d42650b97c7cadaf2982c616c1..6cf3872793498007c4e20ba5bb3c0e5ff6a214bf 100644
--- a/scss/ui/_nav.scss
+++ b/scss/ui/_nav.scss
@@ -40,7 +40,6 @@
 }
 
 .nav-icon {
-  font-size: 1rem;
   line-height: 1;
   margin-right: .25rem;
 
diff --git a/scss/ui/_stamps.scss b/scss/ui/_stamps.scss
index 43c83f256dece84160d4e0288f42397d80442806..f8f2a3799c96fbb175031719dade6a3002a0bbde 100644
--- a/scss/ui/_stamps.scss
+++ b/scss/ui/_stamps.scss
@@ -3,15 +3,16 @@
   align-items: center;
   justify-content: center;
 
-  min-width: px2rem(40px);
-  height: px2rem(40px);
+  min-width: 2.5rem;
+  height: 2.5rem;
+  line-height: 2.5rem;
+
   padding: 0 .25rem;
   font-size: $font-size-base;
   font-weight: 600;
-  line-height: px2rem(40px);
   color: $text-muted;
   text-align: center;
-  background: theme-color-lightest($text-muted);
+  background: $gray-200;
   border-radius: 3px;
 
   .icon {
diff --git a/scss/ui/_stars.scss b/scss/ui/_stars.scss
new file mode 100644
index 0000000000000000000000000000000000000000..66b2c3327f23770c01e20484d4aef317c73fda2c
--- /dev/null
+++ b/scss/ui/_stars.scss
@@ -0,0 +1,13 @@
+.stars {
+  display: inline-flex;
+  color: $gray-400;
+  font-size: $h5-font-size;
+
+  .star:not(:first-child) {
+    margin-left: .25rem;
+  }
+}
+
+.star {
+
+}
diff --git a/scss/vendor/_jqvmap.scss b/scss/vendor/_jqvmap.scss
index fb410822b52eba679866d587027f32090685b69c..df12aace44dade09f6d27a43aeea6ca6d508f5bb 100644
--- a/scss/vendor/_jqvmap.scss
+++ b/scss/vendor/_jqvmap.scss
@@ -3,6 +3,9 @@
   height: auto;
   width: auto;
   left: .5rem;
+  border: 1px solid $border-color;
+  background: $white;
+  color: $body-color;
 }
 
 .jqvmap-zoomin {