Cards

Cards are used to group content together and provide a brief introduction on a given subject.

Simple cards

Concepts

Written for new users, this chapter introduces some of TYPO3s core concepts including the backend, TYPO3s administration interface.

System Requirements

System requirements for the host operation system, including its web server and database and how they should be configured prior to installation.
.. container:: row m-0 p-0

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Concepts <t3start:Concepts>`

         .. container:: card-body

            Written for new users, this chapter introduces some of TYPO3s
            core concepts including the backend, TYPO3s administration
            interface.

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`System Requirements <t3start:System-Requirements>`

         .. container:: card-body

            System requirements for the host operation system, including
            its web server and database and how they should be configured
            prior to installation.

Cards with images

Cards

Cards, example output

Cards can be used to shortly introduce topics and generate overview pages.

Tabs

Tabs, example output

Tabs can be used to present a topic from different perspectives.

.. container:: row m-0 p-0

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Cards <rest-cards>`

         .. container:: card-body

            .. image:: /images/cards.png
               :alt: Cards, example output
               :class: with-shadow mb-2

            Cards can be used to shortly introduce topics and generate
            overview pages.

   .. container:: col-md-6 pl-0 pr-3 py-3 m-0

      .. container:: card px-0 h-100

         .. rst-class:: card-header h3

            .. rubric:: :ref:`Tabs <rest-tabs>`

         .. container:: card-body

            .. image:: /images/tabs.png
               :alt: Tabs, example output
               :class: with-shadow mb-2

            Tabs can be used to present a topic from different perspectives.