<document source="index">
    <section ids="heading" names="heading">
        <title>
            Heading
        <container classes="sd-container-fluid sd-sphinx-override sd-mb-4" design_component="grid-container" is_div="True">
            <container classes="sd-row sd-row-cols-2 sd-row-cols-xs-2 sd-row-cols-sm-3 sd-row-cols-md-3 sd-row-cols-lg-4" design_component="grid-row" is_div="True">
                <container classes="sd-col sd-d-flex-column" design_component="grid-item" is_div="True">
                    <container classes="sd-card sd-sphinx-override sd-mb-3 sd-shadow-sm sd-text-black" design_component="card" is_div="True">
                        <image alt="my text" candidates="{'*': 'images/particle_background.jpg'}" classes="sd-card-img" uri="images/particle_background.jpg">
                        <container classes="sd-card-img-overlay" design_component="card-overlay" is_div="True">
                            <container classes="sd-card-body" design_component="card-body" is_div="True">
                                <container classes="sd-card-title sd-font-weight-bold" design_component="card-title" is_div="True">
                                    <PassthroughTextElement>
                                        Title
                                <paragraph classes="sd-card-text">
                                    Text
                <container classes="sd-col sd-d-flex-row" design_component="grid-item" is_div="True">
                    <container classes="sd-card sd-sphinx-override sd-w-100 sd-shadow-sm" design_component="card" is_div="True">
                        <image alt="" candidates="{'*': 'images/particle_background.jpg'}" classes="sd-card-img-top" uri="images/particle_background.jpg">
                        <container classes="sd-card-header" design_component="card-header" is_div="True">
                            <paragraph classes="sd-card-text">
                                Header
                        <container classes="sd-card-body" design_component="card-body" is_div="True">
                            <container classes="sd-card-title sd-font-weight-bold" design_component="card-title" is_div="True">
                                <PassthroughTextElement>
                                    Title
                            <paragraph classes="sd-card-text">
                                Content
                        <container classes="sd-card-footer" design_component="card-footer" is_div="True">
                            <paragraph classes="sd-card-text">
                                Footer
                <container classes="sd-col sd-d-flex-row" design_component="grid-item" is_div="True">
                    <container classes="sd-card sd-sphinx-override sd-w-100 sd-shadow-sm" design_component="card" is_div="True">
                        <container classes="sd-card-header" design_component="card-header" is_div="True">
                            <paragraph classes="sd-card-text">
                                Header
                        <container classes="sd-card-body" design_component="card-body" is_div="True">
                            <container classes="sd-card-title sd-font-weight-bold" design_component="card-title" is_div="True">
                                <PassthroughTextElement>
                                    Title
                            <paragraph classes="sd-card-text">
                                Content
                        <container classes="sd-card-footer" design_component="card-footer" is_div="True">
                            <paragraph classes="sd-card-text">
                                Footer
                        <image alt="" candidates="{'*': 'images/particle_background.jpg'}" classes="sd-card-img-bottom" uri="images/particle_background.jpg">
