diff --git a/Makefile b/Makefile
index 4bd39ec..6b5050c 100644
--- a/Makefile
+++ b/Makefile
@@ -7,11 +7,11 @@ REDIS_DOC ?= ../redis-doc
 # Destination for output content
 DEST = ./content/en
 # List of files/directories that are just copied as is
-GENERIC = _index.html search.md about clients community docs modules tools
+GENERIC = _index.html search.md clients community docs modules tools
 
 .PHONY: all
 all: $(GENERIC) commands
-	
+
 .PHONY: $(GENERIC)
 $(GENERIC):
 	mkdir -p $(DEST)
diff --git a/assets/icons/logo.png b/assets/icons/logo.png
new file mode 100644
index 0000000..df24211
Binary files /dev/null and b/assets/icons/logo.png differ
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 0c9a3dc..014d361 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -1,3 +1,897 @@
 .command-card {
     align-items: stretch;
-}
\ No newline at end of file
+    flex-basis: 30%;
+    flex-grow: 1;
+    text-decoration: none !important;
+    width: 30%;
+}
+#card-id:hover {
+  background-color: #ecf7fa !important;
+  color: #333333 !important;
+}
+
+span.font-weight-bold {
+  display: none !important;
+}
+
+#card-id {
+  background-color:#fafafa !important;
+  border: none !important;
+  border-radius: 5px !important;
+  width: 100% !important;
+  text-decoration: none !important;
+  margin: 1em 1.5% !important;
+}
+
+.td-content {
+  color: $gray !important;
+}
+
+.td-sidebar__inner {
+  padding-left: 15px !important;
+}
+
+i.fa.fa-angle-right.fa-lg.category-icon {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  order: 1 !important;
+  width: 20px !important;
+  cursor: pointer !important;
+  -webkit-text-stroke: 2px white !important;
+}
+
+li#m-docsmanualacl-li {
+  list-style: none !important;
+  font-size: 1rem !important;
+  padding-left: 15px !important;
+  text-align: -webkit-match-parent !important;
+}
+i.fa.fa-angle-right.fa-lg.category-icon:active {
+  color: $purple !important;
+}
+.children {
+  display: flex !important;
+  flex-direction: row !important;
+  line-height: 2rem !important;
+  color: $gray !important;
+  font-family: 'Open Sans', Helvetica, sans-serif !important;
+}
+
+.td-content pre {
+  background-color: #f7f7f7 !important;
+  border-radius: 0.2rem !important;
+  overflow: auto !important;
+  padding: 0.5rem !important;
+  font-size: 15px !important;
+  white-space: pre !important;
+  word-spacing: normal !important;
+  word-break: normal !important;
+  word-wrap: normal !important;
+  max-width: 100% !important;
+  width: 100% !important;
+  position: relative !important;
+  display: inline-grid !important;
+}
+
+.td-toc li {
+  padding-bottom: 10px !important;
+  font-size: 1rem !important;
+}
+
+div#main_navbar a {
+  color: #fff !important;
+  font: 16px/1.6 "Open Sans", Helvetica, sans-serif !important;
+}
+/* styles for side nav */
+
+.td-sidebar-nav .td-sidebar-link__page {
+  color: $gray !important;
+}
+
+.td-sidebar-nav .td-sidebar-link__page:hover {
+  color: $activeblue !important;
+}
+.td-sidebar-nav__section-title {
+  display: list-item !important;
+  box-sizing: border-box !important;
+}
+.td-sidebar-nav a.active {
+  color: $activeblue !important;
+  font-weight: normal !important;
+}
+
+.td-sidebar-nav .td-sidebar-link {
+  // display: flex !important;
+  // align-items: center !important;
+  // justify-content: center !important;
+  // order: 1 !important;
+  // width: 20px !important;
+  // cursor: pointer !important;
+}
+.td-sidebar-link {
+  display: flex !important;
+  flex: 1 !important;
+  order: 2 !important;
+  padding: 0.6rem 0.1rem !important;
+  line-height: 1.3rem !important;
+  text-decoration: none !important;
+}
+i.fa.fa-angle-right.fa-lg.category-icon:hover {
+  color: $purple !important;
+  border-radius: 0.2rem !important;
+  padding: 0 0rem !important;
+}
+
+/* end styles for side nav */
+
+.td-content {
+  font-family: 'Open Sans', Helvetica, sans-serif !important;
+}
+
+.anchor {
+  color: $gray !important;
+  font-size: 3.5em !important;
+  cursor: pointer !important;
+  vertical-align: middle !important;
+  -webkit-transition: color 0.35s ease !important;
+  -moz-transition: color 0.35s ease !important;
+  -ms-transition: color 0.35s ease !important;
+  transition: color 0.35s ease !important;
+  width: 22px !important; height: 22px !important;
+  background-size: 13px !important;
+  display: inline-block !important;
+}
+.td-content p {
+  font-family: "Open Sans", Helvetica, sans-serif !important;
+  font-size: 16px !important;
+  line-height: 22px !important;
+  margin-left: 14px !important;
+}
+
+a {
+  color: $activeblue !important;
+}
+
+a:hover {
+  text-decoration: underline !important;
+}
+
+
+/* overrides for footer */
+
+// .footer {
+//     clear: both !important;
+//     margin-top: 0 !important;
+//     background: #3f4b5f !important;
+//     position: relative !important;
+//     z-index: 3 !important;
+// }
+//
+// .footer-wrapper {
+//   padding-top: 50px !important;
+//   padding-bottom: 50px !important;
+//   margin: 0 auto !important;
+//   max-width: 1100px !important;
+//   width: 90% !important;
+// }
+//
+// .footer-wrapper .row {
+//   max-width: 100% !important;
+// }
+//
+// .footer .column {
+//   padding: 0 !important;
+// }
+//
+// .footer h3, .footer h4, .footer h5, .footer h6 {
+//     color: #fff !important;
+// }
+//
+// .footer a {
+//     color: #a2a8a8 !important;
+// }
+//
+// .footer a:hover {
+//     color: #1585cf !important;
+// }
+//
+// .footer .social a {
+//   display: inline-block !important;
+//   padding: 0 !important;
+//   font-size: 30px !important;
+//   margin-right: .2em !important;
+// }
+//
+// .footer .left-columns {
+//   width: 50% !important;
+//   display: flex !important;
+//   margin-right: 50px !important;
+//   margin-bottom: 30px !important;
+// }
+//
+// .footer nav ul {
+//     margin-bottom: 0 !important;
+// }
+//
+// .footer nav ul.partners {
+//   margin-bottom: 30px !important;
+// }
+//
+// .footer nav a {
+//     font-size: 14px !important;
+//     color: #fff !important;
+//     font-weight: 300 !important;
+// }
+//
+// .footer nav h6 {
+//     color: #fff !important;
+//     text-transform: uppercase !important;
+//     font-size: 14px !important;
+//     margin-top: 0 !important;
+//     margin-bottom: 15px !important;
+//     line-height: 30px !important;
+// }
+//
+// .footer .copyright a {
+//     text-transform: uppercase !important;
+//     font-size: .875rem !important;
+// }
+//
+// .footer .v-bottom {
+//     color: #a2a8a8 !important;
+//     width: 100% !important;
+//     max-width: 100% !important;
+//     margin: 0 !important;
+//     padding: 0 !important;
+// }
+//
+// .footer .v-bottom .columns {
+//   padding-left: 0 !important;
+// }
+//
+// .footer-logo {
+//   margin-right: 13px !important;
+//   margin-top: 12px !important;
+//   margin-bottom: 1px !important;
+//   margin-left: 0 !important;
+//   float: left !important;
+// }
+//
+// .footer ul.no-bullet li {
+//   margin-bottom: 8px !important;
+//   line-height: 30px !important;
+// }
+//
+// .footer .cta {
+//   color: #fff !important;
+//   font-size: 14px !important;
+//   padding-right: 30px !important;
+// }
+//
+// .footer .cta p.cta-title {
+//   font-size: 14px !important;
+//   margin-top: 0!important;
+//   font-weight: 500 !important;
+//   padding-bottom: 0!important;
+//   margin-bottom: 0!important;
+// }
+//
+// .form-control {
+//   box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
+//   border: 1px solid $headergray !important;
+// }
+// .td-search-input {
+//   box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
+//   border: 1px solid $headergray !important;
+// }
+//
+// .footer .cta p.cta-text {
+//   font-size: 14px !important;
+//   line-height: 24px !important;
+//   padding-bottom: 0 !important;
+//   margin-top: 2px !important;
+//   margin-bottom: 0 !important;
+//   font-weight: 300 !important;
+// }
+
+.td-navbar {
+  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
+
+}
+
+.site-footer { color: #777777 !important; font-size: 11px !important; margin: 20px; border-top: 1px solid #eeeeee; padding: 10px 0 0 0;}
+.site-footer a { color: #444444 !important; }
+
+@media only screen and (min-width: 992px) { .site-footer {background: url(https://redis.io/images/redis-small.png) no-repeat left top;padding: 0 0 0 50px;max-width: 840px;margin: .5em auto .5em auto !important;position: relative;border-top-width: 0; padding-bottom: 0;}
+  .site-footer p { line-height: 34px; margin: 0; } }
+
+// .container {
+//   margin: 0 auto !important;
+//   max-width: 900px !important;
+// }
+//
+// .footer .cta-btn {
+//   line-height: 1 !important;
+//   font-weight: 500 !important;
+//   border-radius: 6px!important;
+//   text-decoration: none !important;
+//   border: none !important;
+//   margin-top: 8px !important;
+//   padding: 8px 40px 10px !important;
+//   color: #fff !important;
+//   background-color: #5961ff !important;
+//   display: flex !important;
+//   justify-content: center !important;
+//   height: 37px !important;
+//   width: 142px !important;
+// }
+//
+// .footer .cta-btn a {
+//   display: flex !important;
+//   align-items: center !important;
+//   font-weight: 500 !important;
+//   font-size: 15px !important;
+// }
+//
+// .footer .cta-btn:hover {
+//   background-color: #3e41a0 !important;
+//   transition: all .2s ease-in-out !important;
+// }
+
+header {
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  background-color: #222 !important;
+  color: #fff !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  left: 0 !important;
+  margin-bottom: 0 !important;
+  position: absolute !important;
+  right: 0 !important;
+  top: 0 !important;
+  z-index: 999 !important;
+  transition: all .3s ease-in-out !important;
+  box-shadow: 0 0 6px 0 rgba(140,140,141,.5) !important;
+}
+header:after {
+  content: '' !important;
+  height: 0rem !important;
+  left: 0 !important;
+  position: absolute !important;
+  right: 0 !important;
+  top: 100% !important; }
+header a {
+  text-decoration: none !important; }
+
+.header-wrap-outer {
+  box-shadow: 0 0 6px 0 rgba(140,140,141,.5) !important;
+  position: -webkit-sticky !important;
+  position: sticky !important;
+  top: 0px !important;
+  z-index: 999 !important;
+}
+
+header .header-wrap {
+  display: flex !important;
+  justify-content: space-between !important;
+  height: 100% !important;
+  width: 90% !important;
+  max-width: 1600px !important;
+  margin: 0 0rem 0 2rem !important;
+  position: relative !important;
+}
+
+header .logo {
+  display: block !important;
+  position: absolute !important;
+  left: 0 !important;
+  top: 50% !important;
+  margin-top: -20px !important;
+}
+
+header .logo img {
+  width: 163px !important;
+  height: 40px !important;
+}
+
+header nav.shortcuts {
+  display: inline-block !important;
+  float: left !important;
+  margin-left: 190px !important;
+  position: relative !important;
+  margin-top: 3px !important;
+}
+header nav.shortcuts-right {
+  display: flex !important;
+  align-items: center !important;
+}
+header nav.shortcuts li {
+  opacity: 1 !important;
+  display: inline-block !important;
+  padding: 0 10px !important;
+  text-transform: uppercase !important;
+  font-family: "Open Sans", Helvetica, sans-serif !important;
+  font-weight: 700 !important;
+  font-size: 14px !important;
+  line-height: 70px !important;
+  color: #fff !important;
+  -webkit-font-smoothing: antialiased !important;
+  -moz-osx-font-smoothing: grayscale !important;
+  transition: opacity 200ms ease-in-out !important;
+  position: relative !important;
+}
+
+header nav.shortcuts li:last-of-type {
+  padding-right: 0 !important;
+}
+
+header nav.shortcuts li a:hover {
+  opacity: 1 !important;
+}
+
+header nav.shortcuts-right li a label {
+  color: #5961ff !important;
+  text-transform: capitalize !important;
+  font-weight: 700 !important;
+}
+
+header nav.shortcuts-right li a label:hover {
+  color: #3e41a0 !important;
+}
+
+header nav.shortcuts-right li a {
+  padding: 0 !important;
+}
+
+header nav.shortcuts-right li:last-child a label {
+  color: #5961ff !important;
+  opacity: 1 !important;
+  font-size: 16px !important;
+  height: 40px !important;
+  line-height: 45px !important;
+  margin-bottom: 4.25px !important;
+  background-color: transparent !important;
+  border: 2px solid #5961ff !important;
+  color: #5961ff !important;
+  border-radius: 6px!important;
+  height: 52px !important;
+  width: 100px !important;
+  padding: 12px 16px 12px !important;
+  display: flex !important;
+  align-items: center !important;
+}
+
+header nav.shortcuts-right li:last-child a label:hover {
+  color: #3e41a0 !important;
+  border: 2px solid #3e41a0 !important;
+}
+
+header nav.shortcuts label {
+  color: #6d7278 !important;
+  display: inline !important;
+  text-align: center !important;
+  -webkit-text-stroke-width: .35px !important;
+  -webkit-text-stroke-color: #fff !important;
+  font-weight: 700 !important;
+}
+header nav.shortcuts li .submenu-wrapper {
+  visibility: hidden !important;
+  opacity: 0 !important;
+  color: #3d5051 !important;
+  font-weight: 700 !important;
+  cursor: default !important;
+  text-transform: uppercase !important;
+  position: absolute !important;
+  left: 0 !important;
+  top: 70px !important;
+  padding: 0 30px 50px 30px !important;
+
+  -webkit-transition: all .3s ease-in-out !important;
+  -moz-transition: all .3s ease-in-out !important;
+  -ms-transition: all .3s ease-in-out !important;
+  -o-transition: all .3s ease-in-out !important;
+  transition: all .3s ease-in-out !important;
+
+  box-shadow: 0 100px 80px 0 rgba(0,0,0,.07), 0 41.8px 33.4px 0 rgba(0,0,0,.05), 0 22.3px 17.9px 0 rgba(0,0,0,.04), 0 12.5px 10px 0 rgba(0,0,0,.04), 0 6.7px 5.3px 0 rgba(0,0,0,.03), 0 2.8px 2.2px 0 rgba(0,0,0,.02) !important;
+  background: #fff !important;
+}
+header nav.shortcuts li .submenu-wrapper.cloud {
+  left: 230px !important;
+  position: fixed !important;
+  top: 70px !important;
+  width: 450px !important;
+}
+header nav.shortcuts li .submenu-wrapper.software {
+  width: 250px !important;
+}
+header nav.shortcuts li .submenu-wrapper.platform {
+  width: 800px !important;
+}
+header nav.shortcuts li .submenu-wrapper.solutions {
+  width: 500px !important;
+}
+header nav.shortcuts li .submenu-wrapper.developers {
+  left: auto !important;
+  position: fixed !important;
+  width: 560px !important;
+}
+header nav.shortcuts .submenu-wrapper .arrow_box {
+  position: absolute !important;
+  left: 40px !important;
+	background: #f3f3f3 !important;
+}
+
+header nav.shortcuts li .submenu-wrapper.products .arrow_box {
+  left: 250px !important;
+}
+
+header nav.shortcuts .submenu-wrapper .arrow_box:after {
+	bottom: 100% !important;
+	left: 50% !important;
+	border: solid transparent !important;
+	content: " " !important;
+	height: 0 !important;
+	width: 0 !important;
+	position: absolute !important;
+	pointer-events: none !important;
+	border-color: rgba(72, 213, 115, 0) !important;
+  border-bottom-color: #f3f3f3 !important;
+  border-width: 10px !important;
+  margin-left: -10px !important;
+}
+
+header nav.shortcuts li .submenu-wrapper a {
+  color: #3d5051 !important;
+  cursor: default !important;
+  font-weight: 700 !important;
+  padding-left: 10px !important;
+  text-transform: uppercase !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu {
+  line-height: 40px !important;
+  margin: 0 auto !important;
+  max-width: 1275px !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu:before{
+  display: inline-block !important;
+  width: 20px !important;
+  height: 20px !important;
+  position: absolute !important;
+  border: none !important;
+  top: -19px !important;
+  content: '' !important;
+  border-bottom: 10px solid transparent !important;
+  border-right: 10px solid transparent !important;
+  border-left: 10px solid transparent !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list {
+  align-items: stretch !important;
+  justify-content: space-between !important;
+  display: flex !important;
+  padding: 0 !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list > li {
+  display: flex !important;
+  flex-basis: 0 !important;
+  flex-grow: 1 !important;
+  padding: 0 !important;
+  margin-top: 10px !important;
+}
+
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children {
+  margin-top: -25px !important;
+}
+
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children li {
+  display: inline-block !important;
+  float: left !important;
+  height: 30px !important;
+  line-height: 30px !important;
+  width: 100% !important;
+  margin-bottom: 0 !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children li a {
+  font-weight: 400 !important;
+  padding: 0 !important;
+  border-radius: 5px !important;
+  text-transform: none !important;
+  font-size: 14px !important;
+  color: #a7a7a7 !important;
+  height: 10px !important;
+  line-height: 20px !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children li a:hover {
+  font-weight: 500 !important;
+  color: #494c4d !important;
+}
+
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list .submenu-section-title {
+  padding-left: 10px !important;
+  padding-bottom: 38px !important;
+  padding-top: 23px !important;
+  letter-spacing: 1px !important;
+  font-weight: 700 !important;
+  color: #6d7278 !important;
+  text-transform: uppercase !important;
+  line-height: 20px !important;
+  margin-bottom: 5px !important;
+  display: block !important;
+  line-height: 1.4 !important;
+  height: auto !important;
+  margin-bottom: 5px !important;
+}
+
+.td-sidebar-nav > .td-sidebar-nav__section {
+  padding-left: 2rem !important;
+}
+
+header nav.shortcuts li .fa {
+  font-size: 1.5rem !important;
+  margin-right: 0.3rem !important; }
+header nav.shortcuts li a:active,
+header nav.shortcuts li a:focus,
+header nav.shortcuts li a {
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  box-sizing: border-box !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  height: 2.9rem !important;
+  padding: 12.8px 16px !important;
+}
+
+
+p.card-title.mb-1 {
+  font-family: $font-family-monospace !important;
+  color: #0066aa !important;
+  text-overflow: ellipsis !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  display: inline !important;
+  margin: 0 0 2px 0 !important;
+  text-decoration: none !important;
+}
+
+#card-id a {
+  padding: 1em !important;
+  text-decoration: none !important;}
+.card-body .m-0 .p-2 {
+  text-decoration: none !important;
+}
+p.card-text.text-muted.small {
+  display: block !important;
+  font-size: 0.8em !important;
+  line-height: 1.5em !important;
+  color: #333333 !important;
+  font-family: "Open Sans", Helvetica, sans-serif !important;
+  font-size: 0.8em !important;
+  line-height: 1.5em !important;
+  text-decoration: none !important;
+}
+.section-index {
+  padding-top: 1.5rem !important;
+}
+p.card-text.text-muted.small:hover {
+  text-decoration: none !important;
+}
+.td-navbar .td-search-input {
+  color: black !important;
+}
+#sidebar-main {
+  border: none !important;
+  background: white !important;
+}
+
+footer {
+  min-height: 0px !important;
+}
+.td-content nav { margin: 0 auto; background-color: #f0f0f0; width: 100%; font-size: 0.85em; display: block; padding: 10px 0; }
+.td-content nav a { color: #555555; text-decoration: none; display: inline-block; padding: 0.3em 0.5em; }
+.td-content nav a.current { background-color: #666666; color: white; }
+.td-content nav label { margin: 0 0px !important; }
+.td-content nav label span { display: none; }
+.td-content nav select, #commands nav input { border: 1px solid #bbbbbb; font-size: 14px; margin: 0 5px; }
+.td-content nav input { border-radius: 5px; padding: 5px 5px 6px 5px; width: 200px; border: 1px solid #bbbbbb; margin: 0 5px; font-size: 14px;}
+.td-content nav input:focus { outline: none; }
+.td-content nav select { height: 32px; }
+select.command-reference-filter {
+  background-color: white;
+}
+.nav-container {
+  text-align: center;
+}
+
+hr.panel-line {
+  display: none !important;
+}
+
+@media only screen and (min-width: 992px) {
+  .td-content nav label span {
+    display: inline !important;
+  }
+  .td-content nav input {
+    width: 200px !important;
+  }
+  #card-id {
+    margin: 1em 1.5% !important;
+    }
+}
+@media only screen and (width: 768px) {
+  .td-content nav {
+    margin: 0 !important;
+  }
+  #card-id {
+    margin: 0 !important;
+  }
+}
+
+@media only screen and (max-width: 769px) {
+  .td-content nav {
+    margin: 5.5rem 0 0 auto;
+    background-color: #f0f0f0;
+    width: 100%;
+    font-size: 0.85em;
+    display: block;
+    padding: 10px 0;
+  }
+  .row {
+    display: block !important;
+  }
+  .d-flex {
+    display: block !important;
+  }
+  #card-id {
+    margin: 0 !important;
+  }
+}
+
+.td-search-input.form-control:focus {
+  border-color: white !important;
+  box-shadow: 0 0 0 2px #99caff !important;
+  color: black !important;
+}
+
+.row {
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.td-main main {
+  padding-bottom: 2rem !important;
+  margin: 0 auto !important;
+  font-family: 'Open Sans', Helvetica, sans-serif !important;
+}
+h1.top-mobile {
+  font-weight: bold !important;
+}
+
+@media only screen and (min-width: 768px) {
+    .col-md-9 {
+      flex: 0 0 100% !important;
+      max-width: 100% !important;
+    }
+    .td-main main {
+      padding-top: 4.2rem !important;
+    }
+    .td-sidebar-nav {
+      max-height: 100% !important;
+    }
+}
+
+@media only screen and (max-width: 768px) {
+  .top-mobile {
+    padding-top: 7.7rem !important;
+  }
+  .td-navbar {
+    margin: 0 auto !important;
+  }
+  .td-content > h1 {
+    margin-left: 12px !important;
+  }
+}
+
+@media only screen and (min-width: 1200px) {
+  .td-main main {
+
+  }
+}
+span.args {
+  display: inline !important;
+  color: #555555 !important;
+  white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+  margin: 0 0 2px 0 !important;
+}
+.container-fluid {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.col-12 {
+  padding-left: 0em !important;
+  padding-top: 1em !important;
+  padding-right: 0 !important;
+}
+@media only screen and (min-width: 992px) {
+  span.args {
+    font-size: 0.8em !important;
+  }
+}
+@media only screen and (min-width: 576px) {
+  .container, .container-sm, .container-fluid {
+    max-width: 100% !important;
+  }
+
+}
+.container {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.td-sidebar-nav {
+  max-height: 100% !important;
+}
+
+.td-page-meta {
+  margin: .5rem !important;
+}
+
+@media only screen and (max-width: 555px) {
+  div#main_navbar a {
+    font: 12px/1.6 "Open Sans", Helvetica, sans-serif !important;
+  }
+}
+.alert-primary {
+  border-color: #666666 !important;
+}
+
+.alert {
+  padding: 5px 15px !important;
+}
+
+.alert alert-primary > div {
+  margin: 5px 0 !important;
+}
+
+.mobile-wide {
+  max-width: 90% !important;
+}
+
+@media only screen and (min-width: 1200px) {
+  .mobile-wide {
+    max-width: 70% !important;
+  }
+}
+
+@media only screen and (min-width: 768px) {
+  // .td-content {
+  //   margin: 1em !important;
+  // }
+
+  .margin-content {
+    margin-left: 20px !important;
+  }
+}
+
+@media only screen and (max-width: 768px) {
+  .mobile-wide {
+    max-width: 90% !important;
+  }
+  .margin-content {
+    margin-left: 10px !important;
+  }
+}
+
+.td-sidebar-toc {
+  position: sticky !important;
+}
+
+.td-block-padding, .td-default main section {
+  padding-top: 8rem !important;
+}
diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 18e2a34..878f9e4 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -18,8 +18,14 @@ $white: #fff !default;
 $light: #D3F3EE !default;
 
 $dark: #403F4C !default;
+$headergray: #6d7278 !default;
+$footergray: #777777 !default;
+$footerborder: #eeeeee !default;
+$footerlinks: #444444 !default;
 $blue: #72A1E5 !default;
 $orange: #BA5A31 !default;
+$gray: #354253 !default;
+$activeblue: #5961ff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #eee !default;
 $gray-300: #dee2e6 !default;
@@ -32,3 +38,9 @@ $gray-900: #222 !default;
 $black: #000 !default;
 
 $code-color: darken($secondary, 20%) !default;
+
+/*
+
+Add styles for redis.io to match prod
+
+*/
diff --git a/data/command-groups.json b/data/commandgroups.json
similarity index 100%
rename from data/command-groups.json
rename to data/commandgroups.json
diff --git a/layouts/commands/baseof.html b/layouts/commands/baseof.html
index 78b37b0..eecd994 100644
--- a/layouts/commands/baseof.html
+++ b/layouts/commands/baseof.html
@@ -10,18 +10,6 @@
     <div class="container-fluid td-outer">
       <div class="td-main">
         <div class="row flex-xl-nowrap">
-          <aside class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none">
-            {{ if ne .File.BaseFileName "_index" }}
-            {{ partial "sidebar.html" . }}
-            {{ end }}
-          </aside>
-          <aside class="d-none d-xl-block col-xl-2 td-sidebar-toc d-print-none">
-            {{ if ne .File.BaseFileName "_index" }}
-            {{ partial "page-meta-links.html" . }}
-            {{ partial "toc.html" . }}
-            {{ partial "taxonomy_terms_clouds.html" . }}
-            {{ end }}
-          </aside>
           <main class="col-12 col-md-9 col-xl-8 pl-md-5" role="main">
             {{ partial "version-banner.html" . }}
             {{ if not .Site.Params.ui.breadcrumb_disable }}{{ partial "breadcrumb.html" . }}{{ end }}
@@ -33,4 +21,4 @@
     </div>
     {{ partial "scripts.html" . }}
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layouts/commands/list.html b/layouts/commands/list.html
index 8cf027a..2172764 100644
--- a/layouts/commands/list.html
+++ b/layouts/commands/list.html
@@ -1,6 +1,151 @@
 {{ define "main" }}
 <div class="td-content">
-    <h1>{{ .Title }}</h1>
+      <nav>
+        <div class="nav-container">
+          <!-- <label>
+            <span>Filter by group:</span>
+            <select class="command-reference-filter">
+              <option value="">All</option>
+              <option value="bitmap">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Bitmap" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="cluster">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Cluster" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="connection">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Connection" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="geo">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Geospatial indices" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="hash">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Hash" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="hyperloglog">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "HyperLogLog" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="generic">
+                Keys
+              </option>
+              <option value="list">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "List" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="pubsub">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Pub/Sub" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="scripting">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Scripting and Functions" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="sentinel">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Sentinel" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="server">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Server" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="set">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Set" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="sorted-set">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Sorted Set" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="stream">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Stream" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="string">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "String" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="transactions">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Transactions" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+            </select>
+          </label> -->
+          <!-- or -->
+          <label>
+            <span>search for:</span>
+            <input autocapitalize="off" autocomplete="off" autocorrect="off" autofocus="" class="js-command-reference-search" placeholder="e.g. COMMAND LIST" spellcheck="false">
+          </label>
+        </div>
+      </nav>
   {{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
     <header class="article-meta">
         {{ $context := . }}
@@ -37,11 +182,10 @@ <h1>{{ .Title }}</h1>
             </ul>
         {{ else }}
         {{/* Otherwise we show a nice formatted list of subpages with page descriptions */}}
-        <hr class="panel-line">
         <div class="container">
             <div class="row">
                 {{ range $index, $page := $pages }}
-                    <div class="col command-card d-flex">
+                    <div class="col command-card">
                         {{ partial "command-card.html" $page }}
                     </div>
                     {{ if eq (mod (add $index 1) 3) 0 }}
@@ -52,7 +196,7 @@ <h1>{{ .Title }}</h1>
         </div>
         {{ end }}
     </div>
-    
+
     {{ if (and (not .Params.hide_feedback) (.Site.Params.ui.feedback.enable) (.Site.GoogleAnalytics)) }}
         {{ partial "feedback.html" .Site.Params.ui.feedback }}
         <br />
diff --git a/layouts/commands/single.html b/layouts/commands/single.html
index 74a5304..122b184 100644
--- a/layouts/commands/single.html
+++ b/layouts/commands/single.html
@@ -3,12 +3,12 @@
 {{ if isset .Params "arguments" }}
 {{ $syntax = partial "command-syntax.html" .Params.arguments }}
 {{ end }}
-<h1>{{ .Title }} {{ $syntax }}</h1>
+<h1 class="top-mobile mobile-wide" style="margin: 0 auto .5em !important;">{{ .Title }} {{ $syntax }}</h1>
 
-<div class="alert alert-primary" role="alert">
-  <div><strong>Available since:</strong> {{ .Params.since }}</div>
-  <div><strong>Time complexity:</strong> {{ .Params.complexity | markdownify }}</div>
-  <div><strong>ACL categories:</strong>
+<div class="alert alert-primary mobile-wide" style="margin: 0 auto 1.5em !important;" role="alert">
+  <div class="mobile-wide" style="margin: 5px 0 !important;"><strong>Available since:</strong> {{ .Params.since }}</div>
+  <div class="mobile-wide" style="margin: 5px 0 !important;"><strong>Time complexity:</strong> {{ .Params.complexity | markdownify }}</div>
+  <div class="mobile-wide" style="margin: 5px 0 !important;"><strong>ACL categories:</strong>
     {{ range .Params.acl_categories }}
     {{ printf "`%s`" . | markdownify }}
     {{ end}}
@@ -16,8 +16,8 @@ <h1>{{ .Title }} {{ $syntax }}</h1>
 </div>
 
 {{ if (isset .Params "deprecated_since") }}
-  <div class="pageinfo pageinfo-secondary">
-    <p>
+  <div class="pageinfo pageinfo-secondary mobile-wide" style="mmargin: 0 auto !important;">
+    <p class="mobile-wide" style="margin: 0 auto !important;">
       As of Redis version {{ .Params.deprecated_since }}, this command is regarded as deprecated.
       {{ if (isset .Params "replaced_by") }}
       <br /><br />It can be replaced by {{ .Params.replaced_by | markdownify }} when migrating or writing new code.
@@ -26,15 +26,18 @@ <h1>{{ .Title }} {{ $syntax }}</h1>
   </div>
 {{ end }}
 
+<div class="mobile-wide" style="margin: 0 auto !important;">
 {{ .Content }}
+</div>
+
 
 {{ if isset .Params "history" }}
-  <h2>History</h2>
-  <ul>
+  <h2 class="mobile-wide" style="margin: 0 auto !important;">History</h2>
+  <ul class="mobile-wide" style="margin: 0 auto !important;">
     {{ range .Params.history }}
-    <li>Starting with Redis version {{ index . 0 }}: {{ index . 1 | markdownify }}</li>
-  {{ end }}  
+    <li class="mobile-wide" style="margin: 0 auto !important;">Starting with Redis version {{ index . 0 }}: {{ index . 1 | markdownify }}</li>
+  {{ end }}
   </ul>
 {{ end }}
 
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/layouts/partials/command-card.html b/layouts/partials/command-card.html
index 2039128..9d585b2 100644
--- a/layouts/partials/command-card.html
+++ b/layouts/partials/command-card.html
@@ -1,11 +1,16 @@
 {{ $manualLink := cond (isset .Params "manuallink") .Params.manualLink ( cond (isset .Params "manuallinkrelref") (relref . .Params.manualLinkRelref) .RelPermalink) }}
 
-<div class="card m-1">
+<div data-name="{{ .Title }}" class="card m-1" id="card-id">
     <a href="{{ .RelPermalink }}" title="{{ .Title }}">
         <div class="card-body m-0 p-2">
             <p class="card-title mb-1">
                 {{ .Title }}
             </p>
+              {{ range .Params.arguments }}
+                <span class="args" style="text-overflow: ellipsis !important;">
+                    {{ .name }}
+                </span>
+              {{ end }}
             <p class="card-text text-muted small">
                 {{ .Params.summary }}
             </p>
diff --git a/layouts/partials/command-syntax.html b/layouts/partials/command-syntax.html
index 93f2780..ea0ebfb 100644
--- a/layouts/partials/command-syntax.html
+++ b/layouts/partials/command-syntax.html
@@ -43,4 +43,4 @@
   {{ errorf "Syntax error: command argument isn't an array or an object: (%T %+v)" . . }}
 {{ end }}
 
-{{ return $s }}
\ No newline at end of file
+{{ return $s }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..2f4d75c
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,50 @@
+<!-- {{ $links := .Site.Params.links }}
+<footer class="bg-dark py-5 row d-print-none">
+  <div class="container-fluid mx-sm-5">
+    <div class="row">
+      <div class="col-6 col-sm-4 text-xs-center order-sm-2">
+        {{ with $links }}
+        {{ with index . "user"}}
+        {{ template "footer-links-block"  . }}
+        {{ end }}
+        {{ end }}
+      </div>
+      <div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
+        {{ with $links }}
+        {{ with index . "developer"}}
+        {{ template "footer-links-block"  . }}
+        {{ end }}
+        {{ end }}
+      </div>
+      <div class="col-12 col-sm-4 text-center py-2 order-sm-2">
+        {{ with .Site.Params.copyright }}<small class="text-white">&copy; {{ now.Year}} {{ .}} {{ T "footer_all_rights_reserved" }}</small>{{ end }}
+        {{ with .Site.Params.privacy_policy }}<small class="ml-1"><a href="{{ . }}" target="_blank" rel="noopener">{{ T "footer_privacy_policy" }}</a></small>{{ end }}
+	{{ if not .Site.Params.ui.footer_about_disable }}
+		{{ with .Site.GetPage "about" }}<p class="mt-2"><a href="{{ .RelPermalink }}">{{ .Title }}</a></p>{{ end }}
+	{{ end }}
+      </div>
+    </div>
+  </div>
+</footer>
+{{ define "footer-links-block" }}
+<ul class="list-inline mb-0">
+  {{ range . }}
+  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="{{ .name }}" aria-label="{{ .name }}">
+    <a class="text-white" target="_blank" rel="noopener" href="{{ .url }}" aria-label="{{ .name }}">
+      <i class="{{ .icon }}"></i>
+    </a>
+  </li>
+  {{ end }}
+</ul>
+{{ end }} -->
+{{ $links := .Site.Params.links }}<footer class="site-footer">
+        <div class="container">
+          <p>
+            This website is
+            <a href="https://github.com/redis/redis-io">open source software</a>
+            and is sponsored by
+            <a href="https://redis.com">Redis Ltd.</a>
+            See all <a href="https://www.redis.io/topics/sponsors">credits</a>.
+          </p>
+        </div>
+</footer>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 62b52cc..0fa9a70 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -1,7 +1,7 @@
 {{ $cover := and (.HasShortcode "blocks/cover") (not .Site.Params.ui.navbar_translucent_over_cover_disable) }}
 <nav class="js-navbar-scroll navbar navbar-expand navbar-dark {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar">
         <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
-		<span class="navbar-logo">{{ if .Site.Params.ui.navbar_logo }}{{ with resources.Get "icons/logo.svg" }}{{ ( . | minify).Content | safeHTML }}{{ end }}{{ end }}</span>
+		<span class="navbar-logo">{{ if .Site.Params.ui.navbar_logo }}{{ with resources.Get "icons/logo.svg" }}{{ ( . | minify).Content | safeHTML }}{{ end }}{{ end }}</span><span class="font-weight-bold">{{ .Site.Title }}</span>
 	</a>
 	<div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
 		<ul class="navbar-nav mt-2 mt-lg-0">
diff --git a/layouts/partials/page-meta-links.html b/layouts/partials/page-meta-links.html
new file mode 100644
index 0000000..876e7d4
--- /dev/null
+++ b/layouts/partials/page-meta-links.html
@@ -0,0 +1,40 @@
+{{ if .Path }}
+  {{ $pathFormatted := replace .Path "\\" "/" }}
+  {{ $gh_repo := ($.Param "github_repo") }}
+  {{ $gh_url := ($.Param "github_url") }}
+  {{ $gh_subdir := ($.Param "github_subdir") }}
+  {{ $gh_project_repo := ($.Param "github_project_repo") }}
+  {{ $gh_branch := (default "master" ($.Param "github_branch")) }}
+  <div class="td-page-meta ml-2 pb-1 pt-2 mb-0">
+  {{ if $gh_url }}
+     <a href="{{ $gh_url }}" target="_blank"><i class="fa fa-edit fa-fw"></i> {{ T "post_edit_this" }}</a>
+  {{ else if $gh_repo }}
+    {{ $gh_repo_path := printf "%s/content/%s" $gh_branch $pathFormatted }}
+    {{ if and ($gh_subdir) (.Site.Language.Lang) }}
+      {{ $gh_repo_path = printf "%s/%s/content/%s/%s" $gh_branch $gh_subdir ($.Site.Language.Lang) $pathFormatted }}
+    {{ else if .Site.Language.Lang }}
+      {{ $gh_repo_path = printf "%s/content/%s/%s" $gh_branch ($.Site.Language.Lang) $pathFormatted }}
+    {{ else if $gh_subdir }}
+      {{ $gh_repo_path = printf "%s/%s/content/%s" $gh_branch $gh_subdir $pathFormatted }}
+    {{ end }}
+    {{ $editURL := printf "%s/edit/%s" $gh_repo $gh_repo_path }}
+    {{ $createURL := printf "%s/edit/%s" $gh_repo $gh_repo_path }}
+    {{ $issuesURL := printf "%s/issues/new?title=%s" $gh_repo (safeURL $.Title )}}
+    {{ $newPageStub := resources.Get "stubs/new-page-template.md" }}
+    {{ $newPageQS := querify "value" $newPageStub.Content "filename" "change-me.md" | safeURL }}
+    {{ $newPageURL := printf "%s/new/%s?%s"  $gh_repo $gh_repo_path $newPageQS }}
+
+    <a href="{{ $editURL }}" target="_blank"><i class="fa fa-edit fa-fw"></i> {{ T "post_edit_this" }}</a>
+    <!-- <a href="{{ $newPageURL }}" target="_blank"><i class="fa fa-edit fa-fw"></i> {{ T "post_create_child_page" }}</a> -->
+    <a href="{{ $issuesURL }}" target="_blank"><i class="fab fa-github fa-fw"></i> {{ T "post_create_issue" }}</a>
+    {{ if $gh_project_repo }}
+      {{ $project_issueURL := printf "%s/issues/new" $gh_project_repo }}
+      <!-- <a href="{{ $project_issueURL }}" target="_blank"><i class="fas fa-tasks fa-fw"></i> {{ T "post_create_project_issue" }}</a> -->
+    {{ end }}
+
+  {{ end }}
+  {{ with .CurrentSection.AlternativeOutputFormats.Get "print" }}
+    <!-- <a id="print" href="{{ .Permalink | safeURL }}"><i class="fa fa-print fa-fw"></i> {{ T "print_entire_section" }}</a> -->
+  {{ end }}
+  </div>
+{{ end }}
diff --git a/static/js/custom.js b/static/js/custom.js
new file mode 100644
index 0000000..becaddf
--- /dev/null
+++ b/static/js/custom.js
@@ -0,0 +1,37 @@
+function commandReference(){var $groups=$("#card-id a")
+
+$groups.click(function(){window.location.hash=this.getAttribute("href").substring(1)
+
+filterCommandReference()
+
+return false})
+
+var filter=document.querySelector('.command-reference-filter');filter.addEventListener('change',function(e){window.location.hash=e.target.value;});window.onhashchange=function(){filterCommandReference();}}
+
+function filterCommandReference(){var $commands=$(".container .row")
+
+var group=window.location.hash.substring(1) // set url before anchaor tag
+
+if(group.length==0){$commands.children().show()} // show initlal results of card
+
+else{$commands.find("div[data-group='"+group+"']").show() // if card isn't showed show results that match data-group
+
+$commands.find("div[data-group!='"+group+"']").hide()}
+
+var $groups=$(".container .row")
+
+$groups.removeClass("current")
+
+$groups.filter("[href='#"+group+"']").addClass("current")
+
+document.querySelector('.command-reference-filter').value=group;}
+
+
+
+function searchCommandReference(){var $commands=$('div.container.row')
+
+$('.js-command-reference-search').bind('input',function(ev){window.location.hash='';if(ev.keyCode===13){var name=$commands.filter(':visible')[0].getAttribute('data-name');window.location='/commands/'+name.replace(/ /g,'-');return;}
+
+var val=$(this).val().toLowerCase().replace(/[^a-z0-9 ]/g,'');if(val===''){$commands.show()}else{$commands.hide()
+
+$('div.container.row[data-name*="'+val+'"]').show()}})}