Tutorial
========

.. grid::
    :gutter: 3
    :margin: 1
    :padding: 1

    .. grid-item-card::
        :shadow: none
        :class-body: sd-card-center
        :link: intro.html

        .. toctree::
            :maxdepth: 1

            intro.rst

        .. raw:: html

            <div class="img-frame">
                <img style="max-width: 240px; max-height: 240px;" src="../_images/intro-5.png"/>
            </div>

    .. grid-item-card::
        :shadow: none
        :class-body: sd-card-center
        :link: intro2.html

        .. toctree::
            :maxdepth: 1

            intro2.rst

        .. raw:: html

            <div class="img-frame">
                <img style="max-width: 240px; max-height: 240px;" src="../_images/intro2-7.png"/>
            </div>


.. grid::
    :gutter: 3
    :margin: 1
    :padding: 1

    .. grid-item-card::
        :shadow: none
        :class-body: sd-card-center
        :link: concatenation.html

        .. toctree::
            :maxdepth: 1

            concatenation.rst

        .. raw:: html

            <div class="flex-container">
                <div class="img-frame">
                    <img style="max-width: 240px; max-height: 240px;" src="../_images/concatenation-5.png"/>
                </div>
                <div class="img-frame">
                    <img style="max-width: 240px; max-height: 240px;" src="../_images/concatenation-7.png"/>
                </div>
            </div>


.. grid::
    :gutter: 3
    :margin: 1
    :padding: 1

    .. grid-item-card::
        :shadow: none
        :class-body: sd-card-center
        :link: axes-level.html

        .. toctree::
            :maxdepth: 1

            axes-level.rst

        .. raw:: html

            <div class="img-frame">
                <img style="max-width: 240px; max-height: 240px;" src="../_images/axes-level-2.png"/>
            </div>

    .. grid-item-card::
        :shadow: none
        :class-body: sd-card-center
        :link: new_renderplan.html

        .. toctree::
            :maxdepth: 1

            new_renderplan.rst

        .. raw:: html

            <div class="img-frame">
                <img style="max-width: 240px; max-height: 240px;" src="../_images/new_renderplan-6.png"/>
            </div>


.. grid::
    :gutter: 3
    :margin: 1
    :padding: 1

    .. grid-item-card::
        :shadow: none
        :class-body: sd-card-center
        :link: heatmap.html

        .. toctree::
            :maxdepth: 1

            heatmap.rst

        .. raw:: html

            <div class="img-frame">
                <img style="max-width: 240px; max-height: 240px;" src="../_images/heatmap-5.png"/>
            </div>

    .. grid-item-card::
        :shadow: none
        :class-body: sd-card-center
        :link: upset.html

        .. toctree::
            :maxdepth: 1

            upset.rst

        .. raw:: html

            <div class="img-frame">
                <img style="max-width: 240px; max-height: 240px;" src="../_images/upset-6.png"/>
            </div>