My health card

Nav rapide
Intervention Information Estimate
Composants utilisés dans le template ci-dessous:
Header connected online garage
Menu
Header
Footer
Recent research list
With 3 cols
Display more
Slider item product
Product gallery
Estimate item
Information item
Vehicle select list

Health card

Intervention - Voir le template
  • template
<?php include renderTemplate('template/header/header-connected', 'connected-online-garage'); ?>

<div class="relative bg-ui-light flex md:flex-row flex-col pb-10">

    <div class="md:-mt-[80px] -mt-[91px] shrink-0">

        <?php include renderTemplate('online-garage/menu'); ?>

    </div>

    <div class="bg-ui-light md:w-[calc(100vw_-_295px)] mt-[160px] md:mt-0">

        <div class="md:block hidden">

            <?php include renderTemplate('online-garage/header'); ?>

        </div>

<<<<<<< HEAD

        <div class="flex flex-col">

            <div class="flex flex-col gap-5 md:p-10 p-5">

                <div class="flex flex-col">

                    <span class="md:text-2xl text-xl font-semibold">Mes véhicules</span>

                    <span class="md:text-base text-sm">Sélectionnez un de vos véhicules pour voir les actions possibles</span>

                    <?php include renderTemplate('organism/vehicle-select-list'); ?>

=======

        <div class="bg-ui-light md:w-[calc(100vw_-_295px)] mt-[160px] md:mt-0">

            <div class="md:block hidden">

                <?php include renderTemplate('online-garage/header'); ?>

            </div>

            <div class="flex flex-col">

                <div class="flex flex-col gap-5 md:p-10 p-5">

                    <div class="flex flex-col">

                        <span class="md:text-2xl text-xl font-semibold">Mes véhicules</span>

                        <span class="md:text-base text-sm">Sélectionnez un de vos véhicules pour voir les actions possibles</span>

                        <?php include renderTemplate('organism/vehicle-select-list', 'vehicle-select'); ?>

                    </div>

>>>>>>> main

                </div>

            </div>

            <div class="flex flex-col gap-5 md:p-10 p-5">

                <span class="md:text-2xl text-xl font-semibold">Votre BMW I3</span>

                <?php include renderTemplate('molecule/form/checkbox-radio-with-content', 'radio-menu'); ?>

                <div class="flex items-center justify-between font-semibold gap-2">

                    <span class="md:text-xl text-lg">5 Interventions dont 1 RDV à venir</span>

                    <div class="flex gap-2 items-center">

                        <span class="md:block hidden">5 Interventions les</span>

                        <?php include renderTemplate('atoms/form/select', 'select-pill'); ?>

                    </div>

                </div>

                <?php include renderTemplate('organism/intervention-list', 'intervention-list'); ?>

            </div>

            <div class="flex flex-col gap-5 md:p-10 p-5">

                <span class="md:text-xl text-lg font-semibold">Intervention suggérées</span>

                <?php include renderTemplate('organism/intervention-list', 'intervention-suggest-list'); ?>

            </div>

        </div>

    </div>

</div>

<?php include renderTemplate('template/footer'); ?>
Information - Voir le template
  • template
<?php include renderTemplate('template/header/header-connected', 'connected-online-garage'); ?>

<div class="relative bg-ui-light flex md:flex-row flex-col pb-10">

    <div class="md:-mt-[80px] -mt-[91px] shrink-0">

        <?php include renderTemplate('online-garage/menu'); ?>

    </div>

    <div class="bg-ui-light md:w-[calc(100vw_-_295px)] mt-[160px] md:mt-0">

        <div class="md:block hidden">

            <?php include renderTemplate('online-garage/header'); ?>

        </div>

<<<<<<< HEAD

        <div class="flex flex-col">

            <div class="flex flex-col gap-5 md:p-10 p-5">

                <div class="flex flex-col">

                    <span class="md:text-2xl text-xl font-semibold">Mes véhicules</span>

                    <span class="md:text-base text-sm">Sélectionnez un de vos véhicules pour voir les actions possibles</span>

                    <?php include renderTemplate('organism/vehicle-select-list'); ?>

=======

        <div class="bg-ui-light md:w-[calc(100vw_-_295px)] mt-[160px] md:mt-0">

            <div class="md:block hidden">

                <?php include renderTemplate('online-garage/header'); ?>

            </div>

            <div class="flex flex-col">

                <div class="flex flex-col gap-5 md:p-10 p-5">

                    <div class="flex flex-col">

                        <span class="md:text-2xl text-xl font-semibold">Mes véhicules</span>

                        <span class="md:text-base text-sm">Sélectionnez un de vos véhicules pour voir les actions possibles</span>

                        <?php include renderTemplate('organism/vehicle-select-list', 'vehicle-select'); ?>

                    </div>

>>>>>>> main

                </div>

            </div>

            <div class="flex flex-col gap-5 md:p-10 p-5">

                <span class="md:text-2xl text-xl font-semibold">Votre BMW I3</span>

                <?php include renderTemplate('molecule/form/checkbox-radio-with-content', 'radio-menu'); ?>

                <div class="flex gap-10 md:flex-row flex-col">

                    <?php include renderTemplate('catalog/product/product-gallery', 'tiny'); ?>

                    <?php include renderTemplate('online-garage/estimate-item'); ?>

                </div>

            </div>

        </div>

    </div>

</div>

<?php include renderTemplate('template/footer'); ?>
Estimate - Voir le template
  • template
<?php include renderTemplate('template/header/header-connected', 'connected-online-garage'); ?>

<div class="relative bg-ui-light flex md:flex-row flex-col pb-10">

    <div class="md:-mt-[80px] -mt-[91px] shrink-0">

        <?php include renderTemplate('online-garage/menu'); ?>

    </div>

    <div class="bg-ui-light md:w-[calc(100vw_-_295px)] mt-[160px] md:mt-0">

        <div class="md:block hidden">

            <?php include renderTemplate('online-garage/header'); ?>

        </div>

<<<<<<< HEAD

        <div class="flex flex-col">

            <div class="flex flex-col gap-5 md:p-10 p-5">

                <div class="flex flex-col">

                    <span class="md:text-2xl text-xl font-semibold">Mes véhicules</span>

                    <span class="md:text-base text-sm">Sélectionnez un de vos véhicules pour voir les actions possibles</span>

                    <?php include renderTemplate('organism/vehicle-select-list'); ?>

=======

        <div class="bg-ui-light md:w-[calc(100vw_-_295px)] mt-[160px] md:mt-0">

            <div class="md:block hidden">

                <?php include renderTemplate('online-garage/header'); ?>

            </div>

            <div class="flex flex-col">

                <div class="flex flex-col gap-5 md:p-10 p-5">

                    <div class="flex flex-col">

                        <span class="md:text-2xl text-xl font-semibold">Mes véhicules</span>

                        <span class="md:text-base text-sm">Sélectionnez un de vos véhicules pour voir les actions possibles</span>

                        <?php include renderTemplate('organism/vehicle-select-list', 'vehicle-select'); ?>

                    </div>

                </div>

                <div class="flex flex-col gap-5 md:p-10 p-5">

                    <span class="md:text-2xl text-xl font-semibold">Votre BMW I3</span>

                    <?php include renderTemplate('molecule/form/checkbox-radio-with-content', 'radio-menu'); ?>

                    <?php include renderTemplate('online-garage/information-item', 'information-item-list'); ?>

                    <?php include renderTemplate('online-garage/display-more'); ?>

                    <div class="booking__footer pt-9.5 md:pt-14 pb-24">

                        <div class="flex gap-2.5 justify-between overflow-y-auto hide-scrollbar px-7 md:px-10">

                            <div class="tracking-tightened max-w-[143px] shrink-0">

                                <?= icon('transmission', 'text-primary-accent w-auto h-[50px]'); ?>

                                <div class="mt-4.5 font-semibold">Estimation facile</div>

                                <div class="mt-1.25 font-medium text-smaller">Une estimation précise validée en quelques clics pour faciliter vos projets</div>

                            </div>

                            <div class="tracking-tightened max-w-[143px] shrink-0">

                                <?= icon('car-shield-plus', 'text-primary-accent w-auto h-[50px]'); ?>

                                <div class="mt-4.5 font-semibold">Mettez en vente</div>

                                <div class="mt-1.25 font-medium text-smaller">Votre voiture sera mise en vente sur le site tressol-chabrier.com</div>

                            </div>

                            <div class="tracking-tightened max-w-[143px] shrink-0">

                                <?= icon('shield-unlock', 'text-primary-accent w-auto h-[50px]'); ?>

                                <div class="mt-4.5 font-semibold">NN Concessions</div>

                                <div class="mt-1.25 font-medium text-smaller">Votre véhicule sera proposé dans l’ensemble de nos concessions</div>

                            </div>

                            <div class="tracking-tightened max-w-[143px] shrink-0">

                                <?= icon('infos-bubble', 'text-primary-accent w-auto h-[50px]'); ?>

                                <div class="mt-4.5 font-semibold">Aide et assitance</div>

                                <div class="mt-1.25 font-medium text-smaller">Contactez-nous pour vous accompagner si besoin</div>

                            </div>

                        </div>

                    </div>

>>>>>>> main

                </div>

            </div>

            <div class="flex flex-col gap-5 md:p-10 p-5">

                <span class="md:text-2xl text-xl font-semibold">Votre BMW I3</span>

                <?php include renderTemplate('molecule/form/checkbox-radio-with-content', 'radio-menu'); ?>

                <?php include renderTemplate('online-garage/information-item', 'information-item-list'); ?>

                <?php include renderTemplate('online-garage/display-more'); ?>

            </div>

        </div>

    </div>

</div>

<?php include renderTemplate('template/footer'); ?>