diff --git a/public/docs/dart/latest/index.jade b/public/docs/dart/latest/index.jade
index e83afd74b6..85a6a293ef 100644
--- a/public/docs/dart/latest/index.jade
+++ b/public/docs/dart/latest/index.jade
@@ -1,30 +1,35 @@
-div.card-row(layout='row')
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase Quickstart
- p.text-body Get Started
+div.card-row(layout='row' layout-align="space-around center"
+
+class="docs-landing")
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") 5 Minute Quickstart
+ p A short beginner guide explaining the basic concepts of Angular
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase Guide
- p.text-body Step by Step Guide
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") Developer Guide
+ p An intermediate development guide covering all major features of Angular
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Guide
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase API
- p.text-body API 2.0 Preview
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") API Reference
+ p An advanced reference of all Angular Classes, Methods, etc.
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
diff --git a/public/docs/js/latest/index.jade b/public/docs/js/latest/index.jade
index ca01c00647..85a6a293ef 100644
--- a/public/docs/js/latest/index.jade
+++ b/public/docs/js/latest/index.jade
@@ -1,30 +1,35 @@
-div.card-row(layout='row')
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase Quickstart
- p.text-body Get Started
+div.card-row(layout='row' layout-align="space-around center"
+
+class="docs-landing")
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") 5 Minute Quickstart
+ p A short beginner guide explaining the basic concepts of Angular
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase Guide
- p.text-body Step by Step Guide
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") Developer Guide
+ p An intermediate development guide covering all major features of Angular
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Guide
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase API Preview
- p.text-body API 2.0 Preview
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") API Reference
+ p An advanced reference of all Angular Classes, Methods, etc.
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
diff --git a/public/docs/ts/latest/index.jade b/public/docs/ts/latest/index.jade
index ca01c00647..85a6a293ef 100644
--- a/public/docs/ts/latest/index.jade
+++ b/public/docs/ts/latest/index.jade
@@ -1,30 +1,35 @@
-div.card-row(layout='row')
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase Quickstart
- p.text-body Get Started
+div.card-row(layout='row' layout-align="space-around center"
+
+class="docs-landing")
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") 5 Minute Quickstart
+ p A short beginner guide explaining the basic concepts of Angular
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button" md-button) View Quickstart
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/quickstart.html" class="button md-button") View Quickstart
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase Guide
- p.text-body Step by Step Guide
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") Developer Guide
+ p An intermediate development guide covering all major features of Angular
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary" md-button) View Guide
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/guide/" class="button button-primary md-button") View Guide
- div(flex)
- md-card.card
- md-card-content
- h3.text-headline.text-uppercase API Preview
- p.text-body API 2.0 Preview
+ div(class="card-row-container")
+ md-card(class="card")
+ md-card-content(flex layout="column" layout-align="space-between center")
+ div
+ h2(class="text-headline text-uppercase") API Reference
+ p An advanced reference of all Angular Classes, Methods, etc.
footer
- a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button" md-button) View API
+ a(href="/docs/#{current.path[1]}/#{current.path[2]}/api/" class="button md-button") View API
diff --git a/public/resources/css/main.scss b/public/resources/css/main.scss
index 1a292b23d0..27b87b088d 100644
--- a/public/resources/css/main.scss
+++ b/public/resources/css/main.scss
@@ -53,6 +53,7 @@
@import 'module/home-promos';
@import 'module/press-kit';
@import 'module/features';
+@import 'module/docs-landing';
/*
* PRINT STYLES
diff --git a/public/resources/css/module/_docs-landing.scss b/public/resources/css/module/_docs-landing.scss
new file mode 100644
index 0000000000..43dddcff07
--- /dev/null
+++ b/public/resources/css/module/_docs-landing.scss
@@ -0,0 +1,34 @@
+.docs-landing {
+ .button {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ }
+
+ .card-row-container {
+ margin: 20px;
+ }
+
+ .card {
+ margin: 0 !important;
+ padding: 0 !important;
+ width: 100%;
+ height: 100%;
+ min-height: 250px;
+ }
+
+ md-card-content {
+ p {
+ font-size: 14px;
+ padding: 0;
+ }
+ }
+
+ footer {
+ width: 100%;
+
+ a {
+ width: 100%;
+ }
+ }
+}
\ No newline at end of file