%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/html/camillo/camillo-api-master/nova-components/Welcome/resources/js/components/
Upload File :
Create Path :
Current File : /var/www/html/camillo/camillo-api-master/nova-components/Welcome/resources/js/components/Card.vue

<template>
    <div>
    <div class="mb-6">
        <h1>Benvenuto su Camillo!</h1>
        <h4>Inizia subito a gestire il tuo Istituto e tutte le tipologie di utenti.</h4>
    </div>
    <div class="flex">
    <card class="flex-1 items-center justify-center rounded-none rounded-tl border-r border-grey-light" style="border-color: #FBBBAF;">
        <div class="px-6 py-6 ">
            <div class="text-center text-xl" style="float: left; width: 60px; font-size: 35px">
                <i class="far fa-clipboard" style="color: #FF7257;"></i>
            </div>
            <div class="" style="margin-left: 70px">
                <h3>Guida alla creazione dell'istituto</h3>
                    <p class="mt-4 text-sm"><b>É il primo accesso al backoffice?</b> Scarica la guida alle
                        operazioni necessarie per iniziare ad utilizzare il gestionale
                        di Camillo nel migliore dei modi!</p>
                    <p class="mt-4 text-sm">
                    <a href="/pdf/DIRIGENTE_FLUSSO.pdf" target="_blank" class="no-underline text-white font-bold py-1 px-4" style="background: #FF7257">scarica ora</a>
                </p>
            </div>
        </div>
    </card>
    <card class="flex-1 items-center justify-center rounded-none rounded-tr border-grey-light" style="border-color: #FBBBAF;">
        <div class="px-6 py-6 pt-10">
            <p style="text-align: center">
                <!-- <img src="/img/camillo_logo_classico.png" width="200px"> -->
            </p>
        </div>
    </card>
    </div>
    <div class="flex ">
    <card class="flex-1 items-center justify-center rounded-none rounded-bl border-r border-t border-grey-light" style="border-color: #FBBBAF;">
        <div class="px-6 py-6 ">
            <div class="text-center text-xl" style="float: left; width: 60px; font-size: 35px">
                <i class="fas fa-newspaper" style="color: #FF7257;"></i>
            </div>
            <div class="" style="margin-left: 70px">
                <h3>Rimani aggiornato</h3>
                    <p class="mt-4 text-sm">Segui Camillo e tutti gli articoli che vengono pubblicati
                        da esperti sul mondo dei bambini e della loro
                        sicurezza</p>
                    <p class="mt-4 text-sm">
                    <a href="https://camillo.online/articoli/" target="_blank" class="no-underline text-white font-bold py-1 px-4" style="background: #FF7257">leggi ora</a>
                </p>
            </div>
        </div>
    </card>
    <card class="flex-1 items-center justify-center rounded-none rounded-br border-t border-grey-light" style="border-color: #FBBBAF;">
        <div class="px-6 py-6 ">
            <div class="text-center text-xl" style="float: left; width: 60px; font-size: 35px">
                <i class="fas fa-share-alt" style="color: #FF7257;"></i>
            </div>
            <div class="" style="margin-left: 70px">
                <h3>Camillo sui social</h3>
                    <p class="mt-4 text-sm">Segui Camillo anche sui social e usa il tag
                        #forzacamillo per condivedere la tua esperienza
                        e i tuoi momenti con lui!</p>
                    <p class="mt-4 text-xl">
                    <a href="https://www.facebook.com/camillonline/" target="_blank" style="color: #FF7257"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/camillo.online/" target="_blank" style="color: #FF7257"><i class="fab fa-instagram"></i></a>
                </p>
            </div>
        </div>
    </card>
    </div>
    </div>
</template>

<script>
export default {
    props: [
        'card',

        // The following props are only available on resource detail cards...
        // 'resource',
        // 'resourceId',
        // 'resourceName',
    ],

    mounted() {
        //
    },
}
</script>

Zerion Mini Shell 1.0