diff --git a/doc/source/_static/css/pandas.css b/doc/source/_static/css/pandas.css
new file mode 100644
index 0000000000000..84dbba823afa0
--- /dev/null
+++ b/doc/source/_static/css/pandas.css
@@ -0,0 +1,40 @@
+/* Getting started index page */
+
+.intro-card {
+ background: #fff;
+ border-radius: 0;
+ padding: 30px 10px 10px 10px;
+ margin: 10px 0px;
+}
+
+.intro-card .card-text {
+ margin: 20px 0px;
+ /*min-height: 150px; */
+}
+
+.intro-card .card-img-top {
+ margin: 10px;
+}
+
+.custom-button {
+ background-color: #dcdcdc;
+ border: none;
+ color: #484848;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 0.9rem;
+ border-radius: 0.5rem;
+ max-width: 220px;
+ padding: 0.5rem 0rem;
+}
+
+.custom-button a {
+ color: #484848;
+}
+
+.custom-button p {
+ margin-top: 0;
+ margin-bottom: 0rem;
+ color: #484848;
+}
diff --git a/doc/source/_static/index_api.svg b/doc/source/_static/index_api.svg
new file mode 100644
index 0000000000000..70bf0d3504b1a
--- /dev/null
+++ b/doc/source/_static/index_api.svg
@@ -0,0 +1,97 @@
+
+
+
+
diff --git a/doc/source/_static/index_contribute.svg b/doc/source/_static/index_contribute.svg
new file mode 100644
index 0000000000000..e86c3e9fd0b3e
--- /dev/null
+++ b/doc/source/_static/index_contribute.svg
@@ -0,0 +1,76 @@
+
+
+
+
diff --git a/doc/source/_static/index_getting_started.svg b/doc/source/_static/index_getting_started.svg
new file mode 100644
index 0000000000000..d00e462427193
--- /dev/null
+++ b/doc/source/_static/index_getting_started.svg
@@ -0,0 +1,66 @@
+
+
+
+
diff --git a/doc/source/_static/index_user_guide.svg b/doc/source/_static/index_user_guide.svg
new file mode 100644
index 0000000000000..a567103af5918
--- /dev/null
+++ b/doc/source/_static/index_user_guide.svg
@@ -0,0 +1,67 @@
+
+
+
+
diff --git a/doc/source/conf.py b/doc/source/conf.py
index 481c03ab8f388..78b317456f720 100644
--- a/doc/source/conf.py
+++ b/doc/source/conf.py
@@ -229,6 +229,10 @@
# so a file named "default.css" will overwrite the builtin "default.css".
html_static_path = ["_static"]
+html_css_files = [
+ "css/pandas.css",
+]
+
# The name of an image file (within the static path) to use as favicon of the
# docs. This file should be a Windows icon file (.ico) being 16x16 or 32x32
# pixels large.
diff --git a/doc/source/index.rst.template b/doc/source/index.rst.template
index 10705787dfedf..f3053452b4e6c 100644
--- a/doc/source/index.rst.template
+++ b/doc/source/index.rst.template
@@ -1,10 +1,12 @@
+:notoc:
+
.. pandas documentation master file, created by
.. module:: pandas
-*********************************************
-pandas: powerful Python data analysis toolkit
-*********************************************
+********************
+pandas documentation
+********************
**Date**: |today| **Version**: |version|
@@ -21,7 +23,83 @@ pandas: powerful Python data analysis toolkit
easy-to-use data structures and data analysis tools for the `Python
New to pandas? Check out the getting started guides. They + contain an introduction to pandas' main concepts and links to additional tutorials.
+ +.. container:: custom-button + + :ref:`To the getting started guidesThe user guide provides in-depth information on the + key concepts of pandas with useful background information and explanation.
+ +.. container:: custom-button + + :ref:`To the user guideThe reference guide contains a detailed description of + the pandas API. The reference describes how the methods work and which parameters can + be used. It assumes that you have an understanding of the key concepts.
+ +.. container:: custom-button + + :ref:`To the reference guideSaw a typo in the documentation? Want to improve + existing functionalities? The contributing guidelines will guide + you through the process of improving pandas.
+ +.. container:: custom-button + + :ref:`To the development guide