Bootstrapping tutorials in documentation (#4522)

docs/source/tutorials.rst

+Tutorials
+=========
+
+.. TOC
+
+.. toctree::
+   :maxdepth: 2
+   :hidden:
+
+   tutorials/nni_experiment
+   tutorials/nas_quick_start_mnist
+
+.. ----------------------
+
+.. cardlinkitem::
+   :header: Start and Manage a New Experiment
+   :description: Familiarize yourself with Pythonic API to manage a hyper-parameter tuning experiment
+   :link: tutorials/nni_experiment.html
+   :image: ../img/thumbnails/overview-31.png
+   :tags: Experiment/HPO
+
+.. cardlinkitem::
+   :header: Get started with NAS on MNIST
+   :description: bla bla bla bla
+   :link: tutorials/nas_quick_start_mnist.html
+   :image: ../img/thumbnails/overview-30.png
+   :background: cyan
+   :tags: NAS

docs/source/tutorials/index.rst

+:orphan:
+
+
+
+.. _sphx_glr_tutorials:
+
+Tutorials
+=========
+
+
+
+.. raw:: html
+
+    <div class="sphx-glr-thumbcontainer" tooltip="Get started with NAS on MNIST">
+
+.. only:: html
+
+ .. figure:: /tutorials/images/thumb/sphx_glr_nas_quick_start_mnist_thumb.png
+     :alt: Get started with NAS on MNIST
+
+     :ref:`sphx_glr_tutorials_nas_quick_start_mnist.py`
+
+.. raw:: html
+
+    </div>
+
+
+.. toctree::
+   :hidden:
+
+   /tutorials/nas_quick_start_mnist
+
+.. raw:: html
+
+    <div class="sphx-glr-thumbcontainer" tooltip="Start and Manage a New Experiment">
+
+.. only:: html
+
+ .. figure:: /tutorials/images/thumb/sphx_glr_nni_experiment_thumb.png
+     :alt: Start and Manage a New Experiment
+
+     :ref:`sphx_glr_tutorials_nni_experiment.py`
+
+.. raw:: html
+
+    </div>
+
+
+.. toctree::
+   :hidden:
+
+   /tutorials/nni_experiment
+.. raw:: html
+
+    <div class="sphx-glr-clear"></div>
+
+
+
+.. only:: html
+
+ .. rst-class:: sphx-glr-signature
+
+    `Gallery generated by Sphinx-Gallery <https://sphinx-gallery.github.io>`_

docs/source/tutorials/nas_quick_start_mnist.ipynb

+{
+  "cells": [
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {
+        "collapsed": false
+      },
+      "outputs": [],
+      "source": [
+        "%matplotlib inline"
+      ]
+    },
+    {
+      "cell_type": "markdown",
+      "metadata": {},
+      "source": [
+        "\n# Get started with NAS on MNIST\n"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {
+        "collapsed": false
+      },
+      "outputs": [],
+      "source": [
+        "a = (1, 2, 3)\na"
+      ]
+    },
+    {
+      "cell_type": "code",
+      "execution_count": null,
+      "metadata": {
+        "collapsed": false
+      },
+      "outputs": [],
+      "source": [
+        "print('hello')"
+      ]
+    }
+  ],
+  "metadata": {
+    "kernelspec": {
+      "display_name": "Python 3",
+      "language": "python",
+      "name": "python3"
+    },
+    "language_info": {
+      "codemirror_mode": {
+        "name": "ipython",
+        "version": 3
+      },
+      "file_extension": ".py",
+      "mimetype": "text/x-python",
+      "name": "python",
+      "nbconvert_exporter": "python",
+      "pygments_lexer": "ipython3",
+      "version": "3.8.8"
+    }
+  },
+  "nbformat": 4,
+  "nbformat_minor": 0
+}
\ No newline at end of file

docs/source/tutorials/nas_quick_start_mnist.py

+"""
+Get started with NAS on MNIST
+=============================
+"""
+
+# %%
+a = (1, 2, 3)
+a
+
+# %%
+print('hello')